@@ -251,8 +251,7 @@ kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv -o defa
251
251
```
252
252
This is the default version of this command, only producing a graph with default color, width and size
253
253
254
- <img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/1.jpg " width =" 300 " />
255
-
254
+ <img src =" https://github.com/usc-isi-i2/kgtk/raw/master/docs/images/visualize-force-graph-examples/1.jpg " width =" 300 " />
256
255
257
256
## 2. Color by ` is_country ` column in the node file, use ` d3.schemeCategory10 ` to color nodes
258
257
```
@@ -265,6 +264,7 @@ kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
265
264
```
266
265
This command specifies ` is_country ` as column for assigning colors.
267
266
267
+
268
268
This command specifies that the values in the color column are numbers and should be left as is with the help of following option `--node-color-numbers as-
269
269
is`.
270
270
@@ -282,13 +282,13 @@ kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
282
282
-o show_degrees.html
283
283
```
284
284
285
+
285
286
This command specifies ` degree ` as column for assigning colors.
286
287
287
288
This command specifies that the values in the color column are numbers and should be scaled logarithmically with the help of following option ` --node-color-numbers log ` .
288
289
289
290
Finally, we specify that nodes should be colored using the ` d3.schemePastel1 ` style.
290
291
291
-
292
292
<img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/3.png " width =" 300 " />
293
293
294
294
## 4. Handle missing values
@@ -302,6 +302,7 @@ kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
302
302
303
303
This command uses the column ` type_missing ` as assigning colors.
304
304
305
+
305
306
Notice here there are missing values.
306
307
307
308
All missing values will be assigned the default node color, using the style ` d3.schemeSet3 ` to color nodes.
@@ -331,7 +332,6 @@ This command uses the column `hex_color`, which contains valid hex colors, for a
331
332
332
333
<img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/6.png " width =" 300 " />
333
334
334
-
335
335
## 7. Show Node Size and Color
336
336
```
337
337
kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
@@ -350,7 +350,6 @@ Size of the nodes is proportional to the values in the column `population`, we s
350
350
351
351
<img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/7.png " width =" 300 " />
352
352
353
-
354
353
## 8. Edge Width
355
354
```
356
355
kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
@@ -370,7 +369,6 @@ Resulting edge width will be between 2.0 and 5.0 as specified by the options `--
370
369
Any edge with no value in weight columns will be assigned the default size: 2.0
371
370
372
371
Moreover, color the nodes using the numerical values in the column ` degree ` , scaling the values linearly, using the style ` d3.schemeDark2 ` .
373
-
374
372
<img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/8.png " width =" 300 " />
375
373
376
374
## 9. Show text above nodes
@@ -386,7 +384,6 @@ Colors nodes by the column `hex_color` and shows labels above the nodes
386
384
387
385
<img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/9.png " width =" 300 " />
388
386
389
-
390
387
## 10. Show labels on edges, color edges using hex colors
391
388
```
392
389
kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
@@ -489,3 +486,4 @@ kgtk visualize-graph -i examples/docs/visualize_force_graph_example2.tsv \
489
486
This command maps strings in the column ` label ` to a categorical scale ` d3.schemeDark2 `
490
487
491
488
<img src =" https://github.com/usc-isi-i2/kgtk/raw/dev/docs/images/visualize-force-graph-examples/16.png " width =" 300 " />
489
+
0 commit comments