simplecharts

SVG charts without dependencies
git clone https://git.ce9e.org/simplecharts.git

commit
5ca041793569e0eaf85c83586a31775c80722a0b
parent
3d60e2c52a1d753bf354a0afc782db0b29bf47bb
Author
Tobias Bengfort <bengfort@mpib-berlin.mpg.de>
Date
2025-04-24 16:18
test long labels

Diffstat

A tests/long.json 22 ++++++++++++++++++++++
A tests/long_ColumnRenderer.svg 100 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A tests/long_LineRenderer.svg 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A tests/long_StackedAreaRenderer.svg 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A tests/long_StackedColumnRenderer.svg 100 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

5 files changed, 432 insertions, 0 deletions


diff --git a/tests/long.json b/tests/long.json

@@ -0,0 +1,22 @@
   -1     1 {
   -1     2     "rows": [{
   -1     3         "label": "Apples",
   -1     4         "values": [3, 2, 5, 4, 6]
   -1     5     }, {
   -1     6         "label": "Oranges",
   -1     7         "values": [4, 2, 3, 2, 4]
   -1     8     }, {
   -1     9         "label": "Pears",
   -1    10         "values": [4, 3, 4, 1, 5]
   -1    11     }, {
   -1    12         "label": "Bananas",
   -1    13         "values": [5, 1, 2, 4, 2]
   -1    14     }],
   -1    15     "legend": [
   -1    16         "Monozygotic (431)",
   -1    17         "Dizygotic (464)",
   -1    18         "Trizygotic (0)",
   -1    19         "Quadrizygotic (0)",
   -1    20         "Other (82)"
   -1    21     ]
   -1    22 }

diff --git a/tests/long_ColumnRenderer.svg b/tests/long_ColumnRenderer.svg

@@ -0,0 +1,100 @@
   -1     1 <svg font-family="sans-serif" font-size="16" viewBox="-55 -25 700 530" xmlns="http://www.w3.org/2000/svg">
   -1     2 	<g role="table">
   -1     3 		<line stroke="#333" x1="0" x2="0" y1="0" y2="480" />
   -1     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
   -1     5 		<g aria-hidden="true">
   -1     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">4</text>
   -1     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">8</text>
   -1     9 		</g>
   -1    10 		<g role="row">
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    15 		</g>
   -1    16 		<g aria-hidden="true">
   -1    17 			<rect fill="none" height="20" stroke="#333" width="848" x="-208" y="-20" />
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="-204" y="-15.0" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="-190" y="-10.0">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="-10" y="-15.0" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="4" y="-10.0">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="164" y="-15.0" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="178" y="-10.0">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="328" y="-15.0" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="342" y="-10.0">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="522" y="-15.0" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="536" y="-10.0">Other (82)</text>
   -1    28 		</g>
   -1    29 		<g fill="#e41a1c" role="row" stroke="white">
   -1    30 			<rect height="180.0" role="cell" width="22.857142857142858" x="22.857142857142858" y="299.0">
   -1    31 				<title>3</title>
   -1    32 			</rect>
   -1    33 			<rect height="240.0" role="cell" width="22.857142857142858" x="182.85714285714286" y="239.0">
   -1    34 				<title>4</title>
   -1    35 			</rect>
   -1    36 			<rect height="240.0" role="cell" width="22.857142857142858" x="342.8571428571429" y="239.0">
   -1    37 				<title>4</title>
   -1    38 			</rect>
   -1    39 			<rect height="300.0" role="cell" width="22.857142857142858" x="502.8571428571429" y="179.0">
   -1    40 				<title>5</title>
   -1    41 			</rect>
   -1    42 		</g>
   -1    43 		<g fill="#377eb8" role="row" stroke="white">
   -1    44 			<rect height="120.0" role="cell" width="22.857142857142858" x="45.714285714285715" y="359.0">
   -1    45 				<title>2</title>
   -1    46 			</rect>
   -1    47 			<rect height="120.0" role="cell" width="22.857142857142858" x="205.71428571428572" y="359.0">
   -1    48 				<title>2</title>
   -1    49 			</rect>
   -1    50 			<rect height="180.0" role="cell" width="22.857142857142858" x="365.7142857142857" y="299.0">
   -1    51 				<title>3</title>
   -1    52 			</rect>
   -1    53 			<rect height="60.0" role="cell" width="22.857142857142858" x="525.7142857142858" y="419.0">
   -1    54 				<title>1</title>
   -1    55 			</rect>
   -1    56 		</g>
   -1    57 		<g fill="#4daf4a" role="row" stroke="white">
   -1    58 			<rect height="300.0" role="cell" width="22.857142857142858" x="68.57142857142857" y="179.0">
   -1    59 				<title>5</title>
   -1    60 			</rect>
   -1    61 			<rect height="180.0" role="cell" width="22.857142857142858" x="228.57142857142858" y="299.0">
   -1    62 				<title>3</title>
   -1    63 			</rect>
   -1    64 			<rect height="240.0" role="cell" width="22.857142857142858" x="388.57142857142856" y="239.0">
   -1    65 				<title>4</title>
   -1    66 			</rect>
   -1    67 			<rect height="120.0" role="cell" width="22.857142857142858" x="548.5714285714286" y="359.0">
   -1    68 				<title>2</title>
   -1    69 			</rect>
   -1    70 		</g>
   -1    71 		<g fill="#984ea3" role="row" stroke="white">
   -1    72 			<rect height="240.0" role="cell" width="22.857142857142858" x="91.42857142857143" y="239.0">
   -1    73 				<title>4</title>
   -1    74 			</rect>
   -1    75 			<rect height="120.0" role="cell" width="22.857142857142858" x="251.42857142857144" y="359.0">
   -1    76 				<title>2</title>
   -1    77 			</rect>
   -1    78 			<rect height="60.0" role="cell" width="22.857142857142858" x="411.42857142857144" y="419.0">
   -1    79 				<title>1</title>
   -1    80 			</rect>
   -1    81 			<rect height="240.0" role="cell" width="22.857142857142858" x="571.4285714285714" y="239.0">
   -1    82 				<title>4</title>
   -1    83 			</rect>
   -1    84 		</g>
   -1    85 		<g fill="#ff7f00" role="row" stroke="white">
   -1    86 			<rect height="360.0" role="cell" width="22.857142857142858" x="114.28571428571429" y="119.0">
   -1    87 				<title>6</title>
   -1    88 			</rect>
   -1    89 			<rect height="240.0" role="cell" width="22.857142857142858" x="274.2857142857143" y="239.0">
   -1    90 				<title>4</title>
   -1    91 			</rect>
   -1    92 			<rect height="300.0" role="cell" width="22.857142857142858" x="434.2857142857143" y="179.0">
   -1    93 				<title>5</title>
   -1    94 			</rect>
   -1    95 			<rect height="120.0" role="cell" width="22.857142857142858" x="594.2857142857143" y="359.0">
   -1    96 				<title>2</title>
   -1    97 			</rect>
   -1    98 		</g>
   -1    99 	</g>
   -1   100 </svg>

diff --git a/tests/long_LineRenderer.svg b/tests/long_LineRenderer.svg

@@ -0,0 +1,105 @@
   -1     1 <svg font-family="sans-serif" font-size="16" viewBox="-55 -25 700 530" xmlns="http://www.w3.org/2000/svg">
   -1     2 	<g role="table">
   -1     3 		<line stroke="#333" x1="0" x2="0" y1="0" y2="480" />
   -1     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
   -1     5 		<g aria-hidden="true">
   -1     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">4</text>
   -1     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">8</text>
   -1     9 		</g>
   -1    10 		<g role="row">
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    15 		</g>
   -1    16 		<g aria-hidden="true">
   -1    17 			<rect fill="none" height="20" stroke="#333" width="848" x="-208" y="-20" />
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="-204" y="-15.0" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="-190" y="-10.0">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="-10" y="-15.0" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="4" y="-10.0">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="164" y="-15.0" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="178" y="-10.0">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="328" y="-15.0" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="342" y="-10.0">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="522" y="-15.0" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="536" y="-10.0">Other (82)</text>
   -1    28 		</g>
   -1    29 		<polyline fill="none" points="80,300 240,240 400,240 560,180" stroke="#e41a1c" />
   -1    30 		<polyline fill="none" points="80,360 240,360 400,300 560,420" stroke="#377eb8" />
   -1    31 		<polyline fill="none" points="80,180 240,300 400,240 560,360" stroke="#4daf4a" />
   -1    32 		<polyline fill="none" points="80,240 240,360 400,420 560,240" stroke="#984ea3" />
   -1    33 		<polyline fill="none" points="80,120 240,240 400,180 560,360" stroke="#ff7f00" />
   -1    34 		<g fill="#e41a1c" role="row" stroke="white">
   -1    35 			<circle cx="80.0" cy="300.0" r="3" role="cell">
   -1    36 				<title>3</title>
   -1    37 			</circle>
   -1    38 			<circle cx="240.0" cy="240.0" r="3" role="cell">
   -1    39 				<title>4</title>
   -1    40 			</circle>
   -1    41 			<circle cx="400.0" cy="240.0" r="3" role="cell">
   -1    42 				<title>4</title>
   -1    43 			</circle>
   -1    44 			<circle cx="560.0" cy="180.0" r="3" role="cell">
   -1    45 				<title>5</title>
   -1    46 			</circle>
   -1    47 		</g>
   -1    48 		<g fill="#377eb8" role="row" stroke="white">
   -1    49 			<circle cx="80.0" cy="360.0" r="3" role="cell">
   -1    50 				<title>2</title>
   -1    51 			</circle>
   -1    52 			<circle cx="240.0" cy="360.0" r="3" role="cell">
   -1    53 				<title>2</title>
   -1    54 			</circle>
   -1    55 			<circle cx="400.0" cy="300.0" r="3" role="cell">
   -1    56 				<title>3</title>
   -1    57 			</circle>
   -1    58 			<circle cx="560.0" cy="420.0" r="3" role="cell">
   -1    59 				<title>1</title>
   -1    60 			</circle>
   -1    61 		</g>
   -1    62 		<g fill="#4daf4a" role="row" stroke="white">
   -1    63 			<circle cx="80.0" cy="180.0" r="3" role="cell">
   -1    64 				<title>5</title>
   -1    65 			</circle>
   -1    66 			<circle cx="240.0" cy="300.0" r="3" role="cell">
   -1    67 				<title>3</title>
   -1    68 			</circle>
   -1    69 			<circle cx="400.0" cy="240.0" r="3" role="cell">
   -1    70 				<title>4</title>
   -1    71 			</circle>
   -1    72 			<circle cx="560.0" cy="360.0" r="3" role="cell">
   -1    73 				<title>2</title>
   -1    74 			</circle>
   -1    75 		</g>
   -1    76 		<g fill="#984ea3" role="row" stroke="white">
   -1    77 			<circle cx="80.0" cy="240.0" r="3" role="cell">
   -1    78 				<title>4</title>
   -1    79 			</circle>
   -1    80 			<circle cx="240.0" cy="360.0" r="3" role="cell">
   -1    81 				<title>2</title>
   -1    82 			</circle>
   -1    83 			<circle cx="400.0" cy="420.0" r="3" role="cell">
   -1    84 				<title>1</title>
   -1    85 			</circle>
   -1    86 			<circle cx="560.0" cy="240.0" r="3" role="cell">
   -1    87 				<title>4</title>
   -1    88 			</circle>
   -1    89 		</g>
   -1    90 		<g fill="#ff7f00" role="row" stroke="white">
   -1    91 			<circle cx="80.0" cy="120.0" r="3" role="cell">
   -1    92 				<title>6</title>
   -1    93 			</circle>
   -1    94 			<circle cx="240.0" cy="240.0" r="3" role="cell">
   -1    95 				<title>4</title>
   -1    96 			</circle>
   -1    97 			<circle cx="400.0" cy="180.0" r="3" role="cell">
   -1    98 				<title>5</title>
   -1    99 			</circle>
   -1   100 			<circle cx="560.0" cy="360.0" r="3" role="cell">
   -1   101 				<title>2</title>
   -1   102 			</circle>
   -1   103 		</g>
   -1   104 	</g>
   -1   105 </svg>

diff --git a/tests/long_StackedAreaRenderer.svg b/tests/long_StackedAreaRenderer.svg

@@ -0,0 +1,105 @@
   -1     1 <svg font-family="sans-serif" font-size="16" viewBox="-55 -25 700 530" xmlns="http://www.w3.org/2000/svg">
   -1     2 	<g role="table">
   -1     3 		<line stroke="#333" x1="0" x2="0" y1="0" y2="480" />
   -1     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
   -1     5 		<g aria-hidden="true">
   -1     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">20</text>
   -1     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">40</text>
   -1     9 		</g>
   -1    10 		<g role="row">
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    15 		</g>
   -1    16 		<g aria-hidden="true">
   -1    17 			<rect fill="none" height="20" stroke="#333" width="848" x="-208" y="-20" />
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="-204" y="-15.0" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="-190" y="-10.0">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="-10" y="-15.0" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="4" y="-10.0">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="164" y="-15.0" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="178" y="-10.0">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="328" y="-15.0" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="342" y="-10.0">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="522" y="-15.0" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="536" y="-10.0">Other (82)</text>
   -1    28 		</g>
   -1    29 		<polyline fill="#e41a1c" points="80,443 240,431 400,431 560,419 560,479 400,479 240,479 80,479" stroke="white" />
   -1    30 		<polyline fill="#377eb8" points="80,419 240,407 400,395 560,407 560,419 400,431 240,431 80,443" stroke="white" />
   -1    31 		<polyline fill="#4daf4a" points="80,359 240,371 400,347 560,383 560,407 400,395 240,407 80,419" stroke="white" />
   -1    32 		<polyline fill="#984ea3" points="80,311 240,347 400,335 560,335 560,383 400,347 240,371 80,359" stroke="white" />
   -1    33 		<polyline fill="#ff7f00" points="80,239 240,299 400,275 560,311 560,335 400,335 240,347 80,311" stroke="white" />
   -1    34 		<g fill="#e41a1c" role="row" stroke="white">
   -1    35 			<circle cx="80.0" cy="443.0" r="3" role="cell">
   -1    36 				<title>3</title>
   -1    37 			</circle>
   -1    38 			<circle cx="240.0" cy="431.0" r="3" role="cell">
   -1    39 				<title>4</title>
   -1    40 			</circle>
   -1    41 			<circle cx="400.0" cy="431.0" r="3" role="cell">
   -1    42 				<title>4</title>
   -1    43 			</circle>
   -1    44 			<circle cx="560.0" cy="419.0" r="3" role="cell">
   -1    45 				<title>5</title>
   -1    46 			</circle>
   -1    47 		</g>
   -1    48 		<g fill="#377eb8" role="row" stroke="white">
   -1    49 			<circle cx="80.0" cy="419.0" r="3" role="cell">
   -1    50 				<title>2</title>
   -1    51 			</circle>
   -1    52 			<circle cx="240.0" cy="407.0" r="3" role="cell">
   -1    53 				<title>2</title>
   -1    54 			</circle>
   -1    55 			<circle cx="400.0" cy="395.0" r="3" role="cell">
   -1    56 				<title>3</title>
   -1    57 			</circle>
   -1    58 			<circle cx="560.0" cy="407.0" r="3" role="cell">
   -1    59 				<title>1</title>
   -1    60 			</circle>
   -1    61 		</g>
   -1    62 		<g fill="#4daf4a" role="row" stroke="white">
   -1    63 			<circle cx="80.0" cy="359.0" r="3" role="cell">
   -1    64 				<title>5</title>
   -1    65 			</circle>
   -1    66 			<circle cx="240.0" cy="371.0" r="3" role="cell">
   -1    67 				<title>3</title>
   -1    68 			</circle>
   -1    69 			<circle cx="400.0" cy="347.0" r="3" role="cell">
   -1    70 				<title>4</title>
   -1    71 			</circle>
   -1    72 			<circle cx="560.0" cy="383.0" r="3" role="cell">
   -1    73 				<title>2</title>
   -1    74 			</circle>
   -1    75 		</g>
   -1    76 		<g fill="#984ea3" role="row" stroke="white">
   -1    77 			<circle cx="80.0" cy="311.0" r="3" role="cell">
   -1    78 				<title>4</title>
   -1    79 			</circle>
   -1    80 			<circle cx="240.0" cy="347.0" r="3" role="cell">
   -1    81 				<title>2</title>
   -1    82 			</circle>
   -1    83 			<circle cx="400.0" cy="335.0" r="3" role="cell">
   -1    84 				<title>1</title>
   -1    85 			</circle>
   -1    86 			<circle cx="560.0" cy="335.0" r="3" role="cell">
   -1    87 				<title>4</title>
   -1    88 			</circle>
   -1    89 		</g>
   -1    90 		<g fill="#ff7f00" role="row" stroke="white">
   -1    91 			<circle cx="80.0" cy="239.0" r="3" role="cell">
   -1    92 				<title>6</title>
   -1    93 			</circle>
   -1    94 			<circle cx="240.0" cy="299.0" r="3" role="cell">
   -1    95 				<title>4</title>
   -1    96 			</circle>
   -1    97 			<circle cx="400.0" cy="275.0" r="3" role="cell">
   -1    98 				<title>5</title>
   -1    99 			</circle>
   -1   100 			<circle cx="560.0" cy="311.0" r="3" role="cell">
   -1   101 				<title>2</title>
   -1   102 			</circle>
   -1   103 		</g>
   -1   104 	</g>
   -1   105 </svg>

diff --git a/tests/long_StackedColumnRenderer.svg b/tests/long_StackedColumnRenderer.svg

@@ -0,0 +1,100 @@
   -1     1 <svg font-family="sans-serif" font-size="16" viewBox="-55 -25 700 530" xmlns="http://www.w3.org/2000/svg">
   -1     2 	<g role="table">
   -1     3 		<line stroke="#333" x1="0" x2="0" y1="0" y2="480" />
   -1     4 		<line stroke="#333" x1="0" x2="640" y1="480" y2="480" />
   -1     5 		<g aria-hidden="true">
   -1     6 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="480">0</text>
   -1     7 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="240.0">20</text>
   -1     8 			<text dominant-baseline="middle" fill="#333" text-anchor="end" x="-4" y="0">40</text>
   -1     9 		</g>
   -1    10 		<g role="row">
   -1    11 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="80.0" y="490.0">Apples</text>
   -1    12 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="240.0" y="490.0">Oranges</text>
   -1    13 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="400.0" y="490.0">Pears</text>
   -1    14 			<text dominant-baseline="middle" fill="#333" role="columnheader" text-anchor="middle" x="560.0" y="490.0">Bananas</text>
   -1    15 		</g>
   -1    16 		<g aria-hidden="true">
   -1    17 			<rect fill="none" height="20" stroke="#333" width="848" x="-208" y="-20" />
   -1    18 			<rect fill="#e41a1c" height="10" width="10" x="-204" y="-15.0" />
   -1    19 			<text dominant-baseline="middle" fill="#333" x="-190" y="-10.0">Monozygotic (431)</text>
   -1    20 			<rect fill="#377eb8" height="10" width="10" x="-10" y="-15.0" />
   -1    21 			<text dominant-baseline="middle" fill="#333" x="4" y="-10.0">Dizygotic (464)</text>
   -1    22 			<rect fill="#4daf4a" height="10" width="10" x="164" y="-15.0" />
   -1    23 			<text dominant-baseline="middle" fill="#333" x="178" y="-10.0">Trizygotic (0)</text>
   -1    24 			<rect fill="#984ea3" height="10" width="10" x="328" y="-15.0" />
   -1    25 			<text dominant-baseline="middle" fill="#333" x="342" y="-10.0">Quadrizygotic (0)</text>
   -1    26 			<rect fill="#ff7f00" height="10" width="10" x="522" y="-15.0" />
   -1    27 			<text dominant-baseline="middle" fill="#333" x="536" y="-10.0">Other (82)</text>
   -1    28 		</g>
   -1    29 		<g fill="#e41a1c" role="row" stroke="white">
   -1    30 			<rect height="36.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="443.0">
   -1    31 				<title>3</title>
   -1    32 			</rect>
   -1    33 			<rect height="48.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="431.0">
   -1    34 				<title>4</title>
   -1    35 			</rect>
   -1    36 			<rect height="48.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="431.0">
   -1    37 				<title>4</title>
   -1    38 			</rect>
   -1    39 			<rect height="60.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="419.0">
   -1    40 				<title>5</title>
   -1    41 			</rect>
   -1    42 		</g>
   -1    43 		<g fill="#377eb8" role="row" stroke="white">
   -1    44 			<rect height="24.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="419.0">
   -1    45 				<title>2</title>
   -1    46 			</rect>
   -1    47 			<rect height="24.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="407.0">
   -1    48 				<title>2</title>
   -1    49 			</rect>
   -1    50 			<rect height="36.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="395.0">
   -1    51 				<title>3</title>
   -1    52 			</rect>
   -1    53 			<rect height="12.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="407.0">
   -1    54 				<title>1</title>
   -1    55 			</rect>
   -1    56 		</g>
   -1    57 		<g fill="#4daf4a" role="row" stroke="white">
   -1    58 			<rect height="60.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="359.0">
   -1    59 				<title>5</title>
   -1    60 			</rect>
   -1    61 			<rect height="36.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="371.0">
   -1    62 				<title>3</title>
   -1    63 			</rect>
   -1    64 			<rect height="48.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="347.0">
   -1    65 				<title>4</title>
   -1    66 			</rect>
   -1    67 			<rect height="24.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="383.0">
   -1    68 				<title>2</title>
   -1    69 			</rect>
   -1    70 		</g>
   -1    71 		<g fill="#984ea3" role="row" stroke="white">
   -1    72 			<rect height="48.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="311.0">
   -1    73 				<title>4</title>
   -1    74 			</rect>
   -1    75 			<rect height="24.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="347.0">
   -1    76 				<title>2</title>
   -1    77 			</rect>
   -1    78 			<rect height="12.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="335.0">
   -1    79 				<title>1</title>
   -1    80 			</rect>
   -1    81 			<rect height="48.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="335.0">
   -1    82 				<title>4</title>
   -1    83 			</rect>
   -1    84 		</g>
   -1    85 		<g fill="#ff7f00" role="row" stroke="white">
   -1    86 			<rect height="72.0" role="cell" width="53.333333333333336" x="53.33333333333333" y="239.0">
   -1    87 				<title>6</title>
   -1    88 			</rect>
   -1    89 			<rect height="48.0" role="cell" width="53.333333333333336" x="213.33333333333334" y="299.0">
   -1    90 				<title>4</title>
   -1    91 			</rect>
   -1    92 			<rect height="60.0" role="cell" width="53.333333333333336" x="373.3333333333333" y="275.0">
   -1    93 				<title>5</title>
   -1    94 			</rect>
   -1    95 			<rect height="24.0" role="cell" width="53.333333333333336" x="533.3333333333334" y="311.0">
   -1    96 				<title>2</title>
   -1    97 			</rect>
   -1    98 		</g>
   -1    99 	</g>
   -1   100 </svg>