Theaninova/Brick-Monorail
1
0
Fork 0
mirror of https://github.com/Theaninova/Brick-Monorail.git synced 2025-12-12 20:46:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

add cheatsheet

Browse Source
This commit is contained in:
Thea Schöbl
2024-11-30 14:23:14 +01:00
parent ba327b523f
commit d7e69daefb
12 changed files with 428 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
assets/examples/C15-C7-diagonal.svg Normal file
View File

@@ -0,0 +1,48 @@
<svg version="1.1"
viewBox="0 0 45 30"
width="450" height="300"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M1 27 a 25 25 0 0 0 15 -5" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M16 22 a 25 25 0 0 0 5 -5" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M21 17 l 3 -4" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M24 13 a 25 25 0 0 1 5 -5" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M29 8 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M23.5 18.5 l 2 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="24" y="20" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="25" y="21.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">3</text>
<path d="M25.5 17.5 l 0 -3" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="27" y="15" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="28" y="16.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">4</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

47
assets/examples/C15-C7-sbend.svg Normal file
View File

@@ -0,0 +1,47 @@
<svg version="1.1"
viewBox="0 0 45 30"
width="450" height="300"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M1 23 a 25 25 0 0 0 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M16 18 a 25 25 0 0 0 5 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M21 13 a 25 25 0 0 1 5 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M26 8 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M1.5 25.5 l 39 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="20" y="27" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="21" y="28.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">40</text>
<path d="M40.5 24.5 l 0 -19" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="42" y="13" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="43" y="14.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">20</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

45
assets/examples/C15-diagonal.svg Normal file
View File

@@ -0,0 +1,45 @@
<svg version="1.1"
viewBox="0 0 38 19"
width="380" height="190"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M1 16 a 25 25 0 0 0 15 -5" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M16 11 l 4 -3" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M20 8 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M17.5 13.5 l 3 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="18" y="15" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="19" y="16.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">4</text>
<path d="M20.5 12.5 l 0 -2" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="22" y="11" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="23" y="12.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">3</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

44
assets/examples/C15-sbend.svg Normal file
View File

@@ -0,0 +1,44 @@
<svg version="1.1"
viewBox="0 0 35 20"
width="350" height="200"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M1 13 a 25 25 0 0 0 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M16 8 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M1.5 15.5 l 29 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="15" y="17" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="16" y="18.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">30</text>
<path d="M30.5 14.5 l 0 -9" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="32" y="9" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="33" y="10.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">10</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

45
assets/examples/C7-diagonal.svg Normal file
View File

@@ -0,0 +1,45 @@
<svg version="1.1"
viewBox="0 0 40 19"
width="400" height="190"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M1 12 a 25 25 0 0 0 7 -1" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M8 11 l 24 -7" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M32 4 a 25 25 0 0 1 7 -1" stroke-width="4" stroke="#9BA19D" opacity="0.5" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M8.5 14.5 l 24 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="19" y="16" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="20" y="17.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">24</text>
<path d="M32.5 13.5 l 0 -7" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="34" y="9" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="35" y="10.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">7</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

44
assets/examples/C7-sbend.svg Normal file
View File

@@ -0,0 +1,44 @@
<svg version="1.1"
viewBox="0 0 19 12"
width="190" height="120"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M1 5 a 25 25 0 0 0 7 -1" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M8 4 a 25 25 0 0 1 7 -1" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M1.5 7.5 l 13 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="7" y="9" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="8" y="10.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">14</text>
<path d="M14.5 6.5 l 0 -1" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="16" y="5" width="2" height="2" fill="#F2CD37" rx="0.1" />
<text x="17" y="6.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">2</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

44
assets/examples/R25.svg Normal file
View File

@@ -0,0 +1,44 @@
<svg version="1.1"
viewBox="0 0 31 31"
width="310" height="310"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M3 28 a 25 25 0 0 1 5 -15" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M8 13 a 25 25 0 0 1 5 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M13 8 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M3.5 29.5 l 24 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<path d="M29.5 27.5 l 0 -24" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="24" y="26" width="4" height="2" fill="#F2CD37" rx="0.1" />
<text x="26" y="27.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">R25</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

54
assets/examples/R35.svg Normal file
View File

@@ -0,0 +1,54 @@
<svg version="1.1"
viewBox="0 0 43 43"
width="430" height="430"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="studs-bg" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.3" fill="white" opacity="0.05" />
</pattern>
<pattern id="studs-fg" width="1" height="1" patternUnits="userSpaceOnUse">
<mask id="studs-mask">
<rect width="1" height="1" fill="white" />
<circle cx="0.5" cy="0.5" r="0.3" fill="black" />
</mask>
<rect width="1" height="1" fill="#F2CD37" mask="url(#studs-mask)" />
</pattern>
<marker
id="marker"
viewBox="0 0 4 4"
refX="2"
refY="2"
markerWidth="1"
markerHeight="1"
orient="auto-start-reverse">
<rect x="1.9" y="0" width="0.1" height="4" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.5" fill="#6D6E5C" />
<circle cx="2" cy="2" r="0.3" fill="#F2CD37" />
</marker>
</defs>
<rect width="100%" height="100%" fill="#6D6E5C" rx="0.5" />
<path d="M13 38 l 0 2" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M13 38 a 25 25 0 0 1 5 -15" stroke-width="4" stroke="#9BA19D" fill="none" opacity="0.5" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M18 23 a 25 25 0 0 1 5 -5" stroke-width="4" stroke="#9BA19D" fill="none" opacity="0.5" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M23 18 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" opacity="0.5" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M38 13 l 2 0" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M3 35 l 0 5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M3 35 a 25 25 0 0 1 5 -15" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M8 20 l 3 -4" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M11 16 a 25 25 0 0 1 5 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M16 11 l 4 -3" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M20 8 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M35 3 l 5 0" stroke-width="4" stroke="#9BA19D" fill="none" marker-start="url(#marker)" marker-end="url(#marker)" />
<path d="M3.5 41.5 l 34 0" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<path d="M41.5 37.5 l 0 -34" stroke-width="1" stroke="url(#studs-fg)" fill="none" stroke-linecap="round" />
<rect x="34" y="36" width="4" height="2" fill="#F2CD37" rx="0.1" />
<text x="36" y="37.1" font-size="1.4" font-family="sans" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#05131D">R35</text>
<rect width="100%" height="100%" fill="url(#studs-bg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

55
assets/examples/overview.svg Normal file
View File

@@ -0,0 +1,55 @@
<svg version="1.1"
viewBox="0 0 100 80"
width="1000" height="800"
xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="smallGrid" width="1" height="1" patternUnits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.25" fill="none" stroke="#fff3" stroke-width="0.1" />
</pattern>
<pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
<rect width="1000" height="10" fill="url(#smallGrid)"/>
<path d="M 10 0 L 0 0 0 10" fill="none" stroke="#fff4" stroke-width="0.2"/>
</pattern>
</defs>
<rect width="100%" height="100%" fill="#222#" />
<rect width="100%" height="100%" fill="url(#grid)" />
<text font-size="4" x="1" y="4" fill="white">R25 Monorail</text>
<path d="M40 30 a 25 25 0 0 1 5 -15" stroke-width="4" stroke="#0f0a" fill="none" />
<path d="M45 15 a 25 25 0 0 1 5 -5" stroke-width="4" stroke="#f00a" fill="none" />
<path d="M65 5 a 25 25 0 0 0 -15 5" stroke-width="4" stroke="#0f0a" fill="none" />
<path d="M10 8 a 25 25 0 0 1 15 5" stroke-width="4" stroke="#0f0a" fill="none" />
<text x="1" y="8" font-size="2" dominant-baseline="middle" fill="white">C15</text>
<path d="M10 14 a 25 25 0 0 1 7 1" stroke-width="4" stroke="#f00a" fill="none" />
<text x="1" y="14" font-size="2" dominant-baseline="middle" fill="white">C7</text>
<path d="M10 20 l25 0" stroke-width="4" stroke="#00fa" fill="none" />
<text x="1" y="20" font-size="2" dominant-baseline="middle" fill="white">S25</text>
<path d="M10 26 l10 0" stroke-width="4" stroke="#00fa" fill="none" />
<text x="1" y="26" font-size="2" dominant-baseline="middle" fill="white">S10</text>
<path d="M10 32 l5 0" stroke-width="4" stroke="#00fa" fill="none" />
<text x="1" y="32" font-size="2" dominant-baseline="middle" fill="white">S5</text>
<path d="M10 38 l4 0" stroke-width="4" stroke="#00fa" fill="none" />
<text x="1" y="38" font-size="2" dominant-baseline="middle" fill="white">S4</text>
<path d="M10 44 a 25 25 0 0 0 15 -5" stroke-width="4" stroke="#ff0a" fill="none" />
<path d="M10 44 l20 0" stroke-width="4" stroke="#ff0a" fill="none" />
<text x="1" y="44" font-size="2" dominant-baseline="middle" fill="white">P15</text>
<path d="M70 8 a 25 25 0 0 1 7 1" stroke-width="4" stroke="#f007" fill="none" />
<path d="M84 10 a 25 25 0 0 1 -7 -1" stroke-width="4" stroke="#f00a" fill="none" />
<path d="M60 12 a 25 25 0 0 1 15 5" stroke-width="4" stroke="#0f07" fill="none" />
<path d="M90 22 a 25 25 0 0 1 -15 -5" stroke-width="4" stroke="#0f0a" fill="none" />
<path d="M30 38 a 25 25 0 0 0 15 -5" stroke-width="4" stroke="#0f0a" fill="none" />
<path d="M45 33 l 4 -3" stroke-width="4" stroke="#00fa" fill="none" />
<path d="M49 30 a 25 25 0 0 1 15 -5" stroke-width="4" stroke="#0f0a" fill="none" />
<path d="M30 46 a 25 25 0 0 0 7 -1" stroke-width="4" stroke="#0f0a" fill="none" />
<path d="M37 45 l 24 -7" stroke-width="4" stroke="#00fa" fill="none" />
<path d="M61 38 a 25 25 0 0 1 7 -1" stroke-width="4" stroke="#0f0a" fill="none" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB