digraph root { graph [_draw_="c 9 -#fffffe00 C 7 -#44475a P 4 0 0 0 748 762.5 748 762.5 0 ", applyCss=dark, arrowsize=0.6, bb="0,0,762.5,748", bgcolor="#44475a", charset="UTF-8", clusterize=false, color="#797976", fontcolor="#f8f8f2", fontname=Agave, margin=4.3, overlap=voronoi, pencolor="#797976", penwidth=0.8, rankdir=LR, shape=box, splines=spline, style=rounded, truecolor=true, xdotversion=1.7 ]; node [arrowsize=0.6, bgcolor="#44475a", color="#797976", fontcolor="#f8f8f2", fontname=Agave, label="\N", margin=4.3, overlap=voronoi, pencolor="#797976", penwidth=0.8, shape=box, splines=true, style=rounded, truecolor=true ]; edge [arrowsize=0.6, bgcolor="#44475a", color="#797976", fontcolor="#f8f8f2", fontname=Agave, fontsize=6.8, margin=4.3, overlap=voronoi, pencolor="#797976", penwidth=0.8, shape=box, splines=true, style=rounded, truecolor=true ]; subgraph G_cc_0 { graph [applyCss=dark, arrowsize=0.6, bb="", bgcolor="#44475a", charset="UTF-8", clusterize=false, color="#797976", fontcolor="#f8f8f2", fontname=Agave, margin=4.3, overlap=voronoi, pencolor="#797976", penwidth=0.8, rankdir=LR, shape=box, splines=spline, style=rounded, truecolor=true ]; node [arrowsize=0.6, bgcolor="#44475a", color="#797976", fontcolor="#f8f8f2", fontname=Agave, fontsize="", height="", href="", label="\N", margin=4.3, overlap=voronoi, pencolor="#797976", penwidth=0.8, pos="", shape=box, splines=true, style=rounded, truecolor=true, width="" ]; edge [arrowhead="", arrowsize=0.6, arrowtail="", bgcolor="#44475a", color="#797976", constrained="", dir="", fontcolor="#f8f8f2", fontname=Agave, fontsize=6.8, href="", margin=4.3, overlap=voronoi, pencolor="#797976", penwidth=0.8, pos="", reverse="", shape=box, splines=true, style=rounded, tooltip="", truecolor=true, type="" ]; visualization [_ldraw_="F 19 5 -Agave c 7 -#f8f8f2 t 1 T 1 383.8 -1 127 13 -visualization F 19 5 -Agave c 7 -#f8f8f2 t 0 T 1 359.8 -1 98 13 -• sankey: \ F 19 5 -Agave c 7 -#f8f8f2 T 1 338.8 -1 215 22 -https:/timeline-sankey F 19 5 -Agave c 7 -#f8f8f2 T 1 317.8 -1 166 20 -• https:/\ circular F 19 5 -Agave c 7 -#f8f8f2 T 21 296.8 -1 332 37 -• could be achieved with graphviz? F 19 5 -Agave c 7 -#f8f8f2 T 1 275.8 \ -1 215 25 -• msc revive zaujimave F 19 5 -Agave c 7 -#f8f8f2 T 85 254.8 -1 205 24 -• maybe use vegalite? F 19 5 -Agave c 7 \ -#f8f8f2 T 1 233.8 -1 176 21 -• https:/Kyrix :: F 19 5 -Agave c 7 -#f8f8f2 T 1 212.8 -1 254 26 -realizuju diving into data ", fontsize=19, height=2.6806, href="#visualization", label=<

visualization

• sankey:
https:/timeline-sankey

• https:/circular

• could be achieved with graphviz?

• msc revive zaujimave

• maybe use vegalite?

• https:/Kyrix ::
realizuju diving into data

>, pos="177,303", shape=plain, width=4.9167]; d3 [_ldraw_="F 9.5 5 -Agave c 7 -#f8f8f2 t 1 T 413 740.4 -1 10 2 -d3 F 9.5 5 -Agave c 7 -#f8f8f2 t 0 T 413 727.4 -1 91 23 -• https:/d3-gridding \ F 9.5 5 -Agave c 7 -#f8f8f2 T 413 717.4 -1 158 38 -• https:/awesome-d3?tab=readme-ov-f F 9.5 5 -Agave c 7 -#f8f8f2 T 433 707.4 \ -1 64 17 -• https:/dc.js F 9.5 5 -Agave c 7 -#f8f8f2 T 433 697.4 -1 140 34 -• https:/d2b?tab=readme-ov-file F 9.5 5 -Agave \ c 7 -#f8f8f2 T 433 687.4 -1 109 27 -• https:/www.sigmajs.org F 9.5 5 -Agave c 7 -#f8f8f2 T 433 677.4 -1 158 38 -• https:/d3-beeswarm?\ tab=readme-ov- F 9.5 5 -Agave c 7 -#f8f8f2 T 433 667.4 -1 104 26 -• https:/d3kit-timeline F 9.5 5 -Agave c 7 -#f8f8f2 T 413 657.4 \ -1 91 23 -• https:/d3-gridding ", fontsize=9.5, height=1.3056, href="#d3", label=<

• https:/d3-gridding

• https:/awesome-d3?tab=readme-ov-f

	• https:/dc.js
	• https:/d2b?tab=readme-ov-file
	• https:/www.sigmajs.org
	• https:/d3-beeswarm?tab=readme-ov-
	• https:/d3kit-timeline

• https:/d3-gridding

>, pos="502,701", shape=plain, width=2.5]; visualization -> d3 [_draw_="S 17 -setlinewidth(0.8) S 6 -dashed c 7 -#797976 B 7 219.98 399.59 256.27 474.15 314.72 575.92 390 645 394.06 648.73 398.42 652.27 \ 402.96 655.62 ", _hdraw_="S 17 -setlinewidth(0.8) S 5 -solid c 7 -#797976 C 7 -#797976 P 9 411.34 661.46 400.56 659.43 407.24 658.6 403.14 655.74 403.14 655.74 \ 403.14 655.74 407.24 658.6 405.71 652.05 411.34 661.46 ", arrowhead=open, arrowsize=1.0, href="#visualization👉 d3", pos="e,411.34,661.46 219.98,399.59 256.27,474.15 314.72,575.92 390,645 394.06,648.73 398.42,652.27 402.96,655.62", reverse=false, style=dashed, tooltip="-> isAnInputTo", type=isAnInputTo]; vega_lite [_ldraw_="F 9.5 5 -Agave c 7 -#f8f8f2 t 1 T 407 628.4 -1 41 9 -vega lite F 9.5 5 -Agave c 7 -#f8f8f2 t 0 T 407 615.4 -1 109 27 -• https:/\ Deneb-Showcase F 9.5 5 -Agave c 7 -#f8f8f2 T 407 605.4 -1 113 25 -:: vela peknych prikladov F 9.5 5 -Agave c 7 -#f8f8f2 T 407 595.4 \ -1 86 22 -• https:/vl-convert F 9.5 5 -Agave c 7 -#f8f8f2 T 407 585.4 -1 86 22 -• https:/index.html F 9.5 5 -Agave c 7 -#f8f8f2 \ T 407 575.4 -1 109 27 -• https:/figurelist.html F 9.5 5 -Agave c 7 -#f8f8f2 T 407 565.4 -1 158 38 -• https:/#faceting-trellis-plot--sm \ F 9.5 5 -Agave c 7 -#f8f8f2 T 407 555.4 -1 73 19 -• https:/voyager F 9.5 5 -Agave c 7 -#f8f8f2 T 407 545.4 -1 104 26 -• https:/?\ msg_id=0003nk F 9.5 5 -Agave c 7 -#f8f8f2 T 407 535.4 -1 190 45 -• idea: own jq-json based vega-lite based F 9.5 5 -Agave c \ 7 -#f8f8f2 T 452 525.4 -1 100 22 -infographics generator F 9.5 5 -Agave c 7 -#f8f8f2 T 407 515.4 -1 163 39 -• https:/Deneb-Showcase?\ tab=readme- F 9.5 5 -Agave c 7 -#f8f8f2 T 456.5 505.4 -1 64 14 -cola gridified ", fontsize=9.5, height=1.8611, href="#vega_lite", label=<

vega lite

• https:/Deneb-Showcase
:: vela peknych prikladov

• https:/vl-convert

• https:/index.html

• https:/figurelist.html

• https:/#faceting-trellis-plot--sm

• https:/voyager

• https:/?msg_id=0003nk

• idea: own jq-json based vega-lite based
infographics generator

• https:/Deneb-Showcase?tab=readme-
cola gridified

>, pos="502,569", shape=plain, width=2.6667]; visualization -> vega_lite [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 82 289.84 408.08 294.59 412.39 299.38 416.71 304.22 421.06 309.09 \ 425.42 314 429.79 318.94 434.17 323.91 438.54 328.91 442.92 333.92 447.29 338.95 451.64 344 455.99 349.06 460.31 354.12 464.61 359.19 \ 468.88 364.26 473.12 369.32 477.32 374.37 481.48 379.42 485.6 384.45 489.67 389.46 493.68 390.2 494.27 390.94 494.86 391.69 495.45 \ 392.44 496.04 393.19 496.63 393.94 497.23 394.69 497.82 395.45 498.41 396.21 499 396.97 499.59 397.74 500.18 398.5 500.77 399.27 \ 501.36 400.04 501.95 400.81 502.54 401.58 503.13 402.36 503.72 403.14 504.31 403.91 504.9 404.69 505.49 405.89 503.89 405.1 503.31 \ 404.32 502.73 403.54 502.15 402.76 501.58 401.98 501 401.2 500.42 400.42 499.84 399.65 499.26 398.88 498.68 398.11 498.1 397.34 \ 497.52 396.57 496.94 395.81 496.36 395.05 495.79 394.29 495.21 393.54 494.63 392.78 494.05 392.03 493.47 391.28 492.89 390.54 492.32 \ 385.48 488.37 380.4 484.37 375.31 480.33 370.2 476.23 365.09 472.1 359.97 467.93 354.85 463.73 349.73 459.51 344.62 455.25 339.52 \ 450.98 334.43 446.69 329.36 442.39 324.31 438.09 319.28 433.78 314.29 429.47 309.32 425.16 304.39 420.87 299.49 416.59 294.64 412.32 \ 289.84 408.08 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 289.48 407.76 282.35 406.71 280.57 399.72 287.7 400.77 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#visualization👉 vega_lite", penwidth=2, pos="s,280.57,399.72 289.84,408.08 321.52,436.49 356.5,466.65 390,493 394.94,496.89 400.07,500.8 405.29,504.69", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; graphviz__osage [_ldraw_="F 9.5 5 -Agave c 7 -#f8f8f2 t 1 T 392 476.4 -1 68 15 -graphviz: osage F 9.5 5 -Agave c 7 -#f8f8f2 t 0 T 392 463.4 -1 158 38 -• https:/\ how-to-structure-multiple- F 9.5 5 -Agave c 7 -#f8f8f2 T 392 453.4 -1 10 5 -• F 9.5 5 -Agave c 7 -#f8f8f2 T 392 443.4 -1 181 \ 43 -• see the difference with dot and osage: F 9.5 5 -Agave c 7 -#ff79c6 T 392 422.9 -1 149 34 - digraph G { compound=true; \ node F 9.5 5 -Agave c 7 -#ff79c6 T 392 413.4 -1 202 48 -【shape=box】; edge 【dir=none】; subgraph F 9.5 5 -Agave c 7 -#ff79c6 \ T 392 403.9 -1 154 34 -cluster_overall{ subgraph F 9.5 5 -Agave c 7 -#ff79c6 T 392 394.4 -1 163 36 -cluster_top{ \ apple; F 9.5 5 -Agave c 7 -#ff79c6 T 392 384.9 -1 158 35 -banana; } subgraph F 9.5 5 -Agave c 7 -#ff79c6 \ T 392 375.4 -1 167 37 -clustermsc{ basket1; F 9.5 5 -Agave c 7 -#ff79c6 T 392 365.9 -1 77 17 -basket2; \ F 9.5 5 -Agave c 7 -#ff79c6 T 392 356.4 -1 158 35 -label=\"Baskets\"; } F 9.5 5 -Agave c 7 -#ff79c6 T 392 346.9 -1 \ 221 49 -subgraph cluster_bottom{ orange; F 9.5 5 -Agave c 7 -#ff79c6 T 392 337.4 -1 136 30 -kiwi; } label=\"\ Test\"; F 9.5 5 -Agave c 7 -#ff79c6 T 392 327.9 -1 86 19 -} apple -> basket1 F 9.5 5 -Agave c 7 -#ff79c6 T 392 318.4 -1 146 34 \ -【constraint=false】; banana -> F 9.5 5 -Agave c 7 -#ff79c6 T 392 308.9 -1 163 36 -basket2; basket1 -> orange; // !!! F 9.5 \ 5 -Agave c 7 -#ff79c6 T 392 299.4 -1 131 30 -basket2-> kiwi; // !!! } ", fontsize=9.5, height=2.6111, href="#graphviz__osage", label=<

graphviz: osage

• https:/how-to-structure-multiple-

•

• see the difference with dot and osage:

digraph G { compound=true; node
【shape=box】; edge 【dir=none】; subgraph
cluster_overall{ subgraph
cluster_top{ apple;
banana; } subgraph
clustermsc{ basket1;
basket2;
label="Baskets"; }
subgraph cluster_bottom{ orange;
kiwi; } label="Test";
} apple -> basket1
【constraint=false】; banana ->
basket2; basket1 -> orange; // !!!
basket2-> kiwi; // !!! }

>, pos="502,390", shape=plain, width=3.0972]; visualization -> graphviz__osage [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 42 366.17 353.76 367.36 354.13 368.55 354.51 369.74 354.88 370.92 \ 355.25 372.11 355.63 373.29 356 374.47 356.37 375.65 356.74 376.83 357.11 378.01 357.48 379.18 357.85 380.35 358.21 381.52 358.58 \ 382.69 358.95 383.86 359.31 385.02 359.68 386.18 360.05 387.34 360.41 388.5 360.77 389.65 361.14 390.17 359.2 388.99 358.94 387.81 \ 358.67 386.62 358.4 385.44 358.13 384.25 357.86 383.06 357.59 381.86 357.32 380.67 357.05 379.47 356.78 378.27 356.5 377.07 356.23 \ 375.86 355.96 374.66 355.69 373.45 355.41 372.24 355.14 371.03 354.86 369.82 354.59 368.6 354.31 367.39 354.04 366.17 353.76 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 365.94 353.7 359.1 356 354.35 350.57 361.19 348.27 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#visualization👉 graphviz__osage", penwidth=2, pos="s,354.35,350.57 366.17,353.76 374.2,355.93 382.14,358.07 389.91,360.17", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; to_vega__vega_lite [_ldraw_="F 9.5 5 -Agave c 7 -#f8f8f2 t 1 T 402 270.4 -1 77 17 -to vega/vega-lite F 9.5 5 -Agave c 7 -#f8f8f2 t 0 T 402 257.4 -1 73 19 -• https:/\ webcola F 9.5 5 -Agave c 7 -#f8f8f2 T 402 247.4 -1 158 38 -• https:/dagre?utm_source=chatgpt.c F 9.5 5 -Agave c 7 -#f8f8f2 T \ 402 237.4 -1 68 18 -• Graphviz WASM F 9.5 5 -Agave c 7 -#f8f8f2 T 433 227.4 -1 158 38 -• https:/hpcc-js-wasm?utm_source=ch \ F 9.5 5 -Agave c 7 -#f8f8f2 T 402 217.4 -1 149 36 -• https:/graph.html?id=small.json F 9.5 5 -Agave c 7 -#f8f8f2 T 402 207.4 \ -1 64 17 -• https:/dagre F 9.5 5 -Agave c 7 -#f8f8f2 T 422 197.4 -1 86 22 -• https:/wiki#demos F 9.5 5 -Agave c 7 -#f8f8f2 \ T 462 187.4 -1 140 34 -• https:/graph-story-board.html F 9.5 5 -Agave c 7 -#f8f8f2 T 402 177.4 -1 64 17 -• https:/demos F \ 9.5 5 -Agave c 7 -#f8f8f2 T 456 167.4 -1 113 28 -• https:/activity-diagram F 9.5 5 -Agave c 7 -#f8f8f2 T 456 157.4 -1 10 5 -• ", fontsize=9.5, height=1.7222, href="#to_vega__vega_lite", label=<

to vega/vega-lite

• https:/webcola

• https:/dagre?utm_source=chatgpt.c

• Graphviz WASM

• https:/hpcc-js-wasm?utm_source=ch

• https:/graph.html?id=small.json

• https:/dagre

• https:/wiki#demos

• https:/graph-story-board.html

• https:/demos

	• https:/activity-diagram
	•

>, pos="502,216", shape=plain, width=2.8056]; visualization -> to_vega__vega_lite [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 42 366.1 252.26 367.87 251.84 369.63 251.41 371.39 250.99 373.15 \ 250.57 374.9 250.15 376.65 249.73 378.4 249.31 380.14 248.89 381.87 248.48 383.61 248.06 385.33 247.65 387.05 247.23 388.77 246.82 \ 390.48 246.41 392.19 246 393.89 245.59 395.58 245.19 397.27 244.78 398.95 244.38 400.62 243.98 400.1 242.04 398.45 242.54 396.8 \ 243.04 395.13 243.54 393.47 244.04 391.79 244.54 390.11 245.05 388.43 245.55 386.74 246.06 385.04 246.57 383.34 247.08 381.64 247.59 \ 379.93 248.11 378.21 248.62 376.49 249.14 374.77 249.66 373.04 250.17 371.31 250.69 369.58 251.22 367.84 251.74 366.1 252.26 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 365.94 252.3 361.18 257.73 354.35 255.43 359.1 250.01 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#visualization👉 to_vega__vega_lite", penwidth=2, pos="s,354.35,255.43 366.1,252.26 377.8,249.1 389.31,246 400.36,243.01", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; editable_graph_ok_ [_ldraw_="F 9.5 5 -Agave c 7 -#f8f8f2 t 1 T 433 128.4 -1 82 18 -editable graph ok? F 9.5 5 -Agave c 7 -#f8f8f2 t 0 T 433 115.4 -1 77 20 -• https:/\ Drawflow F 9.5 5 -Agave c 7 -#f8f8f2 T 453 105.4 -1 118 29 -• https:/?k=20240326021cdd F 9.5 5 -Agave c 7 -#f8f8f2 T 453 95.4 \ -1 118 29 -• https:/?k=202403808ba09f F 9.5 5 -Agave c 7 -#f8f8f2 T 453 85.4 -1 118 29 -• https:/?k=20240339e781c7 F 9.5 5 \ -Agave c 7 -#f8f8f2 T 433 75.4 -1 64 17 -• https:/flowy F 9.5 5 -Agave c 7 -#f8f8f2 T 433 65.4 -1 68 18 -• https:/DgrmJS F \ 9.5 5 -Agave c 7 -#f8f8f2 T 433 55.4 -1 64 17 -• https:/joint F 9.5 5 -Agave c 7 -#f8f8f2 T 433 45.4 -1 118 29 -• https:/community-edition ", fontsize=9.5, height=1.3056, href="#editable_graph_ok_", label=<

editable graph ok?

• https:/Drawflow

	• https:/?k=20240326021cdd
	• https:/?k=202403808ba09f
	• https:/?k=20240339e781c7

• https:/flowy

• https:/DgrmJS

• https:/joint

• https:/community-edition

>, pos="502,89", shape=plain, width=1.9444]; visualization -> editable_graph_ok_ [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 82 310.08 199.17 314 196.37 317.95 193.57 321.91 190.78 325.89 \ 187.99 329.88 185.21 333.88 182.44 337.9 179.68 341.93 176.93 345.96 174.19 350 171.47 354.05 168.77 358.1 166.09 362.15 163.43 \ 366.19 160.79 370.24 158.18 374.28 155.6 378.31 153.04 382.33 150.52 386.35 148.03 390.35 145.57 392.33 144.37 394.32 143.18 396.33 \ 141.98 398.36 140.8 400.4 139.61 402.46 138.43 404.52 137.26 406.6 136.09 408.69 134.92 410.78 133.76 412.88 132.61 414.99 131.47 \ 417.1 130.33 419.21 129.2 421.33 128.08 423.44 126.96 425.55 125.86 427.66 124.76 429.77 123.67 431.87 122.6 430.95 120.82 428.86 \ 121.93 426.76 123.05 424.66 124.18 422.56 125.31 420.46 126.46 418.35 127.61 416.25 128.78 414.15 129.95 412.06 131.12 409.97 132.31 \ 407.88 133.5 405.81 134.69 403.74 135.9 401.69 137.1 399.64 138.32 397.61 139.53 395.6 140.75 393.6 141.97 391.61 143.2 389.65 144.43 \ 385.67 146.95 381.69 149.5 377.69 152.08 373.69 154.69 369.68 157.34 365.67 160 361.66 162.7 357.65 165.42 353.63 168.16 349.63 \ 170.91 345.62 173.69 341.62 176.48 337.63 179.29 333.65 182.11 329.68 184.94 325.73 187.77 321.79 190.62 317.87 193.47 313.96 196.32 \ 310.08 199.17 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 309.9 199.3 307.41 206.07 300.21 206.38 302.7 199.61 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#visualization👉 editable_graph_ok_", penwidth=2, pos="s,300.21,206.38 310.08,199.17 336.03,180.33 363.45,161.46 390,145 403.07,136.9 417.46,128.96 431.41,121.71", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; eisenhover_matrix [_ldraw_="F 9.5 5 -Agave c 7 -#f8f8f2 t 1 T 464 16.4 -1 77 17 -eisenhover matrix F 9.5 5 -Agave c 7 -#f8f8f2 t 0 T 464 3.4 -1 64 17 -• see \ graphviz ", fontsize=9.5, height=0.33333, href="#eisenhover_matrix", label=<

eisenhover matrix

• see graphviz

>, pos="502,12", shape=plain, width=1.0972]; visualization -> eisenhover_matrix [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 82 236.08 196.22 241.73 187.59 247.61 178.84 253.73 170.01 260.08 \ 161.12 266.66 152.2 273.46 143.28 280.48 134.38 287.72 125.54 295.17 116.78 302.84 108.12 310.71 99.61 318.79 91.25 327.07 83.09 \ 335.54 75.15 344.22 67.45 353.08 60.03 362.13 52.91 371.37 46.12 380.79 39.69 390.39 33.64 393.65 31.76 396.99 29.99 400.41 28.34 \ 403.9 26.79 407.45 25.34 411.05 23.99 414.69 22.74 418.37 21.59 422.07 20.52 425.79 19.54 429.52 18.64 433.24 17.82 436.95 17.07 \ 440.64 16.4 444.31 15.8 447.93 15.26 451.51 14.79 455.03 14.38 458.49 14.02 461.88 13.71 461.7 11.72 458.29 12.05 454.81 12.43 451.26 \ 12.88 447.66 13.38 444.01 13.94 440.32 14.57 436.6 15.27 432.86 16.05 429.11 16.9 425.35 17.83 421.61 18.85 417.87 19.95 414.16 \ 21.15 410.49 22.44 406.85 23.83 403.27 25.32 399.74 26.91 396.28 28.61 392.9 30.43 389.61 32.36 380.01 38.5 370.59 45.02 361.36 \ 51.9 352.32 59.11 343.48 66.61 334.84 74.38 326.39 82.4 318.15 90.63 310.12 99.05 302.29 107.63 294.67 116.35 287.27 125.17 280.08 \ 134.06 273.12 143.01 266.37 151.98 259.85 160.95 253.56 169.89 247.5 178.76 241.67 187.55 236.08 196.22 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 236.05 196.27 236.23 203.48 229.65 206.42 229.47 199.21 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#visualization👉 eisenhover_matrix", penwidth=2, pos="s,229.65,206.42 236.08,196.22 272.75,138.97 325.39,72.298 390,33 411.52,19.909 439.41,14.679 461.79,12.712", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; webcola [_ldraw_="F 4.75 5 -Agave c 7 -#f8f8f2 t 1 T 676 726.2 -1 16 7 -webcola F 4.75 5 -Agave c 7 -#f8f8f2 t 0 T 676 718.2 -1 55 27 -• https:/\ powergraph.html F 4.75 5 -Agave c 7 -#f8f8f2 T 676 713.2 -1 61 30 -• https:/dotpowergraph.html ", fontsize=4.75, height=0.26389, href="#webcola", label=<

webcola

• https:/powergraph.html

• https:/dotpowergraph.html

>, pos="706,721", shape=plain, width=0.875]; d3 -> webcola [_draw_="S 17 -setlinewidth(0.8) S 6 -dashed c 7 -#797976 B 4 591.69 709.83 616.82 712.32 642.95 714.91 663.72 716.96 ", _hdraw_="S 17 -setlinewidth(0.8) S 5 -solid c 7 -#797976 C 7 -#797976 P 9 673.76 717.96 663.36 721.45 668.78 717.46 663.81 716.97 663.81 \ 716.97 663.81 716.97 668.78 717.46 664.26 712.49 673.76 717.96 ", arrowhead=open, arrowsize=1.0, href="#d3👉 webcola", pos="e,673.76,717.96 591.69,709.83 616.82,712.32 642.95,714.91 663.72,716.96", reverse=false, style=dashed, tooltip="-> isAnInputTo", type=isAnInputTo]; message_sequence_chart [_ldraw_="F 4.75 5 -Agave c 7 -#f8f8f2 t 1 T 673 689.2 -1 50 22 -message sequence chart F 4.75 5 -Agave c 7 -#f8f8f2 t 0 T 673 681.2 -1 48 \ 24 -• https:/example.html F 4.75 5 -Agave c 7 -#f8f8f2 T 673 676.2 -1 66 32 -• integrated into :rc or :log F 4.75 5 -Agave \ c 7 -#f8f8f2 T 701 671.2 -1 30 16 -• use mq-view ", fontsize=4.75, height=0.33333, href="#message_sequence_chart", label=<

message sequence chart

• https:/example.html

• integrated into :rc or :log

• use mq-view

>, pos="706,681", shape=plain, width=0.94444]; d3 -> message_sequence_chart [_draw_="S 17 -setlinewidth(0.8) S 6 -dashed c 7 -#797976 B 4 591.69 692.17 615.81 689.78 640.84 687.3 661.18 685.29 ", _hdraw_="S 17 -setlinewidth(0.8) S 5 -solid c 7 -#797976 C 7 -#797976 P 9 671.36 684.28 661.85 689.75 666.38 684.77 661.41 685.27 661.41 \ 685.27 661.41 685.27 666.38 684.77 660.96 680.79 671.36 684.28 ", arrowhead=open, arrowsize=1.0, href="#d3👉 message_sequence_chart", pos="e,671.36,684.28 591.69,692.17 615.81,689.78 640.84,687.3 661.18,685.29", reverse=false, style=dashed, tooltip="-> isAnInputTo", type=isAnInputTo]; sankey [_ldraw_="F 4.75 5 -Agave c 7 -#f8f8f2 t 1 T 651 577.2 -1 14 6 -sankey F 4.75 5 -Agave c 7 -#f8f8f2 t 0 T 651 569.2 -1 79 38 -• https:/\ sankey-diagram-alluvial-di F 4.75 5 -Agave c 7 -#f8f8f2 T 651 564.2 -1 66 32 -• https:/chartjs-chart-sankey F 4.75 5 -Agave c \ 7 -#f8f8f2 T 671 559.2 -1 91 43 -• see more in databox-libs/visualization ", fontsize=4.75, height=0.33333, href="#sankey", label=<

sankey

• https:/sankey-diagram-alluvial-di

• https:/chartjs-chart-sankey

• see more in databox-libs/visualization

>, pos="706,569", shape=plain, width=1.5694]; vega_lite -> sankey [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 42 609.97 569 611.99 569.05 614.01 569.1 616.02 569.16 618.03 569.21 \ 620.03 569.26 622.03 569.31 624.02 569.36 626 569.41 627.97 569.46 629.94 569.51 631.9 569.56 633.84 569.61 635.78 569.66 637.7 \ 569.71 639.62 569.76 641.51 569.81 643.4 569.86 645.27 569.91 647.12 569.95 648.96 570 648.96 568 647.12 568.05 645.27 568.09 643.4 \ 568.14 641.51 568.19 639.62 568.24 637.7 568.29 635.78 568.34 633.84 568.39 631.9 568.44 629.94 568.49 627.97 568.54 626 568.59 \ 624.02 568.64 622.03 568.69 620.03 568.74 618.03 568.79 616.02 568.84 614.01 568.9 611.99 568.95 609.97 569 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 609.59 569 603.59 573 597.59 569 603.59 565 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#vega_lite👉 sankey", penwidth=2, pos="s,597.59,569 609.97,569 623.44,569 636.76,569 648.96,569", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; mdd_to_vega_lite [_ldraw_="F 4.75 5 -Agave c 7 -#f8f8f2 t 1 T 681 249.2 -1 37 16 -mdd to vega-lite F 4.75 5 -Agave c 7 -#f8f8f2 t 0 T 681 241.2 -1 32 17 -• alt. \ layout: F 4.75 5 -Agave c 7 -#f8f8f2 T 706 236.2 -1 21 12 -• webcola F 4.75 5 -Agave c 7 -#f8f8f2 T 706 231.2 -1 21 12 -• inhouse \ F 4.75 5 -Agave c 7 -#f8f8f2 T 681 226.2 -1 50 25 -• mdg achieved by vega ", fontsize=4.75, height=0.40278, href="#mdd_to_vega_lite", label=<

mdd to vega-lite

• alt. layout:

	• webcola
	• inhouse

• mdg achieved by vega

>, pos="706,239", shape=plain, width=0.72222]; to_vega__vega_lite -> mdd_to_vega_lite [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 42 614.65 228.77 618.3 229.24 621.93 229.71 625.54 230.18 629.12 \ 230.64 632.68 231.1 636.2 231.56 639.67 232.01 643.11 232.45 646.5 232.89 649.83 233.32 653.11 233.75 656.33 234.16 659.48 234.57 \ 662.56 234.97 665.57 235.36 668.5 235.74 671.35 236.11 674.11 236.46 676.77 236.81 679.35 237.14 679.57 235.16 676.99 234.9 674.31 \ 234.64 671.54 234.37 668.69 234.09 665.75 233.8 662.73 233.5 659.64 233.19 656.47 232.88 653.25 232.57 649.96 232.24 646.61 231.91 \ 643.21 231.58 639.76 231.24 636.27 230.9 632.74 230.55 629.18 230.2 625.58 229.84 621.96 229.49 618.31 229.13 614.65 228.77 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 614.53 228.76 608.12 232.05 602.61 227.4 609.02 224.1 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#to_vega__vega_lite👉 mdd_to_vega_lite", penwidth=2, pos="s,602.61,227.4 614.65,228.77 639.07,231.55 662.61,234.23 679.46,236.15", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; xdot_to_vega_lite [_ldraw_="F 4.75 5 -Agave c 7 -#f8f8f2 t 1 T 672 202.2 -1 39 17 -xdot to vega-lite F 4.75 5 -Agave c 7 -#f8f8f2 t 0 T 672 194.2 -1 68 35 -• DOT \ → Vega force/tree layout F 4.75 5 -Agave c 7 -#f8f8f2 T 672 189.2 -1 68 37 -• DOT ↓ Graphviz -Tjson ↓ Vega F 4.75 5 -Agave \ c 7 -#f8f8f2 T 672 184.2 -1 68 35 -• DOT → Vega force/tree layout F 4.75 5 -Agave c 7 -#f8f8f2 T 672 179.2 -1 5 5 -• ", fontsize=4.75, height=0.40278, href="#xdot_to_vega_lite", label=<

xdot to vega-lite

• DOT → Vega force/tree layout

• DOT ↓ Graphviz -Tjson ↓ Vega

• DOT → Vega force/tree layout

•

>, pos="706,192", shape=plain, width=0.97222]; to_vega__vega_lite -> xdot_to_vega_lite [_draw_="S 15 -setlinewidth(2) S 7 -tapered c 9 -#fffffe00 C 7 -#797976 P 42 614.6 202.68 617.65 202.37 620.68 202.07 623.7 201.76 626.7 \ 201.46 629.69 201.16 632.65 200.86 635.59 200.57 638.5 200.27 641.38 199.98 644.23 199.69 647.05 199.41 649.83 199.13 652.57 198.85 \ 655.27 198.58 657.92 198.31 660.53 198.05 663.09 197.79 665.6 197.54 668.05 197.29 670.45 197.05 670.21 195.07 667.83 195.39 665.38 \ 195.73 662.89 196.07 660.34 196.42 657.74 196.77 655.1 197.14 652.41 197.5 649.68 197.88 646.91 198.26 644.11 198.64 641.27 199.03 \ 638.4 199.42 635.5 199.82 632.58 200.22 629.63 200.62 626.65 201.03 623.66 201.44 620.66 201.85 617.63 202.26 614.6 202.68 ", _tdraw_="S 15 -setlinewidth(2) S 5 -solid c 7 -#797976 C 7 -#797976 P 4 614.53 202.69 609.04 207.37 602.61 204.11 608.09 199.43 ", arrowsize=1.0, arrowtail=diamond, constrained=false, dir=back, href="#to_vega__vega_lite👉 xdot_to_vega_lite", penwidth=2, pos="s,602.61,204.11 614.6,202.68 634.9,200.27 654.58,197.93 670.33,196.06", reverse=false, style=tapered, tooltip="*= consistsOf", type=consistsOf]; } }