mfocko/blog
1
0
Fork 0
mirror of https://github.com/mfocko/blog.git synced 2024-11-22 04:53:47 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: use Iosevka as a default font

Browse source 
• Use Iosevka as a default font (with few reasonable fallbacks)
• Introduce a „steam machine“ for regenerating graphviz files
  · Use same monospace fonts for graphviz too

Signed-off-by: Matej Focko <mfocko@redhat.com>
This commit is contained in:
Matej Focko 2022-11-18 11:57:56 +01:00
parent f09a318f51
commit 7efd5e294b
Signed by: mfocko
GPG key ID: 7C47D46246790496
15 changed files with 468 additions and 362 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ib002/03-time-complexity/extend.md
View file

@ -78,7 +78,7 @@ As we could observe in the example above, `extend` iterates over all of the elem
Consider constructing of this list: Consider constructing of this list:
![Rendered construction of the list](/files/ib002/extend/rendered.svg) ![Rendered construction of the list](/files/ib002/extend/construction.svg)
<details> <details>
<summary>Source for the rendered construction of the list</summary> <summary>Source for the rendered construction of the list</summary>

5
makefile
View file

@ -11,4 +11,7 @@ deploy-poincare:
deploy: deploy-aisa deploy-poincare deploy: deploy-aisa deploy-poincare
.PHONY: deploy-aisa deploy-poincare regenerate-dots:
bash regenerate-dots.sh
.PHONY: deploy-aisa deploy-poincare regenerate-dots

8
regenerate-dots.sh Normal file
View file

@ -0,0 +1,8 @@
#!/bin/bash
FONT="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace"
for pic in $(find ./static/files -name '*.dot' -print); do
SVG_NAME=".$(echo $pic | cut -d'.' -f2).svg"
dot $pic -Tsvg -Gfontname="$FONT" -Nfontname="$FONT" -Efontname="$FONT" > $SVG_NAME
done;

4
src/css/custom.css
View file

@ -28,3 +28,7 @@
--ifm-color-primary-lightest: #4fddbf; --ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
} }
pre, code, kbd, var, tt {
font-family: Iosevka, 'Iosevka Term', 'Cascadia Code', 'JetBrains Mono', 'Fira Code', monospace;
}

17
static/files/ib002/bfs-tree/bfs_graph.dot Normal file
View file

@ -0,0 +1,17 @@
graph {
a -- c
a -- e
c -- i
c -- b
e -- j
i -- d
b -- h
d -- h
h -- j
}

81
static/files/ib002/bfs-tree/bfs_graph.svg
View file

@ -1,104 +1,105 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
<!-- Generated by graphviz version 2.40.1 (20161225.0304) "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (0)
--> -->
<!-- Title: %0 Pages: 1 --> <!-- Pages: 1 -->
<svg width="189pt" height="404pt" viewBox="0.00 0.00 189.00 404.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="189pt" height="404pt"
viewBox="0.00 0.00 189.00 404.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 400)"> <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 400)">
<title>%0</title> <polygon fill="white" stroke="transparent" points="-4,4 -4,-400 185,-400 185,4 -4,4"/>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-400 185,-400 185,4 -4,4"/>
<!-- a --> <!-- a -->
<g id="node1" class="node"> <g id="node1" class="node">
<title>a</title> <title>a</title>
<ellipse fill="none" stroke="#000000" cx="126" cy="-378" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="126" cy="-378" rx="27" ry="18"/>
<text text-anchor="middle" x="126" y="-373.8" font-family="Times,serif" font-size="14.00" fill="#000000">a</text> <text text-anchor="middle" x="126" y="-374.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">a</text>
</g> </g>
<!-- c --> <!-- c -->
<g id="node2" class="node"> <g id="node2" class="node">
<title>c</title> <title>c</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-306" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-306" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-301.8" font-family="Times,serif" font-size="14.00" fill="#000000">c</text> <text text-anchor="middle" x="99" y="-302.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">c</text>
</g> </g>
<!-- a&#45;&#45;c --> <!-- a&#45;&#45;c -->
<g id="edge1" class="edge"> <g id="edge1" class="edge">
<title>a--c</title> <title>a&#45;&#45;c</title>
<path fill="none" stroke="#000000" d="M119.3258,-360.2022C115.1407,-349.0419 109.7679,-334.7143 105.5974,-323.593"/> <path fill="none" stroke="black" d="M119.6,-360.41C115.36,-349.41 109.81,-335.03 105.54,-323.96"/>
</g> </g>
<!-- e --> <!-- e -->
<g id="node3" class="node"> <g id="node3" class="node">
<title>e</title> <title>e</title>
<ellipse fill="none" stroke="#000000" cx="154" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="154" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="154" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">e</text> <text text-anchor="middle" x="154" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">e</text>
</g> </g>
<!-- a&#45;&#45;e --> <!-- a&#45;&#45;e -->
<g id="edge2" class="edge"> <g id="edge2" class="edge">
<title>a--e</title> <title>a&#45;&#45;e</title>
<path fill="none" stroke="#000000" d="M129.2182,-360.0337C131.0409,-349.5449 133.2909,-336.0449 135,-324 142.3994,-271.8513 149.0765,-209.9625 152.1748,-180.0161"/> <path fill="none" stroke="black" d="M129.14,-359.85C130.98,-349.49 133.27,-336.01 135,-324 142.49,-271.9 149.18,-210.01 152.24,-180.43"/>
</g> </g>
<!-- i --> <!-- i -->
<g id="node4" class="node"> <g id="node4" class="node">
<title>i</title> <title>i</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-234" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="27" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="27" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">i</text> <text text-anchor="middle" x="27" y="-230.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">i</text>
</g> </g>
<!-- c&#45;&#45;i --> <!-- c&#45;&#45;i -->
<g id="edge3" class="edge"> <g id="edge3" class="edge">
<title>c--i</title> <title>c&#45;&#45;i</title>
<path fill="none" stroke="#000000" d="M83.7307,-290.7307C71.512,-278.512 54.4602,-261.4602 42.2473,-249.2473"/> <path fill="none" stroke="black" d="M84.43,-290.83C72.02,-278.77 54.27,-261.51 41.8,-249.38"/>
</g> </g>
<!-- b --> <!-- b -->
<g id="node5" class="node"> <g id="node5" class="node">
<title>b</title> <title>b</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-234" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">b</text> <text text-anchor="middle" x="99" y="-230.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">b</text>
</g> </g>
<!-- c&#45;&#45;b --> <!-- c&#45;&#45;b -->
<g id="edge4" class="edge"> <g id="edge4" class="edge">
<title>c--b</title> <title>c&#45;&#45;b</title>
<path fill="none" stroke="#000000" d="M99,-287.8314C99,-277 99,-263.2876 99,-252.4133"/> <path fill="none" stroke="black" d="M99,-287.7C99,-276.85 99,-262.92 99,-252.1"/>
</g> </g>
<!-- j --> <!-- j -->
<g id="node6" class="node"> <g id="node6" class="node">
<title>j</title> <title>j</title>
<ellipse fill="none" stroke="#000000" cx="126" cy="-18" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="126" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="126" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">j</text> <text text-anchor="middle" x="126" y="-14.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">j</text>
</g> </g>
<!-- e&#45;&#45;j --> <!-- e&#45;&#45;j -->
<g id="edge5" class="edge"> <g id="edge5" class="edge">
<title>e--j</title> <title>e&#45;&#45;j</title>
<path fill="none" stroke="#000000" d="M150.5104,-144.0535C145.1449,-116.4592 134.9255,-63.9026 129.5336,-36.1727"/> <path fill="none" stroke="black" d="M150.62,-143.87C145.24,-116.58 134.78,-63.52 129.39,-36.19"/>
</g> </g>
<!-- d --> <!-- d -->
<g id="node7" class="node"> <g id="node7" class="node">
<title>d</title> <title>d</title>
<ellipse fill="none" stroke="#000000" cx="36" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="36" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="36" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">d</text> <text text-anchor="middle" x="36" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">d</text>
</g> </g>
<!-- i&#45;&#45;d --> <!-- i&#45;&#45;d -->
<g id="edge6" class="edge"> <g id="edge6" class="edge">
<title>i--d</title> <title>i&#45;&#45;d</title>
<path fill="none" stroke="#000000" d="M29.2711,-215.8314C30.625,-205 32.3391,-191.2876 33.6983,-180.4133"/> <path fill="none" stroke="black" d="M29.18,-216.05C30.57,-205.21 32.38,-191.18 33.78,-180.28"/>
</g> </g>
<!-- h --> <!-- h -->
<g id="node8" class="node"> <g id="node8" class="node">
<title>h</title> <title>h</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">h</text> <text text-anchor="middle" x="99" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">h</text>
</g> </g>
<!-- b&#45;&#45;h --> <!-- b&#45;&#45;h -->
<g id="edge7" class="edge"> <g id="edge7" class="edge">
<title>b--h</title> <title>b&#45;&#45;h</title>
<path fill="none" stroke="#000000" d="M99,-215.7623C99,-188.0633 99,-135.7005 99,-108.0896"/> <path fill="none" stroke="black" d="M99,-215.87C99,-188.58 99,-135.52 99,-108.19"/>
</g> </g>
<!-- d&#45;&#45;h --> <!-- d&#45;&#45;h -->
<g id="edge8" class="edge"> <g id="edge8" class="edge">
<title>d--h</title> <title>d&#45;&#45;h</title>
<path fill="none" stroke="#000000" d="M49.6701,-146.3771C60.2373,-134.3003 74.7961,-117.6616 85.3566,-105.5924"/> <path fill="none" stroke="black" d="M49.36,-146.15C60.05,-134.28 74.97,-117.7 85.66,-105.82"/>
</g> </g>
<!-- h&#45;&#45;j --> <!-- h&#45;&#45;j -->
<g id="edge9" class="edge"> <g id="edge9" class="edge">
<title>h--j</title> <title>h&#45;&#45;j</title>
<path fill="none" stroke="#000000" d="M105.6742,-72.2022C109.8593,-61.0419 115.2321,-46.7143 119.4026,-35.593"/> <path fill="none" stroke="black" d="M105.4,-72.41C109.64,-61.41 115.19,-47.03 119.46,-35.96"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

18
static/files/ib002/bfs-tree/bfs_graph_with_additional_edge.dot Normal file
View file

@ -0,0 +1,18 @@
graph {
a -- c
a -- e
c -- i
c -- b
e -- j
e -- h
i -- d
b -- h
d -- h
h -- j
}

85
static/files/ib002/bfs-tree/bfs_graph_with_additional_edge.svg
View file

@ -1,109 +1,110 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
<!-- Generated by graphviz version 2.40.1 (20161225.0304) "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (0)
--> -->
<!-- Title: %0 Pages: 1 --> <!-- Pages: 1 -->
<svg width="189pt" height="404pt" viewBox="0.00 0.00 189.00 404.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="189pt" height="404pt"
viewBox="0.00 0.00 189.00 404.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 400)"> <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 400)">
<title>%0</title> <polygon fill="white" stroke="transparent" points="-4,4 -4,-400 185,-400 185,4 -4,4"/>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-400 185,-400 185,4 -4,4"/>
<!-- a --> <!-- a -->
<g id="node1" class="node"> <g id="node1" class="node">
<title>a</title> <title>a</title>
<ellipse fill="none" stroke="#000000" cx="126" cy="-378" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="126" cy="-378" rx="27" ry="18"/>
<text text-anchor="middle" x="126" y="-373.8" font-family="Times,serif" font-size="14.00" fill="#000000">a</text> <text text-anchor="middle" x="126" y="-374.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">a</text>
</g> </g>
<!-- c --> <!-- c -->
<g id="node2" class="node"> <g id="node2" class="node">
<title>c</title> <title>c</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-306" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-306" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-301.8" font-family="Times,serif" font-size="14.00" fill="#000000">c</text> <text text-anchor="middle" x="99" y="-302.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">c</text>
</g> </g>
<!-- a&#45;&#45;c --> <!-- a&#45;&#45;c -->
<g id="edge1" class="edge"> <g id="edge1" class="edge">
<title>a--c</title> <title>a&#45;&#45;c</title>
<path fill="none" stroke="#000000" d="M119.3258,-360.2022C115.1407,-349.0419 109.7679,-334.7143 105.5974,-323.593"/> <path fill="none" stroke="black" d="M119.6,-360.41C115.36,-349.41 109.81,-335.03 105.54,-323.96"/>
</g> </g>
<!-- e --> <!-- e -->
<g id="node3" class="node"> <g id="node3" class="node">
<title>e</title> <title>e</title>
<ellipse fill="none" stroke="#000000" cx="154" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="154" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="154" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">e</text> <text text-anchor="middle" x="154" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">e</text>
</g> </g>
<!-- a&#45;&#45;e --> <!-- a&#45;&#45;e -->
<g id="edge2" class="edge"> <g id="edge2" class="edge">
<title>a--e</title> <title>a&#45;&#45;e</title>
<path fill="none" stroke="#000000" d="M129.2182,-360.0337C131.0409,-349.5449 133.2909,-336.0449 135,-324 142.3994,-271.8513 149.0765,-209.9625 152.1748,-180.0161"/> <path fill="none" stroke="black" d="M129.14,-359.85C130.98,-349.49 133.27,-336.01 135,-324 142.49,-271.9 149.18,-210.01 152.24,-180.43"/>
</g> </g>
<!-- i --> <!-- i -->
<g id="node4" class="node"> <g id="node4" class="node">
<title>i</title> <title>i</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-234" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="27" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="27" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">i</text> <text text-anchor="middle" x="27" y="-230.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">i</text>
</g> </g>
<!-- c&#45;&#45;i --> <!-- c&#45;&#45;i -->
<g id="edge3" class="edge"> <g id="edge3" class="edge">
<title>c--i</title> <title>c&#45;&#45;i</title>
<path fill="none" stroke="#000000" d="M83.7307,-290.7307C71.512,-278.512 54.4602,-261.4602 42.2473,-249.2473"/> <path fill="none" stroke="black" d="M84.43,-290.83C72.02,-278.77 54.27,-261.51 41.8,-249.38"/>
</g> </g>
<!-- b --> <!-- b -->
<g id="node5" class="node"> <g id="node5" class="node">
<title>b</title> <title>b</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-234" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">b</text> <text text-anchor="middle" x="99" y="-230.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">b</text>
</g> </g>
<!-- c&#45;&#45;b --> <!-- c&#45;&#45;b -->
<g id="edge4" class="edge"> <g id="edge4" class="edge">
<title>c--b</title> <title>c&#45;&#45;b</title>
<path fill="none" stroke="#000000" d="M99,-287.8314C99,-277 99,-263.2876 99,-252.4133"/> <path fill="none" stroke="black" d="M99,-287.7C99,-276.85 99,-262.92 99,-252.1"/>
</g> </g>
<!-- j --> <!-- j -->
<g id="node6" class="node"> <g id="node6" class="node">
<title>j</title> <title>j</title>
<ellipse fill="none" stroke="#000000" cx="126" cy="-18" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="126" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="126" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">j</text> <text text-anchor="middle" x="126" y="-14.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">j</text>
</g> </g>
<!-- e&#45;&#45;j --> <!-- e&#45;&#45;j -->
<g id="edge5" class="edge"> <g id="edge5" class="edge">
<title>e--j</title> <title>e&#45;&#45;j</title>
<path fill="none" stroke="#000000" d="M150.5104,-144.0535C145.1449,-116.4592 134.9255,-63.9026 129.5336,-36.1727"/> <path fill="none" stroke="black" d="M150.62,-143.87C145.24,-116.58 134.78,-63.52 129.39,-36.19"/>
</g> </g>
<!-- h --> <!-- h -->
<g id="node7" class="node"> <g id="node7" class="node">
<title>h</title> <title>h</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">h</text> <text text-anchor="middle" x="99" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">h</text>
</g> </g>
<!-- e&#45;&#45;h --> <!-- e&#45;&#45;h -->
<g id="edge6" class="edge"> <g id="edge6" class="edge">
<title>e--h</title> <title>e&#45;&#45;h</title>
<path fill="none" stroke="#000000" d="M141.5196,-145.6621C132.5186,-133.8788 120.4207,-118.0416 111.431,-106.2733"/> <path fill="none" stroke="black" d="M142.07,-145.81C132.84,-134.07 120.13,-117.89 110.91,-106.16"/>
</g> </g>
<!-- d --> <!-- d -->
<g id="node8" class="node"> <g id="node8" class="node">
<title>d</title> <title>d</title>
<ellipse fill="none" stroke="#000000" cx="35" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="35" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="35" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">d</text> <text text-anchor="middle" x="35" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">d</text>
</g> </g>
<!-- i&#45;&#45;d --> <!-- i&#45;&#45;d -->
<g id="edge7" class="edge"> <g id="edge7" class="edge">
<title>i--d</title> <title>i&#45;&#45;d</title>
<path fill="none" stroke="#000000" d="M29.0187,-215.8314C30.2222,-205 31.7458,-191.2876 32.9541,-180.4133"/> <path fill="none" stroke="black" d="M28.98,-215.7C30.22,-204.85 31.81,-190.92 33.05,-180.1"/>
</g> </g>
<!-- b&#45;&#45;h --> <!-- b&#45;&#45;h -->
<g id="edge8" class="edge"> <g id="edge8" class="edge">
<title>b--h</title> <title>b&#45;&#45;h</title>
<path fill="none" stroke="#000000" d="M99,-215.7623C99,-188.0633 99,-135.7005 99,-108.0896"/> <path fill="none" stroke="black" d="M99,-215.87C99,-188.58 99,-135.52 99,-108.19"/>
</g> </g>
<!-- h&#45;&#45;j --> <!-- h&#45;&#45;j -->
<g id="edge10" class="edge"> <g id="edge10" class="edge">
<title>h--j</title> <title>h&#45;&#45;j</title>
<path fill="none" stroke="#000000" d="M105.6742,-72.2022C109.8593,-61.0419 115.2321,-46.7143 119.4026,-35.593"/> <path fill="none" stroke="black" d="M105.4,-72.41C109.64,-61.41 115.19,-47.03 119.46,-35.96"/>
</g> </g>
<!-- d&#45;&#45;h --> <!-- d&#45;&#45;h -->
<g id="edge9" class="edge"> <g id="edge9" class="edge">
<title>d--h</title> <title>d&#45;&#45;h</title>
<path fill="none" stroke="#000000" d="M48.887,-146.3771C59.622,-134.3003 74.4119,-117.6616 85.1401,-105.5924"/> <path fill="none" stroke="black" d="M48.57,-146.15C59.43,-134.28 74.59,-117.7 85.45,-105.82"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

13
static/files/ib002/bfs-tree/bfs_tree.dot Normal file
View file

@ -0,0 +1,13 @@
digraph {
a -> c
a -> e
c -> b
c -> i
e -> j
b -> h
i -> d
}

87
static/files/ib002/bfs-tree/bfs_tree.svg
View file

@ -1,101 +1,102 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
<!-- Generated by graphviz version 2.40.1 (20161225.0304) "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (0)
--> -->
<!-- Title: %0 Pages: 1 --> <!-- Pages: 1 -->
<svg width="206pt" height="260pt" viewBox="0.00 0.00 206.00 260.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="206pt" height="260pt"
viewBox="0.00 0.00 206.00 260.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 256)"> <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 256)">
<title>%0</title> <polygon fill="white" stroke="transparent" points="-4,4 -4,-256 202,-256 202,4 -4,4"/>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-256 202,-256 202,4 -4,4"/>
<!-- a --> <!-- a -->
<g id="node1" class="node"> <g id="node1" class="node">
<title>a</title> <title>a</title>
<ellipse fill="none" stroke="#000000" cx="135" cy="-234" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="135" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="135" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">a</text> <text text-anchor="middle" x="135" y="-230.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">a</text>
</g> </g>
<!-- c --> <!-- c -->
<g id="node2" class="node"> <g id="node2" class="node">
<title>c</title> <title>c</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">c</text> <text text-anchor="middle" x="99" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">c</text>
</g> </g>
<!-- a&#45;&gt;c --> <!-- a&#45;&gt;c -->
<g id="edge1" class="edge"> <g id="edge1" class="edge">
<title>a-&gt;c</title> <title>a&#45;&gt;c</title>
<path fill="none" stroke="#000000" d="M126.2854,-216.5708C122.0403,-208.0807 116.8464,-197.6929 112.1337,-188.2674"/> <path fill="none" stroke="black" d="M126.65,-216.76C122.29,-208.28 116.85,-197.71 111.96,-188.2"/>
<polygon fill="#000000" stroke="#000000" points="115.237,-186.6477 107.6343,-179.2687 108.976,-189.7782 115.237,-186.6477"/> <polygon fill="black" stroke="black" points="114.99,-186.44 107.3,-179.15 108.77,-189.64 114.99,-186.44"/>
</g> </g>
<!-- e --> <!-- e -->
<g id="node3" class="node"> <g id="node3" class="node">
<title>e</title> <title>e</title>
<ellipse fill="none" stroke="#000000" cx="171" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="171" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="171" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">e</text> <text text-anchor="middle" x="171" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">e</text>
</g> </g>
<!-- a&#45;&gt;e --> <!-- a&#45;&gt;e -->
<g id="edge2" class="edge"> <g id="edge2" class="edge">
<title>a-&gt;e</title> <title>a&#45;&gt;e</title>
<path fill="none" stroke="#000000" d="M143.7146,-216.5708C147.9597,-208.0807 153.1536,-197.6929 157.8663,-188.2674"/> <path fill="none" stroke="black" d="M143.35,-216.76C147.71,-208.28 153.15,-197.71 158.04,-188.2"/>
<polygon fill="#000000" stroke="#000000" points="161.024,-189.7782 162.3657,-179.2687 154.763,-186.6477 161.024,-189.7782"/> <polygon fill="black" stroke="black" points="161.23,-189.64 162.7,-179.15 155.01,-186.44 161.23,-189.64"/>
</g> </g>
<!-- b --> <!-- b -->
<g id="node4" class="node"> <g id="node4" class="node">
<title>b</title> <title>b</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="27" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="27" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">b</text> <text text-anchor="middle" x="27" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">b</text>
</g> </g>
<!-- c&#45;&gt;b --> <!-- c&#45;&gt;b -->
<g id="edge3" class="edge"> <g id="edge3" class="edge">
<title>c-&gt;b</title> <title>c&#45;&gt;b</title>
<path fill="none" stroke="#000000" d="M83.7307,-146.7307C73.803,-136.803 60.6847,-123.6847 49.5637,-112.5637"/> <path fill="none" stroke="black" d="M84.43,-146.83C74.25,-136.94 60.48,-123.55 48.97,-112.36"/>
<polygon fill="#000000" stroke="#000000" points="51.7933,-109.8436 42.2473,-105.2473 46.8436,-114.7933 51.7933,-109.8436"/> <polygon fill="black" stroke="black" points="51.41,-109.85 41.8,-105.38 46.53,-114.87 51.41,-109.85"/>
</g> </g>
<!-- i --> <!-- i -->
<g id="node5" class="node"> <g id="node5" class="node">
<title>i</title> <title>i</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">i</text> <text text-anchor="middle" x="99" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">i</text>
</g> </g>
<!-- c&#45;&gt;i --> <!-- c&#45;&gt;i -->
<g id="edge4" class="edge"> <g id="edge4" class="edge">
<title>c-&gt;i</title> <title>c&#45;&gt;i</title>
<path fill="none" stroke="#000000" d="M99,-143.8314C99,-136.131 99,-126.9743 99,-118.4166"/> <path fill="none" stroke="black" d="M99,-143.7C99,-135.98 99,-126.71 99,-118.11"/>
<polygon fill="#000000" stroke="#000000" points="102.5001,-118.4132 99,-108.4133 95.5001,-118.4133 102.5001,-118.4132"/> <polygon fill="black" stroke="black" points="102.5,-118.1 99,-108.1 95.5,-118.1 102.5,-118.1"/>
</g> </g>
<!-- j --> <!-- j -->
<g id="node6" class="node"> <g id="node6" class="node">
<title>j</title> <title>j</title>
<ellipse fill="none" stroke="#000000" cx="171" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="171" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="171" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">j</text> <text text-anchor="middle" x="171" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">j</text>
</g> </g>
<!-- e&#45;&gt;j --> <!-- e&#45;&gt;j -->
<g id="edge5" class="edge"> <g id="edge5" class="edge">
<title>e-&gt;j</title> <title>e&#45;&gt;j</title>
<path fill="none" stroke="#000000" d="M171,-143.8314C171,-136.131 171,-126.9743 171,-118.4166"/> <path fill="none" stroke="black" d="M171,-143.7C171,-135.98 171,-126.71 171,-118.11"/>
<polygon fill="#000000" stroke="#000000" points="174.5001,-118.4132 171,-108.4133 167.5001,-118.4133 174.5001,-118.4132"/> <polygon fill="black" stroke="black" points="174.5,-118.1 171,-108.1 167.5,-118.1 174.5,-118.1"/>
</g> </g>
<!-- h --> <!-- h -->
<g id="node7" class="node"> <g id="node7" class="node">
<title>h</title> <title>h</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-18" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="27" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="27" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">h</text> <text text-anchor="middle" x="27" y="-14.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">h</text>
</g> </g>
<!-- b&#45;&gt;h --> <!-- b&#45;&gt;h -->
<g id="edge6" class="edge"> <g id="edge6" class="edge">
<title>b-&gt;h</title> <title>b&#45;&gt;h</title>
<path fill="none" stroke="#000000" d="M27,-71.8314C27,-64.131 27,-54.9743 27,-46.4166"/> <path fill="none" stroke="black" d="M27,-71.7C27,-63.98 27,-54.71 27,-46.11"/>
<polygon fill="#000000" stroke="#000000" points="30.5001,-46.4132 27,-36.4133 23.5001,-46.4133 30.5001,-46.4132"/> <polygon fill="black" stroke="black" points="30.5,-46.1 27,-36.1 23.5,-46.1 30.5,-46.1"/>
</g> </g>
<!-- d --> <!-- d -->
<g id="node8" class="node"> <g id="node8" class="node">
<title>d</title> <title>d</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-18" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">d</text> <text text-anchor="middle" x="99" y="-14.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">d</text>
</g> </g>
<!-- i&#45;&gt;d --> <!-- i&#45;&gt;d -->
<g id="edge7" class="edge"> <g id="edge7" class="edge">
<title>i-&gt;d</title> <title>i&#45;&gt;d</title>
<path fill="none" stroke="#000000" d="M99,-71.8314C99,-64.131 99,-54.9743 99,-46.4166"/> <path fill="none" stroke="black" d="M99,-71.7C99,-63.98 99,-54.71 99,-46.11"/>
<polygon fill="#000000" stroke="#000000" points="102.5001,-46.4132 99,-36.4133 95.5001,-46.4133 102.5001,-46.4132"/> <polygon fill="black" stroke="black" points="102.5,-46.1 99,-36.1 95.5,-46.1 102.5,-46.1"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

12
static/files/ib002/bfs-tree/bfs_tree_with_additional_edge.dot Normal file
View file

@ -0,0 +1,12 @@
digraph {
a -> c
a -> e
c -> b
c -> i
e -> h
e -> j
i -> d
}

87
static/files/ib002/bfs-tree/bfs_tree_with_additional_edge.svg
View file

@ -1,101 +1,102 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
<!-- Generated by graphviz version 2.40.1 (20161225.0304) "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (0)
--> -->
<!-- Title: %0 Pages: 1 --> <!-- Pages: 1 -->
<svg width="278pt" height="260pt" viewBox="0.00 0.00 278.00 260.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="278pt" height="260pt"
viewBox="0.00 0.00 278.00 260.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 256)"> <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 256)">
<title>%0</title> <polygon fill="white" stroke="transparent" points="-4,4 -4,-256 274,-256 274,4 -4,4"/>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-256 274,-256 274,4 -4,4"/>
<!-- a --> <!-- a -->
<g id="node1" class="node"> <g id="node1" class="node">
<title>a</title> <title>a</title>
<ellipse fill="none" stroke="#000000" cx="135" cy="-234" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="135" cy="-234" rx="27" ry="18"/>
<text text-anchor="middle" x="135" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">a</text> <text text-anchor="middle" x="135" y="-230.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">a</text>
</g> </g>
<!-- c --> <!-- c -->
<g id="node2" class="node"> <g id="node2" class="node">
<title>c</title> <title>c</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">c</text> <text text-anchor="middle" x="99" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">c</text>
</g> </g>
<!-- a&#45;&gt;c --> <!-- a&#45;&gt;c -->
<g id="edge1" class="edge"> <g id="edge1" class="edge">
<title>a-&gt;c</title> <title>a&#45;&gt;c</title>
<path fill="none" stroke="#000000" d="M126.2854,-216.5708C122.0403,-208.0807 116.8464,-197.6929 112.1337,-188.2674"/> <path fill="none" stroke="black" d="M126.65,-216.76C122.29,-208.28 116.85,-197.71 111.96,-188.2"/>
<polygon fill="#000000" stroke="#000000" points="115.237,-186.6477 107.6343,-179.2687 108.976,-189.7782 115.237,-186.6477"/> <polygon fill="black" stroke="black" points="114.99,-186.44 107.3,-179.15 108.77,-189.64 114.99,-186.44"/>
</g> </g>
<!-- e --> <!-- e -->
<g id="node3" class="node"> <g id="node3" class="node">
<title>e</title> <title>e</title>
<ellipse fill="none" stroke="#000000" cx="171" cy="-162" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="171" cy="-162" rx="27" ry="18"/>
<text text-anchor="middle" x="171" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">e</text> <text text-anchor="middle" x="171" y="-158.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">e</text>
</g> </g>
<!-- a&#45;&gt;e --> <!-- a&#45;&gt;e -->
<g id="edge2" class="edge"> <g id="edge2" class="edge">
<title>a-&gt;e</title> <title>a&#45;&gt;e</title>
<path fill="none" stroke="#000000" d="M143.7146,-216.5708C147.9597,-208.0807 153.1536,-197.6929 157.8663,-188.2674"/> <path fill="none" stroke="black" d="M143.35,-216.76C147.71,-208.28 153.15,-197.71 158.04,-188.2"/>
<polygon fill="#000000" stroke="#000000" points="161.024,-189.7782 162.3657,-179.2687 154.763,-186.6477 161.024,-189.7782"/> <polygon fill="black" stroke="black" points="161.23,-189.64 162.7,-179.15 155.01,-186.44 161.23,-189.64"/>
</g> </g>
<!-- b --> <!-- b -->
<g id="node4" class="node"> <g id="node4" class="node">
<title>b</title> <title>b</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="27" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="27" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">b</text> <text text-anchor="middle" x="27" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">b</text>
</g> </g>
<!-- c&#45;&gt;b --> <!-- c&#45;&gt;b -->
<g id="edge3" class="edge"> <g id="edge3" class="edge">
<title>c-&gt;b</title> <title>c&#45;&gt;b</title>
<path fill="none" stroke="#000000" d="M83.7307,-146.7307C73.803,-136.803 60.6847,-123.6847 49.5637,-112.5637"/> <path fill="none" stroke="black" d="M84.43,-146.83C74.25,-136.94 60.48,-123.55 48.97,-112.36"/>
<polygon fill="#000000" stroke="#000000" points="51.7933,-109.8436 42.2473,-105.2473 46.8436,-114.7933 51.7933,-109.8436"/> <polygon fill="black" stroke="black" points="51.41,-109.85 41.8,-105.38 46.53,-114.87 51.41,-109.85"/>
</g> </g>
<!-- i --> <!-- i -->
<g id="node5" class="node"> <g id="node5" class="node">
<title>i</title> <title>i</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">i</text> <text text-anchor="middle" x="99" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">i</text>
</g> </g>
<!-- c&#45;&gt;i --> <!-- c&#45;&gt;i -->
<g id="edge4" class="edge"> <g id="edge4" class="edge">
<title>c-&gt;i</title> <title>c&#45;&gt;i</title>
<path fill="none" stroke="#000000" d="M99,-143.8314C99,-136.131 99,-126.9743 99,-118.4166"/> <path fill="none" stroke="black" d="M99,-143.7C99,-135.98 99,-126.71 99,-118.11"/>
<polygon fill="#000000" stroke="#000000" points="102.5001,-118.4132 99,-108.4133 95.5001,-118.4133 102.5001,-118.4132"/> <polygon fill="black" stroke="black" points="102.5,-118.1 99,-108.1 95.5,-118.1 102.5,-118.1"/>
</g> </g>
<!-- h --> <!-- h -->
<g id="node6" class="node"> <g id="node6" class="node">
<title>h</title> <title>h</title>
<ellipse fill="none" stroke="#000000" cx="171" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="171" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="171" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">h</text> <text text-anchor="middle" x="171" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">h</text>
</g> </g>
<!-- e&#45;&gt;h --> <!-- e&#45;&gt;h -->
<g id="edge5" class="edge"> <g id="edge5" class="edge">
<title>e-&gt;h</title> <title>e&#45;&gt;h</title>
<path fill="none" stroke="#000000" d="M171,-143.8314C171,-136.131 171,-126.9743 171,-118.4166"/> <path fill="none" stroke="black" d="M171,-143.7C171,-135.98 171,-126.71 171,-118.11"/>
<polygon fill="#000000" stroke="#000000" points="174.5001,-118.4132 171,-108.4133 167.5001,-118.4133 174.5001,-118.4132"/> <polygon fill="black" stroke="black" points="174.5,-118.1 171,-108.1 167.5,-118.1 174.5,-118.1"/>
</g> </g>
<!-- j --> <!-- j -->
<g id="node7" class="node"> <g id="node7" class="node">
<title>j</title> <title>j</title>
<ellipse fill="none" stroke="#000000" cx="243" cy="-90" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="243" cy="-90" rx="27" ry="18"/>
<text text-anchor="middle" x="243" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">j</text> <text text-anchor="middle" x="243" y="-86.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">j</text>
</g> </g>
<!-- e&#45;&gt;j --> <!-- e&#45;&gt;j -->
<g id="edge6" class="edge"> <g id="edge6" class="edge">
<title>e-&gt;j</title> <title>e&#45;&gt;j</title>
<path fill="none" stroke="#000000" d="M186.2693,-146.7307C196.197,-136.803 209.3153,-123.6847 220.4363,-112.5637"/> <path fill="none" stroke="black" d="M185.57,-146.83C195.75,-136.94 209.52,-123.55 221.03,-112.36"/>
<polygon fill="#000000" stroke="#000000" points="223.1564,-114.7933 227.7527,-105.2473 218.2067,-109.8436 223.1564,-114.7933"/> <polygon fill="black" stroke="black" points="223.47,-114.87 228.2,-105.38 218.59,-109.85 223.47,-114.87"/>
</g> </g>
<!-- d --> <!-- d -->
<g id="node8" class="node"> <g id="node8" class="node">
<title>d</title> <title>d</title>
<ellipse fill="none" stroke="#000000" cx="99" cy="-18" rx="27" ry="18"/> <ellipse fill="none" stroke="black" cx="99" cy="-18" rx="27" ry="18"/>
<text text-anchor="middle" x="99" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">d</text> <text text-anchor="middle" x="99" y="-14.3" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">d</text>
</g> </g>
<!-- i&#45;&gt;d --> <!-- i&#45;&gt;d -->
<g id="edge7" class="edge"> <g id="edge7" class="edge">
<title>i-&gt;d</title> <title>i&#45;&gt;d</title>
<path fill="none" stroke="#000000" d="M99,-71.8314C99,-64.131 99,-54.9743 99,-46.4166"/> <path fill="none" stroke="black" d="M99,-71.7C99,-63.98 99,-54.71 99,-46.11"/>
<polygon fill="#000000" stroke="#000000" points="102.5001,-46.4132 99,-36.4133 95.5001,-46.4133 102.5001,-46.4132"/> <polygon fill="black" stroke="black" points="102.5,-46.1 99,-36.1 95.5,-46.1 102.5,-46.1"/>
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

25
static/files/ib002/extend/construction.dot Normal file
View file

@ -0,0 +1,25 @@
digraph G {
node [shape=record];
a_node [label="1|2|3|4|5|6|7|8|9"]
b_node [label="1|2|3"]
c_node [label="4|5|6"]
d_node [label="7|8|9"]
a_node -> b_node [label="B"]
a_node -> c_node [label="C"]
a_node -> d_node [label="D"]
b_node -> "1"
b_node -> "2"
b_node -> "3"
c_node -> "4"
c_node -> "5"
c_node -> "6"
d_node -> "7"
d_node -> "8"
d_node -> "9"
}

194
static/files/ib002/extend/construction.svg Normal file
View file

@ -0,0 +1,194 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (0)
-->
<!-- Title: G Pages: 1 -->
<svg width="638pt" height="207pt"
viewBox="0.00 0.00 638.00 207.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 203)">
<title>G</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-203 634,-203 634,4 -4,4"/>
<!-- a_node -->
<g id="node1" class="node">
<title>a_node</title>
<polygon fill="none" stroke="black" points="202.5,-162.5 202.5,-198.5 427.5,-198.5 427.5,-162.5 202.5,-162.5"/>
<text text-anchor="middle" x="215" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="227.5,-162.5 227.5,-198.5 "/>
<text text-anchor="middle" x="240" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="252.5,-162.5 252.5,-198.5 "/>
<text text-anchor="middle" x="265" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="277.5,-162.5 277.5,-198.5 "/>
<text text-anchor="middle" x="290" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">4</text>
<polyline fill="none" stroke="black" points="302.5,-162.5 302.5,-198.5 "/>
<text text-anchor="middle" x="315" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">5</text>
<polyline fill="none" stroke="black" points="327.5,-162.5 327.5,-198.5 "/>
<text text-anchor="middle" x="340" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">6</text>
<polyline fill="none" stroke="black" points="352.5,-162.5 352.5,-198.5 "/>
<text text-anchor="middle" x="365" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">7</text>
<polyline fill="none" stroke="black" points="377.5,-162.5 377.5,-198.5 "/>
<text text-anchor="middle" x="390" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">8</text>
<polyline fill="none" stroke="black" points="402.5,-162.5 402.5,-198.5 "/>
<text text-anchor="middle" x="415" y="-176.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">9</text>
</g>
<!-- b_node -->
<g id="node2" class="node">
<title>b_node</title>
<polygon fill="none" stroke="black" points="97.5,-74.5 97.5,-110.5 172.5,-110.5 172.5,-74.5 97.5,-74.5"/>
<text text-anchor="middle" x="110" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="122.5,-74.5 122.5,-110.5 "/>
<text text-anchor="middle" x="135" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="147.5,-74.5 147.5,-110.5 "/>
<text text-anchor="middle" x="160" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">3</text>
</g>
<!-- a_node&#45;&gt;b_node -->
<g id="edge1" class="edge">
<title>a_node&#45;&gt;b_node</title>
<path fill="none" stroke="black" d="M279.01,-162.3C250.46,-148.67 210.42,-129.53 179.8,-114.9"/>
<polygon fill="black" stroke="black" points="181.16,-111.67 170.62,-110.52 178.14,-117.99 181.16,-111.67"/>
<text text-anchor="middle" x="240.5" y="-132.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">B</text>
</g>
<!-- c_node -->
<g id="node3" class="node">
<title>c_node</title>
<polygon fill="none" stroke="black" points="277.5,-74.5 277.5,-110.5 352.5,-110.5 352.5,-74.5 277.5,-74.5"/>
<text text-anchor="middle" x="290" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">4</text>
<polyline fill="none" stroke="black" points="302.5,-74.5 302.5,-110.5 "/>
<text text-anchor="middle" x="315" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">5</text>
<polyline fill="none" stroke="black" points="327.5,-74.5 327.5,-110.5 "/>
<text text-anchor="middle" x="340" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">6</text>
</g>
<!-- a_node&#45;&gt;c_node -->
<g id="edge2" class="edge">
<title>a_node&#45;&gt;c_node</title>
<path fill="none" stroke="black" d="M315,-162.1C315,-150.25 315,-134.32 315,-120.79"/>
<polygon fill="black" stroke="black" points="318.5,-120.58 315,-110.58 311.5,-120.58 318.5,-120.58"/>
<text text-anchor="middle" x="319.5" y="-132.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">C</text>
</g>
<!-- d_node -->
<g id="node4" class="node">
<title>d_node</title>
<polygon fill="none" stroke="black" points="457.5,-74.5 457.5,-110.5 532.5,-110.5 532.5,-74.5 457.5,-74.5"/>
<text text-anchor="middle" x="470" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">7</text>
<polyline fill="none" stroke="black" points="482.5,-74.5 482.5,-110.5 "/>
<text text-anchor="middle" x="495" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">8</text>
<polyline fill="none" stroke="black" points="507.5,-74.5 507.5,-110.5 "/>
<text text-anchor="middle" x="520" y="-88.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">9</text>
</g>
<!-- a_node&#45;&gt;d_node -->
<g id="edge3" class="edge">
<title>a_node&#45;&gt;d_node</title>
<path fill="none" stroke="black" d="M350.99,-162.3C379.54,-148.67 419.58,-129.53 450.2,-114.9"/>
<polygon fill="black" stroke="black" points="451.86,-117.99 459.38,-110.52 448.84,-111.67 451.86,-117.99"/>
<text text-anchor="middle" x="419.5" y="-132.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">D</text>
</g>
<!-- 1 -->
<g id="node5" class="node">
<title>1</title>
<polygon fill="none" stroke="black" points="0,-0.5 0,-36.5 54,-36.5 54,-0.5 0,-0.5"/>
<text text-anchor="middle" x="27" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">1</text>
</g>
<!-- b_node&#45;&gt;1 -->
<g id="edge4" class="edge">
<title>b_node&#45;&gt;1</title>
<path fill="none" stroke="black" d="M109.41,-74.44C94.98,-64.82 76.79,-52.69 61.16,-42.27"/>
<polygon fill="black" stroke="black" points="63.05,-39.32 52.79,-36.69 59.16,-45.15 63.05,-39.32"/>
</g>
<!-- 2 -->
<g id="node6" class="node">
<title>2</title>
<polygon fill="none" stroke="black" points="72,-0.5 72,-36.5 126,-36.5 126,-0.5 72,-0.5"/>
<text text-anchor="middle" x="99" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">2</text>
</g>
<!-- b_node&#45;&gt;2 -->
<g id="edge5" class="edge">
<title>b_node&#45;&gt;2</title>
<path fill="none" stroke="black" d="M126.47,-74.44C122.23,-65.95 117,-55.51 112.26,-46.01"/>
<polygon fill="black" stroke="black" points="115.32,-44.32 107.72,-36.94 109.06,-47.45 115.32,-44.32"/>
</g>
<!-- 3 -->
<g id="node7" class="node">
<title>3</title>
<polygon fill="none" stroke="black" points="144,-0.5 144,-36.5 198,-36.5 198,-0.5 144,-0.5"/>
<text text-anchor="middle" x="171" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">3</text>
</g>
<!-- b_node&#45;&gt;3 -->
<g id="edge6" class="edge">
<title>b_node&#45;&gt;3</title>
<path fill="none" stroke="black" d="M143.53,-74.44C147.77,-65.95 153,-55.51 157.74,-46.01"/>
<polygon fill="black" stroke="black" points="160.94,-47.45 162.28,-36.94 154.68,-44.32 160.94,-47.45"/>
</g>
<!-- 4 -->
<g id="node8" class="node">
<title>4</title>
<polygon fill="none" stroke="black" points="216,-0.5 216,-36.5 270,-36.5 270,-0.5 216,-0.5"/>
<text text-anchor="middle" x="243" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">4</text>
</g>
<!-- c_node&#45;&gt;4 -->
<g id="edge7" class="edge">
<title>c_node&#45;&gt;4</title>
<path fill="none" stroke="black" d="M297.94,-74.44C288.92,-65.42 277.7,-54.2 267.74,-44.24"/>
<polygon fill="black" stroke="black" points="269.99,-41.54 260.44,-36.94 265.04,-46.49 269.99,-41.54"/>
</g>
<!-- 5 -->
<g id="node9" class="node">
<title>5</title>
<polygon fill="none" stroke="black" points="288,-0.5 288,-36.5 342,-36.5 342,-0.5 288,-0.5"/>
<text text-anchor="middle" x="315" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">5</text>
</g>
<!-- c_node&#45;&gt;5 -->
<g id="edge8" class="edge">
<title>c_node&#45;&gt;5</title>
<path fill="none" stroke="black" d="M315,-74.44C315,-66.31 315,-56.38 315,-47.2"/>
<polygon fill="black" stroke="black" points="318.5,-46.94 315,-36.94 311.5,-46.94 318.5,-46.94"/>
</g>
<!-- 6 -->
<g id="node10" class="node">
<title>6</title>
<polygon fill="none" stroke="black" points="360,-0.5 360,-36.5 414,-36.5 414,-0.5 360,-0.5"/>
<text text-anchor="middle" x="387" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">6</text>
</g>
<!-- c_node&#45;&gt;6 -->
<g id="edge9" class="edge">
<title>c_node&#45;&gt;6</title>
<path fill="none" stroke="black" d="M332.06,-74.44C341.08,-65.42 352.3,-54.2 362.26,-44.24"/>
<polygon fill="black" stroke="black" points="364.96,-46.49 369.56,-36.94 360.01,-41.54 364.96,-46.49"/>
</g>
<!-- 7 -->
<g id="node11" class="node">
<title>7</title>
<polygon fill="none" stroke="black" points="432,-0.5 432,-36.5 486,-36.5 486,-0.5 432,-0.5"/>
<text text-anchor="middle" x="459" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">7</text>
</g>
<!-- d_node&#45;&gt;7 -->
<g id="edge10" class="edge">
<title>d_node&#45;&gt;7</title>
<path fill="none" stroke="black" d="M486.47,-74.44C482.23,-65.95 477,-55.51 472.26,-46.01"/>
<polygon fill="black" stroke="black" points="475.32,-44.32 467.72,-36.94 469.06,-47.45 475.32,-44.32"/>
</g>
<!-- 8 -->
<g id="node12" class="node">
<title>8</title>
<polygon fill="none" stroke="black" points="504,-0.5 504,-36.5 558,-36.5 558,-0.5 504,-0.5"/>
<text text-anchor="middle" x="531" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">8</text>
</g>
<!-- d_node&#45;&gt;8 -->
<g id="edge11" class="edge">
<title>d_node&#45;&gt;8</title>
<path fill="none" stroke="black" d="M503.53,-74.44C507.77,-65.95 513,-55.51 517.74,-46.01"/>
<polygon fill="black" stroke="black" points="520.94,-47.45 522.28,-36.94 514.68,-44.32 520.94,-47.45"/>
</g>
<!-- 9 -->
<g id="node13" class="node">
<title>9</title>
<polygon fill="none" stroke="black" points="576,-0.5 576,-36.5 630,-36.5 630,-0.5 576,-0.5"/>
<text text-anchor="middle" x="603" y="-14.8" font-family="Iosevka,'Iosevka Term','Cascadia Code','JetBrains Mono','Fira Code',monospace" font-size="14.00">9</text>
</g>
<!-- d_node&#45;&gt;9 -->
<g id="edge12" class="edge">
<title>d_node&#45;&gt;9</title>
<path fill="none" stroke="black" d="M520.59,-74.44C535.02,-64.82 553.21,-52.69 568.84,-42.27"/>
<polygon fill="black" stroke="black" points="570.84,-45.15 577.21,-36.69 566.95,-39.32 570.84,-45.15"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

192
static/files/ib002/extend/rendered.svg
View file

@ -1,192 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
-->
<!-- Title: G Pages: 1 -->
<svg width="638pt" height="209pt" viewBox="0.00 0.00 638.00 208.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 204.8)">
<title>G</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-204.8 634,-204.8 634,4 -4,4"/>
<!-- a_node -->
<g id="node1" class="node">
<title>a_node</title>
<polygon fill="none" stroke="#000000" points="211.5,-164.3 211.5,-200.3 418.5,-200.3 418.5,-164.3 211.5,-164.3"/>
<text text-anchor="middle" x="223" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">1</text>
<polyline fill="none" stroke="#000000" points="234.5,-164.3 234.5,-200.3 "/>
<text text-anchor="middle" x="246" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">2</text>
<polyline fill="none" stroke="#000000" points="257.5,-164.3 257.5,-200.3 "/>
<text text-anchor="middle" x="269" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">3</text>
<polyline fill="none" stroke="#000000" points="280.5,-164.3 280.5,-200.3 "/>
<text text-anchor="middle" x="292" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">4</text>
<polyline fill="none" stroke="#000000" points="303.5,-164.3 303.5,-200.3 "/>
<text text-anchor="middle" x="315" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">5</text>
<polyline fill="none" stroke="#000000" points="326.5,-164.3 326.5,-200.3 "/>
<text text-anchor="middle" x="338" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">6</text>
<polyline fill="none" stroke="#000000" points="349.5,-164.3 349.5,-200.3 "/>
<text text-anchor="middle" x="361" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">7</text>
<polyline fill="none" stroke="#000000" points="372.5,-164.3 372.5,-200.3 "/>
<text text-anchor="middle" x="384" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">8</text>
<polyline fill="none" stroke="#000000" points="395.5,-164.3 395.5,-200.3 "/>
<text text-anchor="middle" x="407" y="-178.1" font-family="Times,serif" font-size="14.00" fill="#000000">9</text>
</g>
<!-- b_node -->
<g id="node2" class="node">
<title>b_node</title>
<polygon fill="none" stroke="#000000" points="100.5,-74.5 100.5,-110.5 169.5,-110.5 169.5,-74.5 100.5,-74.5"/>
<text text-anchor="middle" x="112" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">1</text>
<polyline fill="none" stroke="#000000" points="123.5,-74.5 123.5,-110.5 "/>
<text text-anchor="middle" x="135" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">2</text>
<polyline fill="none" stroke="#000000" points="146.5,-74.5 146.5,-110.5 "/>
<text text-anchor="middle" x="158" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">3</text>
</g>
<!-- a_node&#45;&gt;b_node -->
<g id="edge1" class="edge">
<title>a_node-&gt;b_node</title>
<path fill="none" stroke="#000000" d="M278.5743,-164.1276C249.7143,-149.7297 209.2985,-129.5667 178.6975,-114.3002"/>
<polygon fill="#000000" stroke="#000000" points="180.0501,-111.0637 169.5394,-109.7313 176.9252,-117.3274 180.0501,-111.0637"/>
<text text-anchor="middle" x="246.6683" y="-133.2" font-family="Times,serif" font-size="14.00" fill="#000000">B</text>
</g>
<!-- c_node -->
<g id="node3" class="node">
<title>c_node</title>
<polygon fill="none" stroke="#000000" points="280.5,-74.5 280.5,-110.5 349.5,-110.5 349.5,-74.5 280.5,-74.5"/>
<text text-anchor="middle" x="292" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">4</text>
<polyline fill="none" stroke="#000000" points="303.5,-74.5 303.5,-110.5 "/>
<text text-anchor="middle" x="315" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">5</text>
<polyline fill="none" stroke="#000000" points="326.5,-74.5 326.5,-110.5 "/>
<text text-anchor="middle" x="338" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">6</text>
</g>
<!-- a_node&#45;&gt;c_node -->
<g id="edge2" class="edge">
<title>a_node-&gt;c_node</title>
<path fill="none" stroke="#000000" d="M315,-164.1276C315,-151.7124 315,-135.0106 315,-120.8579"/>
<polygon fill="#000000" stroke="#000000" points="318.5001,-120.6453 315,-110.6453 311.5001,-120.6454 318.5001,-120.6453"/>
<text text-anchor="middle" x="319.6683" y="-133.2" font-family="Times,serif" font-size="14.00" fill="#000000">C</text>
</g>
<!-- d_node -->
<g id="node4" class="node">
<title>d_node</title>
<polygon fill="none" stroke="#000000" points="460.5,-74.5 460.5,-110.5 529.5,-110.5 529.5,-74.5 460.5,-74.5"/>
<text text-anchor="middle" x="472" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">7</text>
<polyline fill="none" stroke="#000000" points="483.5,-74.5 483.5,-110.5 "/>
<text text-anchor="middle" x="495" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">8</text>
<polyline fill="none" stroke="#000000" points="506.5,-74.5 506.5,-110.5 "/>
<text text-anchor="middle" x="518" y="-88.3" font-family="Times,serif" font-size="14.00" fill="#000000">9</text>
</g>
<!-- a_node&#45;&gt;d_node -->
<g id="edge3" class="edge">
<title>a_node-&gt;d_node</title>
<path fill="none" stroke="#000000" d="M351.4257,-164.1276C380.2857,-149.7297 420.7015,-129.5667 451.3025,-114.3002"/>
<polygon fill="#000000" stroke="#000000" points="453.0748,-117.3274 460.4606,-109.7313 449.9499,-111.0637 453.0748,-117.3274"/>
<text text-anchor="middle" x="426.0533" y="-133.2" font-family="Times,serif" font-size="14.00" fill="#000000">D</text>
</g>
<!-- 1 -->
<g id="node5" class="node">
<title>1</title>
<polygon fill="none" stroke="#000000" points="0,-.5 0,-36.5 54,-36.5 54,-.5 0,-.5"/>
<text text-anchor="middle" x="27" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">1</text>
</g>
<!-- b_node&#45;&gt;1 -->
<g id="edge4" class="edge">
<title>b_node-&gt;1</title>
<path fill="none" stroke="#000000" d="M108.5802,-74.3976C94.59,-64.8117 77.2236,-52.9125 62.1142,-42.5597"/>
<polygon fill="#000000" stroke="#000000" points="63.749,-39.4371 53.5213,-36.672 59.7923,-45.2116 63.749,-39.4371"/>
</g>
<!-- 2 -->
<g id="node6" class="node">
<title>2</title>
<polygon fill="none" stroke="#000000" points="72,-.5 72,-36.5 126,-36.5 126,-.5 72,-.5"/>
<text text-anchor="middle" x="99" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">2</text>
</g>
<!-- b_node&#45;&gt;2 -->
<g id="edge5" class="edge">
<title>b_node-&gt;2</title>
<path fill="none" stroke="#000000" d="M126.1011,-74.2079C121.916,-65.6051 116.8401,-55.1713 112.2178,-45.6699"/>
<polygon fill="#000000" stroke="#000000" points="115.3186,-44.0429 107.7965,-36.5817 109.0239,-47.1052 115.3186,-44.0429"/>
</g>
<!-- 3 -->
<g id="node7" class="node">
<title>3</title>
<polygon fill="none" stroke="#000000" points="144,-.5 144,-36.5 198,-36.5 198,-.5 144,-.5"/>
<text text-anchor="middle" x="171" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">3</text>
</g>
<!-- b_node&#45;&gt;3 -->
<g id="edge6" class="edge">
<title>b_node-&gt;3</title>
<path fill="none" stroke="#000000" d="M143.8989,-74.2079C148.084,-65.6051 153.1599,-55.1713 157.7822,-45.6699"/>
<polygon fill="#000000" stroke="#000000" points="160.9761,-47.1052 162.2035,-36.5817 154.6814,-44.0429 160.9761,-47.1052"/>
</g>
<!-- 4 -->
<g id="node8" class="node">
<title>4</title>
<polygon fill="none" stroke="#000000" points="216,-.5 216,-36.5 270,-36.5 270,-.5 216,-.5"/>
<text text-anchor="middle" x="243" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">4</text>
</g>
<!-- c_node&#45;&gt;4 -->
<g id="edge7" class="edge">
<title>c_node-&gt;4</title>
<path fill="none" stroke="#000000" d="M297.2022,-74.2079C288.3088,-65.0674 277.4042,-53.8599 267.7135,-43.9"/>
<polygon fill="#000000" stroke="#000000" points="270.0752,-41.3083 260.593,-36.5817 265.0581,-46.1898 270.0752,-41.3083"/>
</g>
<!-- 5 -->
<g id="node9" class="node">
<title>5</title>
<polygon fill="none" stroke="#000000" points="288,-.5 288,-36.5 342,-36.5 342,-.5 288,-.5"/>
<text text-anchor="middle" x="315" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">5</text>
</g>
<!-- c_node&#45;&gt;5 -->
<g id="edge8" class="edge">
<title>c_node-&gt;5</title>
<path fill="none" stroke="#000000" d="M315,-74.2079C315,-65.9635 315,-56.0376 315,-46.8622"/>
<polygon fill="#000000" stroke="#000000" points="318.5001,-46.5817 315,-36.5817 311.5001,-46.5818 318.5001,-46.5817"/>
</g>
<!-- 6 -->
<g id="node10" class="node">
<title>6</title>
<polygon fill="none" stroke="#000000" points="360,-.5 360,-36.5 414,-36.5 414,-.5 360,-.5"/>
<text text-anchor="middle" x="387" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">6</text>
</g>
<!-- c_node&#45;&gt;6 -->
<g id="edge9" class="edge">
<title>c_node-&gt;6</title>
<path fill="none" stroke="#000000" d="M332.7978,-74.2079C341.6912,-65.0674 352.5958,-53.8599 362.2865,-43.9"/>
<polygon fill="#000000" stroke="#000000" points="364.9419,-46.1898 369.407,-36.5817 359.9248,-41.3083 364.9419,-46.1898"/>
</g>
<!-- 7 -->
<g id="node11" class="node">
<title>7</title>
<polygon fill="none" stroke="#000000" points="432,-.5 432,-36.5 486,-36.5 486,-.5 432,-.5"/>
<text text-anchor="middle" x="459" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">7</text>
</g>
<!-- d_node&#45;&gt;7 -->
<g id="edge10" class="edge">
<title>d_node-&gt;7</title>
<path fill="none" stroke="#000000" d="M486.1011,-74.2079C481.916,-65.6051 476.8401,-55.1713 472.2178,-45.6699"/>
<polygon fill="#000000" stroke="#000000" points="475.3186,-44.0429 467.7965,-36.5817 469.0239,-47.1052 475.3186,-44.0429"/>
</g>
<!-- 8 -->
<g id="node12" class="node">
<title>8</title>
<polygon fill="none" stroke="#000000" points="504,-.5 504,-36.5 558,-36.5 558,-.5 504,-.5"/>
<text text-anchor="middle" x="531" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">8</text>
</g>
<!-- d_node&#45;&gt;8 -->
<g id="edge11" class="edge">
<title>d_node-&gt;8</title>
<path fill="none" stroke="#000000" d="M503.8989,-74.2079C508.084,-65.6051 513.1599,-55.1713 517.7822,-45.6699"/>
<polygon fill="#000000" stroke="#000000" points="520.9761,-47.1052 522.2035,-36.5817 514.6814,-44.0429 520.9761,-47.1052"/>
</g>
<!-- 9 -->
<g id="node13" class="node">
<title>9</title>
<polygon fill="none" stroke="#000000" points="576,-.5 576,-36.5 630,-36.5 630,-.5 576,-.5"/>
<text text-anchor="middle" x="603" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">9</text>
</g>
<!-- d_node&#45;&gt;9 -->
<g id="edge12" class="edge">
<title>d_node-&gt;9</title>
<path fill="none" stroke="#000000" d="M521.4198,-74.3976C535.41,-64.8117 552.7764,-52.9125 567.8858,-42.5597"/>
<polygon fill="#000000" stroke="#000000" points="570.2077,-45.2116 576.4787,-36.672 566.251,-39.4371 570.2077,-45.2116"/>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 11 KiB