ranger-compiler 3.5.1 → 3.5.2

package/dist/lib/evg/showcase/pages/tables.tsx

@@ -0,0 +1,209 @@
+// GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand.
+//
+// Each chart below is an unmodified Vega specification, compiled from a
+// Vega-Lite example, run through the Vela runtime and drawn with the EVG
+// vector layer: every gridline, bar, wedge and label is path data and text
+// this repository computed, in all three targets.
+//
+// Regenerate with:  npm run vela:showcase
+
+import { View, Label, Path } from "./evg_types";
+
+function render() {
+  return (
+    <View className="page">
+      <Label className="title">Taulukot</Label>
+      <View className="rule" />
+      <View className="row chartRow">
+        <View className="chartCell">
+        <View className="chartBox">
+          <View className="chart" position="relative" width="359.969px" height="121px">
+            <Path className="chartFrame" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" fill="none" strokeWidth="1" opacity="0.4" d="M67.4688,14.5 L197.4688,14.5 L197.4688,84.5 L67.4688,84.5 Z" />
+            <Path className="chartTick" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" fill="none" strokeWidth="1" d="M67.4688,84.5 L67.4688,89.5 M83.4688,84.5 L83.4688,89.5 M100.4688,84.5 L100.4688,89.5 M116.4688,84.5 L116.4688,89.5 M132.4688,84.5 L132.4688,89.5 M148.4688,84.5 L148.4688,89.5 M165.4688,84.5 L165.4688,89.5 M181.4688,84.5 L181.4688,89.5 M197.4688,84.5 L197.4688,89.5" />
+            <Label className="chartLabel" position="absolute" left="67.469px" top="91.5px" width="23px" textAlign="left" fontSize="10px">1.0</Label>
+            <Label className="chartLabel" position="absolute" left="120.969px" top="91.5px" width="23px" textAlign="center" fontSize="10px">5.0</Label>
+            <Label className="chartLabel" position="absolute" left="174.469px" top="91.5px" width="23px" textAlign="right" fontSize="10px">9.0</Label>
+            <Path className="chartDomain" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" fill="none" strokeWidth="1" d="M67.4688,84.5 L197.4688,84.5" />
+            <Label className="chartTitle" position="absolute" left="98.6px" top="105.5px" width="67.737px" textAlign="center" fontSize="11px" fontWeight="bold">c (binned)</Label>
+            <Path className="chartTick" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" fill="none" strokeWidth="1" d="M67.4688,84.5 L62.4688,84.5 M67.4688,76.5 L62.4688,76.5 M67.4688,68.5 L62.4688,68.5 M67.4688,61.5 L62.4688,61.5 M67.4688,53.5 L62.4688,53.5 M67.4688,45.5 L62.4688,45.5 M67.4688,37.5 L62.4688,37.5 M67.4688,30.5 L62.4688,30.5 M67.4688,22.5 L62.4688,22.5 M67.4688,14.5 L62.4688,14.5" />
+            <Label className="chartLabel" position="absolute" left="41.219px" top="79.5px" width="19.25px" textAlign="right" fontSize="10px">10</Label>
+            <Label className="chartLabel" position="absolute" left="41.219px" top="63.944px" width="19.25px" textAlign="right" fontSize="10px">30</Label>
+            <Label className="chartLabel" position="absolute" left="41.219px" top="48.389px" width="19.25px" textAlign="right" fontSize="10px">50</Label>
+            <Label className="chartLabel" position="absolute" left="41.219px" top="32.833px" width="19.25px" textAlign="right" fontSize="10px">70</Label>
+            <Label className="chartLabel" position="absolute" left="41.219px" top="17.278px" width="19.25px" textAlign="right" fontSize="10px">90</Label>
+            <Path className="chartDomain" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" fill="none" strokeWidth="1" d="M67.4688,84.5 L67.4688,14.5" />
+            <Label className="chartTitle" position="absolute" left="0px" top="42.9px" width="67.737px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">b (binned)</Label>
+            <Path className="chartFill0" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" stroke="none" d="M132.4688,68.9444 L148.7188,68.9444 L148.7188,76.7222 L132.4688,76.7222 Z M181.2188,45.6111 L197.4688,45.6111 L197.4688,53.3889 L181.2188,53.3889 Z M83.7188,53.3889 L99.9688,53.3889 L99.9688,61.1667 L83.7188,61.1667 Z M164.9688,14.5 L181.2188,14.5 L181.2188,22.2778 L164.9688,22.2778 Z M116.2188,22.2778 L132.4688,22.2778 L132.4688,30.0556 L116.2188,30.0556 Z M148.7188,45.6111 L164.9688,45.6111 L164.9688,53.3889 L148.7188,53.3889 Z M181.2188,76.7222 L197.4688,76.7222 L197.4688,84.5 L181.2188,84.5 Z M67.4688,22.2778 L83.7188,22.2778 L83.7188,30.0556 L67.4688,30.0556 Z M99.9688,45.6111 L116.2188,45.6111 L116.2188,53.3889 L99.9688,53.3889 Z" />
+            <Path className="chartFill0" position="absolute" left="0px" top="0px" width="359.969px" height="121px" viewBox="0 0 359.969 121" stroke="none" d="M214.9688,98.25 L230.9688,98.25 L230.9688,100 L214.9688,100 Z M214.9688,96.5 L230.9688,96.5 L230.9688,98.25 L214.9688,98.25 Z M214.9688,94.75 L230.9688,94.75 L230.9688,96.5 L214.9688,96.5 Z M214.9688,93 L230.9688,93 L230.9688,94.75 L214.9688,94.75 Z M214.9688,91.25 L230.9688,91.25 L230.9688,93 L214.9688,93 Z M214.9688,89.5 L230.9688,89.5 L230.9688,91.25 L214.9688,91.25 Z M214.9688,87.75 L230.9688,87.75 L230.9688,89.5 L214.9688,89.5 Z M214.9688,86 L230.9688,86 L230.9688,87.75 L214.9688,87.75 Z M214.9688,84.25 L230.9688,84.25 L230.9688,86 L214.9688,86 Z M214.9688,82.5 L230.9688,82.5 L230.9688,84.25 L214.9688,84.25 Z M214.9688,80.75 L230.9688,80.75 L230.9688,82.5 L214.9688,82.5 Z M214.9688,79 L230.9688,79 L230.9688,80.75 L214.9688,80.75 Z M214.9688,77.25 L230.9688,77.25 L230.9688,79 L214.9688,79 Z M214.9688,75.5 L230.9688,75.5 L230.9688,77.25 L214.9688,77.25 Z M214.9688,73.75 L230.9688,73.75 L230.9688,75.5 L214.9688,75.5 Z M214.9688,72 L230.9688,72 L230.9688,73.75 L214.9688,73.75 Z M214.9688,70.25 L230.9688,70.25 L230.9688,72 L214.9688,72 Z M214.9688,68.5 L230.9688,68.5 L230.9688,70.25 L214.9688,70.25 Z M214.9688,66.75 L230.9688,66.75 L230.9688,68.5 L214.9688,68.5 Z M214.9688,65 L230.9688,65 L230.9688,66.75 L214.9688,66.75 Z M214.9688,63.25 L230.9688,63.25 L230.9688,65 L214.9688,65 Z M214.9688,61.5 L230.9688,61.5 L230.9688,63.25 L214.9688,63.25 Z M214.9688,59.75 L230.9688,59.75 L230.9688,61.5 L214.9688,61.5 Z M214.9688,58 L230.9688,58 L230.9688,59.75 L214.9688,59.75 Z M214.9688,56.25 L230.9688,56.25 L230.9688,58 L214.9688,58 Z M214.9688,54.5 L230.9688,54.5 L230.9688,56.25 L214.9688,56.25 Z M214.9688,52.75 L230.9688,52.75 L230.9688,54.5 L214.9688,54.5 Z M214.9688,51 L230.9688,51 L230.9688,52.75 L214.9688,52.75 Z M214.9688,49.25 L230.9688,49.25 L230.9688,51 L214.9688,51 Z M214.9688,47.5 L230.9688,47.5 L230.9688,49.25 L214.9688,49.25 Z M214.9688,45.75 L230.9688,45.75 L230.9688,47.5 L214.9688,47.5 Z M214.9688,44 L230.9688,44 L230.9688,45.75 L214.9688,45.75 Z M214.9688,42.25 L230.9688,42.25 L230.9688,44 L214.9688,44 Z M214.9688,40.5 L230.9688,40.5 L230.9688,42.25 L214.9688,42.25 Z M214.9688,38.75 L230.9688,38.75 L230.9688,40.5 L214.9688,40.5 Z M214.9688,37 L230.9688,37 L230.9688,38.75 L214.9688,38.75 Z M214.9688,35.25 L230.9688,35.25 L230.9688,37 L214.9688,37 Z M214.9688,33.5 L230.9688,33.5 L230.9688,35.25 L214.9688,35.25 Z M214.9688,31.75 L230.9688,31.75 L230.9688,33.5 L214.9688,33.5 Z M214.9688,30 L230.9688,30 L230.9688,31.75 L214.9688,31.75 Z" />
+            <Label className="chartLabel" position="absolute" left="232.969px" top="60px" width="56.125px" textAlign="left" fontSize="10px">1.000000</Label>
+            <Label className="chartTitle" position="absolute" left="214.969px" top="14px" width="116.55px" textAlign="left" fontSize="11px" fontWeight="bold">Count of Records</Label>
+          </View>
+        </View>
+          <Label className="caption">2D-histogrammi · 104 komentoa</Label>
+        </View>
+        <View className="chartCell">
+        <View className="chartBox">
+          <View className="chart" position="relative" width="228px" height="127px">
+            <Path className="chartFrame" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" fill="none" strokeWidth="1" opacity="0.4" d="M35.5,5.5 L165.5,5.5 L165.5,75.5 L35.5,75.5 Z" />
+            <Path className="chartTick" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" fill="none" strokeWidth="1" d="M42.5,75.5 L42.5,80.5 M57.5,75.5 L57.5,80.5 M71.5,75.5 L71.5,80.5 M86.5,75.5 L86.5,80.5 M100.5,75.5 L100.5,80.5 M114.5,75.5 L114.5,80.5 M129.5,75.5 L129.5,80.5 M143.5,75.5 L143.5,80.5 M158.5,75.5 L158.5,80.5" />
+            <Label className="chartLabel" position="absolute" left="35.66px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">A</Label>
+            <Label className="chartLabel" position="absolute" left="50.104px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">B</Label>
+            <Label className="chartLabel" position="absolute" left="64.549px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">C</Label>
+            <Label className="chartLabel" position="absolute" left="78.993px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">D</Label>
+            <Label className="chartLabel" position="absolute" left="93.438px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">E</Label>
+            <Label className="chartLabel" position="absolute" left="107.882px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">F</Label>
+            <Label className="chartLabel" position="absolute" left="122.326px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">G</Label>
+            <Label className="chartLabel" position="absolute" left="136.771px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">H</Label>
+            <Label className="chartLabel" position="absolute" left="151.215px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">I</Label>
+            <Path className="chartDomain" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" fill="none" strokeWidth="1" d="M35.5,75.5 L165.5,75.5" />
+            <Label className="chartTitle" position="absolute" left="93.925px" top="94.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">a</Label>
+            <Path className="chartTick" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" fill="none" strokeWidth="1" d="M35.5,23.5 L30.5,23.5 M35.5,58.5 L30.5,58.5" />
+            <Label className="chartLabel" position="absolute" left="16px" top="18px" width="12.5px" textAlign="right" fontSize="10px">x</Label>
+            <Label className="chartLabel" position="absolute" left="16px" top="53px" width="12.5px" textAlign="right" fontSize="10px">y</Label>
+            <Path className="chartDomain" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" fill="none" strokeWidth="1" d="M35.5,5.5 L35.5,75.5" />
+            <Label className="chartTitle" position="absolute" left="3.325px" top="33.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">g</Label>
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" stroke="none" opacity="0.7" d="M47.5572,22.5 C47.5572,25.4464 45.1686,27.8349 42.2222,27.8349 C39.2758,27.8349 36.8873,25.4464 36.8873,22.5 C36.8873,19.5536 39.2758,17.1651 42.2222,17.1651 C45.1686,17.1651 47.5572,19.5536 47.5572,22.5 Z M64.079,57.5 C64.079,61.5937 60.7604,64.9123 56.6667,64.9123 C52.573,64.9123 49.2544,61.5937 49.2544,57.5 C49.2544,53.4063 52.573,50.0877 56.6667,50.0877 C60.7604,50.0877 64.079,53.4063 64.079,57.5 Z M77.6817,22.5 C77.6817,26.1289 74.74,29.0706 71.1111,29.0706 C67.4823,29.0706 64.5405,26.1289 64.5405,22.5 C64.5405,18.8711 67.4823,15.9294 71.1111,15.9294 C74.74,15.9294 77.6817,18.8711 77.6817,22.5 Z M95.0556,57.5 C95.0556,62.7467 90.8023,67 85.5556,67 C80.3089,67 76.0556,62.7467 76.0556,57.5 C76.0556,52.2533 80.3089,48 85.5556,48 C90.8023,48 95.0556,52.2533 95.0556,57.5 Z M108.969,22.5 C108.969,27.4534 104.9534,31.469 100,31.469 C95.0466,31.469 91.031,27.4534 91.031,22.5 C91.031,17.5466 95.0466,13.531 100,13.531 C104.9534,13.531 108.969,17.5466 108.969,22.5 Z M121.7232,57.5 C121.7232,61.52 118.4644,64.7788 114.4444,64.7788 C110.4245,64.7788 107.1657,61.52 107.1657,57.5 C107.1657,53.48 110.4245,50.2212 114.4444,50.2212 C118.4644,50.2212 121.7232,53.48 121.7232,57.5 Z M133.32,22.5 C133.32,24.9472 131.3361,26.9311 128.8889,26.9311 C126.4417,26.9311 124.4578,24.9472 124.4578,22.5 C124.4578,20.0528 126.4417,18.0689 128.8889,18.0689 C131.3361,18.0689 133.32,20.0528 133.32,22.5 Z M152.6246,57.5 C152.6246,62.6314 148.4647,66.7912 143.3333,66.7912 C138.2019,66.7912 134.0421,62.6314 134.0421,57.5 C134.0421,52.3686 138.2019,48.2088 143.3333,48.2088 C148.4647,48.2088 152.6246,52.3686 152.6246,57.5 Z M164.9889,22.5 C164.9889,26.4826 161.7604,29.7111 157.7778,29.7111 C153.7952,29.7111 150.5667,26.4826 150.5667,22.5 C150.5667,18.5174 153.7952,15.2889 157.7778,15.2889 C161.7604,15.2889 164.9889,18.5174 164.9889,22.5 Z" />
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" stroke="none" opacity="0.7" d="M194,26 C194,26.5523 193.5523,27 193,27 C192.4477,27 192,26.5523 192,26 C192,25.4477 192.4477,25 193,25 C193.5523,25 194,25.4477 194,26 Z" />
+            <Label className="chartLabel" position="absolute" left="207px" top="21px" width="12.625px" textAlign="left" fontSize="10px">0</Label>
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" stroke="none" opacity="0.7" d="M197.5404,41.5 C197.5404,44.0076 195.5076,46.0404 193,46.0404 C190.4924,46.0404 188.4596,44.0076 188.4596,41.5 C188.4596,38.9924 190.4924,36.9596 193,36.9596 C195.5076,36.9596 197.5404,38.9924 197.5404,41.5 Z" />
+            <Label className="chartLabel" position="absolute" left="207px" top="36.5px" width="19.25px" textAlign="left" fontSize="10px">20</Label>
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" stroke="none" opacity="0.7" d="M199.3428,61.5 C199.3428,65.003 196.503,67.8428 193,67.8428 C189.497,67.8428 186.6572,65.003 186.6572,61.5 C186.6572,57.997 189.497,55.1572 193,55.1572 C196.503,55.1572 199.3428,57.997 199.3428,61.5 Z" />
+            <Label className="chartLabel" position="absolute" left="207px" top="56.5px" width="19.25px" textAlign="left" fontSize="10px">40</Label>
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" stroke="none" opacity="0.7" d="M200.736,84.5 C200.736,88.7725 197.2725,92.236 193,92.236 C188.7275,92.236 185.264,88.7725 185.264,84.5 C185.264,80.2275 188.7275,76.764 193,76.764 C197.2725,76.764 200.736,80.2275 200.736,84.5 Z" />
+            <Label className="chartLabel" position="absolute" left="207px" top="79.5px" width="19.25px" textAlign="left" fontSize="10px">60</Label>
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="228px" height="127px" viewBox="0 0 228 127" stroke="none" opacity="0.7" d="M201.9141,110 C201.9141,114.9231 197.9231,118.9141 193,118.9141 C188.0769,118.9141 184.0859,114.9231 184.0859,110 C184.0859,105.0769 188.0769,101.0859 193,101.0859 C197.9231,101.0859 201.9141,105.0769 201.9141,110 Z" />
+            <Label className="chartLabel" position="absolute" left="207px" top="105px" width="19.25px" textAlign="left" fontSize="10px">80</Label>
+            <Label className="chartTitle" position="absolute" left="183px" top="5px" width="13.15px" textAlign="left" fontSize="11px" fontWeight="bold">b</Label>
+          </View>
+        </View>
+          <Label className="caption">Kuplataulukko · 67 komentoa</Label>
+        </View>
+      </View>
+      <View className="row chartRow">
+        <View className="chartCell">
+        <View className="chartBox">
+          <View className="chart" position="relative" width="222px" height="110px">
+            <Path className="chartFrame" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" fill="none" strokeWidth="1" opacity="0.4" d="M35.5,5.5 L165.5,5.5 L165.5,75.5 L35.5,75.5 Z" />
+            <Path className="chartTick" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" fill="none" strokeWidth="1" d="M42.5,75.5 L42.5,80.5 M56.5,75.5 L56.5,80.5 M71.5,75.5 L71.5,80.5 M85.5,75.5 L85.5,80.5 M100.5,75.5 L100.5,80.5 M114.5,75.5 L114.5,80.5 M128.5,75.5 L128.5,80.5 M143.5,75.5 L143.5,80.5 M157.5,75.5 L157.5,80.5" />
+            <Label className="chartLabel" position="absolute" left="35.16px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">A</Label>
+            <Label className="chartLabel" position="absolute" left="49.604px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">B</Label>
+            <Label className="chartLabel" position="absolute" left="64.049px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">C</Label>
+            <Label className="chartLabel" position="absolute" left="78.493px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">D</Label>
+            <Label className="chartLabel" position="absolute" left="92.938px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">E</Label>
+            <Label className="chartLabel" position="absolute" left="107.382px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">F</Label>
+            <Label className="chartLabel" position="absolute" left="121.826px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">G</Label>
+            <Label className="chartLabel" position="absolute" left="136.271px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">H</Label>
+            <Label className="chartLabel" position="absolute" left="150.715px" top="76.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">I</Label>
+            <Path className="chartDomain" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" fill="none" strokeWidth="1" d="M35.5,75.5 L165.5,75.5" />
+            <Label className="chartTitle" position="absolute" left="93.925px" top="94.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">a</Label>
+            <Path className="chartTick" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" fill="none" strokeWidth="1" d="M35.5,22.5 L30.5,22.5 M35.5,57.5 L30.5,57.5" />
+            <Label className="chartLabel" position="absolute" left="16px" top="17.5px" width="12.5px" textAlign="right" fontSize="10px">x</Label>
+            <Label className="chartLabel" position="absolute" left="16px" top="52.5px" width="12.5px" textAlign="right" fontSize="10px">y</Label>
+            <Path className="chartDomain" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" fill="none" strokeWidth="1" d="M35.5,5.5 L35.5,75.5" />
+            <Label className="chartTitle" position="absolute" left="3.325px" top="33.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">g</Label>
+            <Path className="chartFill2" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M35,5 L49.4444,5 L49.4444,40 L35,40 Z" />
+            <Path className="chartFill0" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M49.4444,40 L63.8889,40 L63.8889,75 L49.4444,75 Z" />
+            <Path className="chartFill3" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M63.8889,5 L78.3333,5 L78.3333,40 L63.8889,40 Z" />
+            <Path className="chartFill4" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M78.3333,40 L92.7778,40 L92.7778,75 L78.3333,75 Z" />
+            <Path className="chartFill5" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M92.7778,5 L107.2222,5 L107.2222,40 L92.7778,40 Z" />
+            <Path className="chartFill6" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M107.2222,40 L121.6667,40 L121.6667,75 L107.2222,75 Z" />
+            <Path className="chartFill7" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M121.6667,5 L136.1111,5 L136.1111,40 L121.6667,40 Z" />
+            <Path className="chartFill8" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M136.1111,40 L150.5556,40 L150.5556,75 L136.1111,75 Z" />
+            <Path className="chartFill9" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M150.5556,5 L165,5 L165,40 L150.5556,40 Z" />
+            <Label className="chartText10" position="absolute" left="31.935px" top="17px" width="20.575px" textAlign="center" fontSize="11px">28</Label>
+            <Label className="chartText10" position="absolute" left="46.379px" top="52px" width="20.575px" textAlign="center" fontSize="11px">55</Label>
+            <Label className="chartText10" position="absolute" left="60.824px" top="17px" width="20.575px" textAlign="center" fontSize="11px">43</Label>
+            <Label className="chartText10" position="absolute" left="75.268px" top="52px" width="20.575px" textAlign="center" fontSize="11px">91</Label>
+            <Label className="chartText10" position="absolute" left="89.713px" top="17px" width="20.575px" textAlign="center" fontSize="11px">81</Label>
+            <Label className="chartText10" position="absolute" left="104.157px" top="52px" width="20.575px" textAlign="center" fontSize="11px">53</Label>
+            <Label className="chartText10" position="absolute" left="118.601px" top="17px" width="20.575px" textAlign="center" fontSize="11px">19</Label>
+            <Label className="chartText10" position="absolute" left="133.046px" top="52px" width="20.575px" textAlign="center" fontSize="11px">87</Label>
+            <Label className="chartText10" position="absolute" left="147.49px" top="17px" width="20.575px" textAlign="center" fontSize="11px">52</Label>
+            <Path className="chartFill7" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,89.25 L199,89.25 L199,91 L183,91 Z" />
+            <Path className="chartFill11" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,87.5 L199,87.5 L199,89.25 L183,89.25 Z" />
+            <Path className="chartFill12" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,85.75 L199,85.75 L199,87.5 L183,87.5 Z" />
+            <Path className="chartFill13" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,84 L199,84 L199,85.75 L183,85.75 Z" />
+            <Path className="chartFill14" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,82.25 L199,82.25 L199,84 L183,84 Z" />
+            <Path className="chartFill2" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,80.5 L199,80.5 L199,82.25 L183,82.25 Z" />
+            <Path className="chartFill15" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,78.75 L199,78.75 L199,80.5 L183,80.5 Z" />
+            <Path className="chartFill16" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,77 L199,77 L199,78.75 L183,78.75 Z" />
+            <Path className="chartFill17" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,75.25 L199,75.25 L199,77 L183,77 Z" />
+            <Path className="chartFill18" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,73.5 L199,73.5 L199,75.25 L183,75.25 Z" />
+            <Path className="chartFill19" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,71.75 L199,71.75 L199,73.5 L183,73.5 Z" />
+            <Path className="chartFill20" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,70 L199,70 L199,71.75 L183,71.75 Z" />
+            <Path className="chartFill21" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,68.25 L199,68.25 L199,70 L183,70 Z" />
+            <Path className="chartFill22" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,66.5 L199,66.5 L199,68.25 L183,68.25 Z" />
+            <Path className="chartFill23" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,64.75 L199,64.75 L199,66.5 L183,66.5 Z" />
+            <Path className="chartFill24" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,63 L199,63 L199,64.75 L183,64.75 Z" />
+            <Path className="chartFill25" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,61.25 L199,61.25 L199,63 L183,63 Z" />
+            <Path className="chartFill26" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,59.5 L199,59.5 L199,61.25 L183,61.25 Z" />
+            <Path className="chartFill27" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,57.75 L199,57.75 L199,59.5 L183,59.5 Z" />
+            <Path className="chartFill28" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,56 L199,56 L199,57.75 L183,57.75 Z" />
+            <Path className="chartFill0" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,54.25 L199,54.25 L199,56 L183,56 Z" />
+            <Path className="chartFill29" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,52.5 L199,52.5 L199,54.25 L183,54.25 Z" />
+            <Path className="chartFill30" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,50.75 L199,50.75 L199,52.5 L183,52.5 Z" />
+            <Path className="chartFill31" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,49 L199,49 L199,50.75 L183,50.75 Z" />
+            <Path className="chartFill32" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,47.25 L199,47.25 L199,49 L183,49 Z" />
+            <Path className="chartFill33" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,45.5 L199,45.5 L199,47.25 L183,47.25 Z" />
+            <Path className="chartFill34" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,43.75 L199,43.75 L199,45.5 L183,45.5 Z" />
+            <Path className="chartFill35" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,42 L199,42 L199,43.75 L183,43.75 Z" />
+            <Path className="chartFill36" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,40.25 L199,40.25 L199,42 L183,42 Z" />
+            <Path className="chartFill37" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,38.5 L199,38.5 L199,40.25 L183,40.25 Z" />
+            <Path className="chartFill38" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,36.75 L199,36.75 L199,38.5 L183,38.5 Z" />
+            <Path className="chartFill39" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,35 L199,35 L199,36.75 L183,36.75 Z" />
+            <Path className="chartFill40" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,33.25 L199,33.25 L199,35 L183,35 Z" />
+            <Path className="chartFill41" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,31.5 L199,31.5 L199,33.25 L183,33.25 Z" />
+            <Path className="chartFill42" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,29.75 L199,29.75 L199,31.5 L183,31.5 Z" />
+            <Path className="chartFill43" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,28 L199,28 L199,29.75 L183,29.75 Z" />
+            <Path className="chartFill44" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,26.25 L199,26.25 L199,28 L183,28 Z" />
+            <Path className="chartFill45" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,24.5 L199,24.5 L199,26.25 L183,26.25 Z" />
+            <Path className="chartFill46" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,22.75 L199,22.75 L199,24.5 L183,24.5 Z" />
+            <Path className="chartFill47" position="absolute" left="0px" top="0px" width="222px" height="110px" viewBox="0 0 222 110" stroke="none" d="M183,21 L199,21 L199,22.75 L183,22.75 Z" />
+            <Label className="chartLabel" position="absolute" left="201px" top="81px" width="19.25px" textAlign="left" fontSize="10px">19</Label>
+            <Label className="chartLabel" position="absolute" left="201px" top="21px" width="19.25px" textAlign="left" fontSize="10px">91</Label>
+            <Label className="chartTitle" position="absolute" left="183px" top="5px" width="13.15px" textAlign="left" fontSize="11px" fontWeight="bold">b</Label>
+          </View>
+        </View>
+          <Label className="caption">Lämpökartta arvoineen · 98 komentoa</Label>
+        </View>
+        <View className="chartCell">
+        <View className="chartBox">
+          <View className="chart" position="relative" width="163.125px" height="141px">
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,20.5855 L61.953,20.6339 L63.9013,20.779 L65.8399,21.0205 L67.7642,21.3578 L69.6695,21.79 L71.5509,22.3161 L73.404,22.9347 L75.2242,23.6444 L77.0069,24.4435 L78.7479,25.3299 L80.4428,26.3014 L82.0875,27.3558 L83.678,28.4904 L85.2102,29.7023 L86.6805,30.9887 L88.0853,32.3464 L89.4211,33.7721 L90.6845,35.2621 L91.8726,36.813 L92.9824,38.4208 L94.0112,40.0816 L94.9564,41.7914 L95.8157,43.5459 L96.587,45.3408 L97.2685,47.1717 L97.8583,49.0342 L98.3552,50.9236 L98.7578,52.8353 L99.0653,54.7646 L99.2767,56.7067 L99.3916,58.657 L99.4098,60.6105 L99.3311,62.5626 L99.1558,64.5084 L98.8843,66.443 L98.5173,68.3619 L98.0556,70.2602 L97.5005,72.1333 L96.8532,73.9766 L78.7003,67.0921 L79.0288,66.1568 L79.3105,65.2063 L79.5447,64.243 L79.731,63.2694 L79.8687,62.2877 L79.9577,61.3003 L79.9976,60.3098 L79.9884,59.3185 L79.9301,58.3289 L79.8228,57.3434 L79.6668,56.3644 L79.4625,55.3944 L79.2104,54.4357 L78.911,53.4906 L78.5653,52.5615 L78.1739,51.6507 L77.7378,50.7604 L77.2582,49.8929 L76.7362,49.0501 L76.1731,48.2343 L75.5702,47.4473 L74.9291,46.6912 L74.2512,45.9678 L73.5384,45.2789 L72.7924,44.6261 L72.0148,44.0111 L71.2078,43.4354 L70.3733,42.9004 L69.5132,42.4074 L68.6298,41.9576 L67.7252,41.5522 L66.8016,41.1921 L65.8613,40.8781 L64.9065,40.6112 L63.9398,40.3919 L62.9633,40.2208 L61.9796,40.0982 L60.991,40.0246 L60,40 Z" />
+            <Path className="chartFill48" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,12.79 L62.358,12.8489 L64.7101,13.0255 L67.0504,13.3194 L69.3732,13.7298 L71.6725,14.2557 L73.9427,14.8958 L76.1781,15.6485 L78.3731,16.5119 L80.5223,17.4839 L82.6202,18.562 L84.6617,19.7435 L86.6416,21.0255 L88.555,22.4048 L90.3971,23.878 L92.1633,25.4413 L93.8493,27.0909 L95.4507,28.8226 L96.9637,30.6322 L98.3844,32.515 L99.7093,34.4665 L100.935,36.4817 L102.0586,38.5556 L103.0772,40.6831 L103.9882,42.8588 L104.7895,45.0772 L105.4789,47.3329 L106.0548,49.6203 L106.5158,51.9335 L106.8606,54.2669 L107.0885,56.6146 L107.1988,58.9707 L107.1913,61.3294 L107.066,63.6848 L106.8232,66.031 L106.4635,68.3621 L105.9879,70.6724 L105.3974,72.956 L104.6937,75.2073 L103.8783,77.4206 L102.9534,79.5905 L101.9214,81.7114 L100.7846,83.7781 L99.5461,85.7855 L98.2088,87.7285 L96.7762,89.6023 L95.2517,91.4022 L93.6393,93.1237 L91.9429,94.7626 L90.1668,96.3146 L88.3153,97.776 L86.3932,99.1431 L84.4052,100.4125 L82.3562,101.5811 L80.2515,102.6458 L78.0962,103.604 L75.8957,104.4535 L73.6556,105.1919 L71.3814,105.8176 L69.0787,106.3288 L66.7534,106.7245 L64.4113,107.0035 L62.0581,107.1651 L59.6998,107.2091 L57.3422,107.1351 L54.9913,106.9436 L52.6529,106.6348 L50.3328,106.2096 L48.0368,105.6691 L45.7707,105.0146 L43.5402,104.2477 L41.3507,103.3704 L39.2077,102.3848 L37.1167,101.2933 L35.0828,100.0989 L33.1111,98.8043 L31.2065,97.4128 L47.802,75.8495 L48.6088,76.439 L49.4441,76.9874 L50.3057,77.4935 L51.1916,77.9558 L52.0994,78.3734 L53.027,78.745 L53.9719,79.0699 L54.9319,79.3472 L55.9046,79.5762 L56.8875,79.7563 L57.8781,79.8871 L58.8741,79.9683 L59.8728,79.9996 L60.8719,79.981 L61.8688,79.9125 L62.861,79.7943 L63.8461,79.6267 L64.8216,79.4101 L65.785,79.1451 L66.7341,78.8322 L67.6663,78.4724 L68.5793,78.0664 L69.471,77.6154 L70.339,77.1203 L71.1812,76.5826 L71.9955,76.0034 L72.7798,75.3843 L73.5323,74.7268 L74.2509,74.0325 L74.934,73.3032 L75.5798,72.5407 L76.1867,71.7469 L76.7533,70.9237 L77.278,70.0733 L77.7595,69.1978 L78.1968,68.2993 L78.5886,67.3801 L78.934,66.4424 L79.2321,65.4887 L79.4823,64.5212 L79.6838,63.5425 L79.8361,62.555 L79.939,61.561 L79.9921,60.5632 L79.9952,59.564 L79.9485,58.5658 L79.852,57.5712 L79.7059,56.5827 L79.5106,55.6027 L79.2666,54.6337 L78.9746,53.6781 L78.6351,52.7383 L78.2492,51.8166 L77.8177,50.9153 L77.3417,50.0367 L76.8224,49.183 L76.2611,48.3563 L75.6593,47.5586 L75.0183,46.792 L74.3399,46.0584 L73.6256,45.3596 L72.8774,44.6973 L72.097,44.0732 L71.2864,43.4889 L70.4476,42.9458 L69.5828,42.4452 L68.694,41.9885 L67.7836,41.5768 L66.8537,41.211 L65.9067,40.8921 L64.9449,40.6209 L63.9708,40.3982 L62.9868,40.2243 L61.9954,40.0998 L60.9989,40.025 L60,40 Z" />
+            <Path className="chartFill49" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,15.9408 L62.1793,15.9947 L64.3532,16.1564 L66.5165,16.4254 L68.6639,16.801 L70.79,17.2824 L72.8898,17.8684 L74.9579,18.5576 L76.9895,19.3481 L78.9794,20.2383 L80.9229,21.2257 L82.8152,22.3081 L84.6516,23.4827 L86.4277,24.7467 L88.1391,26.0971 L89.7816,27.5304 L91.3511,29.0432 L92.844,30.6318 L94.2564,32.2923 L95.585,34.0207 L96.8264,35.8126 L97.9777,37.6637 L99.036,39.5696 L99.9988,41.5254 L100.8636,43.5265 L101.6285,45.5679 L102.2914,47.6446 L102.8507,49.7516 L103.3052,51.8836 L103.6536,54.0355 L103.8952,56.2021 L104.0294,58.3779 L104.0557,60.5577 L103.9742,62.7361 L103.785,64.9079 L103.4887,67.0676 L103.0859,69.21 L102.5776,71.3299 L101.965,73.422 L101.2498,75.4813 L100.4335,77.5027 L99.5183,79.4812 L98.5064,81.4121 L97.4001,83.2905 L96.2023,85.1119 L94.9159,86.8718 L93.544,88.566 L92.09,90.1902 L90.5574,91.7405 L88.9501,93.2131 L87.2718,94.6044 L85.5268,95.911 L83.7193,97.1296 L81.8537,98.2574 L79.9347,99.2915 L77.9668,100.2295 L75.955,101.0689 L73.904,101.8078 L71.8191,102.4444 L69.7052,102.977 L67.5676,103.4045 L63.4352,79.7028 L64.4055,79.5087 L65.3651,79.267 L66.3115,78.978 L67.2425,78.6426 L68.1558,78.2615 L69.049,77.8358 L69.9202,77.3664 L70.767,76.8544 L71.5875,76.3012 L72.3796,75.7081 L73.1414,75.0766 L73.8711,74.4081 L74.5668,73.7044 L75.2268,72.9671 L75.8495,72.198 L76.4335,71.3991 L76.9772,70.5723 L77.4794,69.7197 L77.9387,68.8432 L78.3542,67.9451 L78.7247,67.0275 L79.0494,66.0927 L79.3274,65.143 L79.5582,64.1807 L79.741,63.2082 L79.8755,62.2279 L79.9614,61.242 L79.9984,60.2532 L79.9864,59.2637 L79.9256,58.276 L79.8159,57.2925 L79.6577,56.3157 L79.4514,55.3479 L79.1975,54.3915 L78.8966,53.4488 L78.5494,52.5221 L78.1568,51.6137 L77.7198,50.7259 L77.2394,49.8608 L76.7168,49.0205 L76.1532,48.2071 L75.5502,47.4225 L74.909,46.6688 L74.2314,45.9477 L73.5189,45.2609 L72.7733,44.6103 L71.9964,43.9973 L71.1902,43.4235 L70.3566,42.8903 L69.4976,42.399 L68.6154,41.9508 L67.7121,41.5467 L66.7899,41.1878 L65.8511,40.875 L64.898,40.609 L63.9328,40.3905 L62.9581,40.22 L61.9761,40.0979 L60.9893,40.0245 L60,40 Z" />
+            <Path className="chartFill50" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,5 L62.7415,5.0684 L65.4762,5.2733 L68.1973,5.6143 L70.898,6.0905 L73.5717,6.7007 L76.2115,7.4435 L78.8111,8.3169 L81.3639,9.3188 L83.8636,10.4467 L86.304,11.6978 L88.6789,13.069 L90.9826,14.5569 L93.2092,16.1577 L95.3533,17.8676 L97.4095,19.6821 L99.3727,21.597 L101.238,23.6073 L103.0007,25.7081 L104.6566,27.8941 L106.2014,30.16 L107.6314,32.5 L108.9429,34.9084 L110.1328,37.3792 L111.1981,39.9062 L112.136,42.4832 L112.9443,45.1038 L113.621,47.7613 L114.1644,50.4494 L114.5732,53.1611 L114.8462,55.8898 L114.9829,58.6288 L114.9829,61.3712 L114.8462,64.1102 L114.5732,66.8389 L114.1644,69.5506 L113.621,72.2387 L112.9443,74.8962 L112.136,77.5168 L111.1981,80.0938 L110.1328,82.6208 L108.9429,85.0916 L107.6314,87.5 L106.2014,89.84 L104.6566,92.1059 L103.0007,94.2919 L101.238,96.3927 L99.3727,98.403 L97.4095,100.3179 L95.3533,102.1324 L93.2092,103.8423 L90.9826,105.4431 L88.6789,106.931 L86.304,108.3022 L83.8636,109.5533 L81.3639,110.6812 L78.8111,111.6831 L76.2115,112.5565 L73.5717,113.2993 L70.898,113.9095 L68.1973,114.3857 L65.4762,114.7267 L62.7415,114.9316 L60,115 L57.2585,114.9316 L54.5238,114.7267 L51.8027,114.3857 L49.102,113.9095 L46.4283,113.2993 L43.7885,112.5565 L41.1889,111.6831 L38.6361,110.6812 L36.1364,109.5533 L33.696,108.3022 L31.3211,106.931 L29.0174,105.4431 L26.7908,103.8423 L24.6467,102.1324 L22.5905,100.3179 L20.6273,98.403 L18.762,96.3927 L16.9993,94.2919 L15.3434,92.1059 L13.7986,89.84 L12.3686,87.5 L11.0571,85.0916 L9.8672,82.6208 L8.8019,80.0938 L7.864,77.5168 L7.0557,74.8962 L6.379,72.2387 L5.8356,69.5506 L5.4268,66.8389 L5.1538,64.1102 L5.0171,61.3712 L5.0171,58.6288 L5.1538,55.8898 L5.4268,53.1611 L5.8356,50.4494 L6.379,47.7613 L7.0557,45.1038 L7.864,42.4832 L8.8019,39.9062 L9.8672,37.3792 L11.0571,34.9084 L12.3686,32.5 L13.7986,30.16 L15.3434,27.8941 L16.9993,25.7081 L18.762,23.6073 L20.6273,21.597 L22.5905,19.6821 L24.6467,17.8676 L26.7908,16.1577 L29.0174,14.5569 L31.3211,13.069 L33.696,11.6978 L36.1364,10.4467 L38.6361,9.3188 L41.1889,8.3169 L43.7885,7.4435 L46.4283,6.7007 L49.102,6.0905 L51.8027,5.6143 L54.5238,5.2733 L57.2585,5.0684 L60,5 L60,40 L59.0031,40.0249 L58.0086,40.0994 L57.0192,40.2234 L56.0371,40.3966 L55.0649,40.6185 L54.1049,40.8885 L53.1596,41.2061 L52.2313,41.5705 L51.3223,41.9806 L50.4349,42.4356 L49.5713,42.9342 L48.7336,43.4752 L47.9239,44.0573 L47.1442,44.6791 L46.3965,45.339 L45.6827,46.0353 L45.0044,46.7663 L44.3634,47.5302 L43.7612,48.3251 L43.1995,49.1491 L42.6795,50 L42.2026,50.8758 L41.7699,51.7743 L41.3825,52.6932 L41.0415,53.6303 L40.7475,54.5832 L40.5014,55.5496 L40.3038,56.527 L40.1552,57.5131 L40.0559,58.5054 L40.0062,59.5014 L40.0062,60.4986 L40.0559,61.4946 L40.1552,62.4869 L40.3038,63.473 L40.5014,64.4504 L40.7475,65.4168 L41.0415,66.3697 L41.3825,67.3068 L41.7699,68.2257 L42.2026,69.1242 L42.6795,70 L43.1995,70.8509 L43.7612,71.6749 L44.3634,72.4698 L45.0044,73.2337 L45.6827,73.9647 L46.3965,74.661 L47.1442,75.3209 L47.9239,75.9427 L48.7336,76.5248 L49.5713,77.0658 L50.4349,77.5644 L51.3223,78.0194 L52.2313,78.4295 L53.1596,78.7939 L54.1049,79.1115 L55.0649,79.3815 L56.0371,79.6034 L57.0192,79.7766 L58.0086,79.9006 L59.0031,79.9751 L60,80 L60.9969,79.9751 L61.9914,79.9006 L62.9808,79.7766 L63.9629,79.6034 L64.9351,79.3815 L65.8951,79.1115 L66.8404,78.7939 L67.7687,78.4295 L68.6777,78.0194 L69.5651,77.5644 L70.4287,77.0658 L71.2664,76.5248 L72.0761,75.9427 L72.8558,75.3209 L73.6035,74.661 L74.3173,73.9647 L74.9956,73.2337 L75.6366,72.4698 L76.2388,71.6749 L76.8005,70.8509 L77.3205,70 L77.7974,69.1242 L78.2301,68.2257 L78.6175,67.3068 L78.9585,66.3697 L79.2525,65.4168 L79.4986,64.4504 L79.6962,63.473 L79.8448,62.4869 L79.9441,61.4946 L79.9938,60.4986 L79.9938,59.5014 L79.9441,58.5054 L79.8448,57.5131 L79.6962,56.527 L79.4986,55.5496 L79.2525,54.5832 L78.9585,53.6303 L78.6175,52.6932 L78.2301,51.7743 L77.7974,50.8758 L77.3205,50 L76.8005,49.1491 L76.2388,48.3251 L75.6366,47.5302 L74.9956,46.7663 L74.3173,46.0353 L73.6035,45.339 L72.8558,44.6791 L72.0761,44.0573 L71.2664,43.4752 L70.4287,42.9342 L69.5651,42.4356 L68.6777,41.9806 L67.7687,41.5705 L66.8404,41.2061 L65.8951,40.8885 L64.9351,40.6185 L63.9629,40.3966 L62.9808,40.2234 L61.9914,40.0994 L60.9969,40.0249 L60,40 Z" />
+            <Path className="chartFill51" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,6.979 L62.6465,7.0451 L65.2864,7.2432 L67.9131,7.5729 L70.5201,8.0332 L73.1009,8.6231 L75.649,9.341 L78.1581,10.1853 L80.622,11.1537 L83.0344,12.2439 L85.3894,13.4532 L87.6811,14.7785 L89.9038,16.2166 L92.0519,17.7638 L94.1202,19.4163 L96.1033,21.17 L97.9965,23.0204 L99.795,24.9631 L101.4942,26.9931 L103.09,29.1054 L104.5784,31.2947 L105.9556,33.5556 L107.2183,35.8824 L108.3632,38.2693 L109.3876,40.7104 L110.2889,43.1996 L111.0648,45.7307 L111.7134,48.2973 L112.233,50.8932 L112.6225,53.5117 L112.8807,56.1464 L113.0072,58.7907 L113.0015,61.438 L112.8636,64.0818 L112.594,66.7153 L112.1932,69.3322 L111.6624,71.9257 L111.0027,74.4895 L110.2159,77.0172 L109.3039,79.5025 L108.269,81.9392 L107.1138,84.3211 L105.8411,86.6425 L104.4541,88.8974 L102.9563,91.0803 L101.3514,93.1857 L99.6434,95.2083 L97.8366,97.1432 L95.9354,98.9855 L93.9447,100.7306 L91.8694,102.3741 L89.7146,103.9121 L87.4857,105.3405 L85.1883,106.6559 L82.8281,107.855 L80.411,108.9348 L77.943,109.8926 L75.4303,110.726 L72.8791,111.433 L70.2958,112.0117 L67.6868,112.4608 L65.0587,112.7791 L62.418,112.9658 L59.7712,113.0205 L57.125,112.943 L54.486,112.7335 L51.8607,112.3925 L49.2557,111.9209 L46.6775,111.3199 L44.1325,110.591 L41.6271,109.7359 L39.1674,108.7568 L36.7597,107.6562 L34.41,106.4368 L32.124,105.1016 L29.9076,103.654 L27.7661,102.0975 L25.705,100.4361 L23.7294,98.6739 L21.8443,96.8153 L20.0542,94.8649 L18.3638,92.8275 L16.7771,90.7084 L15.2982,88.5126 L13.9307,86.2458 L12.6781,83.9136 L11.5435,81.5218 L10.5296,79.0763 L9.6391,76.5832 L8.8741,74.0488 L8.2366,71.4794 L7.7282,68.8813 L7.35,66.2612 L7.1031,63.6254 L6.9881,60.9805 L7.0052,58.3333 L7.1545,55.6901 L7.4355,53.0578 L7.8475,50.4427 L8.3896,47.8515 L9.0603,45.2905 L9.858,42.7662 L10.7807,40.2849 L11.8261,37.8527 L12.9916,35.4758 L14.2743,33.16 L15.671,30.911 L17.1783,28.7347 L18.7922,26.6362 L20.5089,24.6209 L22.3241,22.6939 L24.2331,20.8598 L26.2314,19.1233 L47.2622,44.5809 L46.5084,45.236 L45.7883,45.9278 L45.1036,46.6547 L44.456,47.4149 L43.8472,48.2064 L43.2787,49.0274 L42.7519,49.8757 L42.268,50.7492 L41.8284,51.6458 L41.434,52.5633 L41.086,53.4993 L40.7851,54.4514 L40.5321,55.4175 L40.3276,56.3949 L40.1722,57.3813 L40.0662,58.3743 L40.0099,59.3713 L40.0034,60.3699 L40.0468,61.3675 L40.1399,62.3618 L40.2826,63.3501 L40.4744,64.3301 L40.7149,65.2993 L41.0034,66.2553 L41.3393,67.1957 L41.7217,68.1182 L42.1497,69.0204 L42.6222,69.9002 L43.1381,70.7552 L43.6959,71.5835 L44.2944,72.3828 L44.9321,73.1513 L45.6073,73.8871 L46.3184,74.5881 L47.0636,75.2529 L47.8411,75.8796 L48.6489,76.4667 L49.4849,77.0127 L50.3472,77.5164 L51.2336,77.9764 L52.1418,78.3915 L53.0696,78.7608 L54.0146,79.0834 L54.9746,79.3583 L55.9472,79.5851 L56.9298,79.7629 L57.9201,79.8916 L58.9155,79.9706 L59.9137,79.9998 L60.9121,79.9792 L61.9082,79.9088 L62.8995,79.7887 L63.8837,79.6193 L64.8581,79.401 L65.8204,79.1343 L66.7683,78.82 L67.6992,78.4587 L68.611,78.0514 L69.5013,77.599 L70.3679,77.1029 L71.2086,76.564 L72.0214,75.9839 L72.8043,75.364 L73.5552,74.7057 L74.2723,74.0108 L74.9539,73.2809 L75.5981,72.5179 L76.2035,71.7238 L76.7685,70.9004 L77.2917,70.0498 L77.7717,69.1742 L78.2075,68.2757 L78.5979,67.3565 L78.9419,66.4191 L79.2387,65.4656 L79.4875,64.4985 L79.6878,63.5202 L79.8389,62.5331 L79.9406,61.5397 L79.9926,60.5424 L79.9948,59.5438 L79.9471,58.5464 L79.8497,57.5526 L79.7028,56.5648 L79.5068,55.5857 L79.2621,54.6175 L78.9694,53.6627 L78.6295,52.7238 L78.2431,51.803 L77.8112,50.9026 L77.3349,50.0249 L76.8154,49.1721 L76.2539,48.3463 L75.652,47.5495 L75.011,46.7838 L74.3326,46.051 L73.6185,45.3529 L72.8704,44.6914 L72.0903,44.0681 L71.28,43.4845 L70.4416,42.942 L69.5771,42.4421 L68.6888,41.986 L67.7788,41.5747 L66.8494,41.2094 L65.903,40.891 L64.9418,40.6201 L63.9683,40.3976 L62.9849,40.224 L61.9941,40.0997 L60.9983,40.0249 L60,40 Z" />
+            <Path className="chartFill52" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,13.2893 L62.309,13.3464 L64.6123,13.5176 L66.9044,13.8024 L69.1796,14.2002 L71.4323,14.7099 L73.6571,15.3304 L75.8485,16.0601 L78.0012,16.8972 L80.1098,17.8398 L82.1693,18.8854 L84.1745,20.0315 L86.1207,21.2753 L88.003,22.6139 L89.8168,24.0438 L91.5577,25.5617 L93.2215,27.1637 L94.804,28.8461 L96.3015,30.6046 L97.7102,32.4349 L99.0267,34.3327 L100.2477,36.2933 L101.3704,38.3118 L102.3919,40.3833 L103.3098,42.5028 L104.1217,44.665 L104.8258,46.8648 L105.4203,49.0967 L105.9038,51.3552 L106.275,53.6349 L106.5331,55.9301 L106.6774,58.2353 L106.7075,60.5448 L106.6235,62.8529 L106.4255,65.1541 L106.1139,67.4427 L105.6897,69.7131 L105.1537,71.9598 L104.5073,74.1772 L103.7521,76.3599 L102.8899,78.5026 L101.9228,80.6001 L100.8533,82.6473 L99.6838,84.639 L98.4174,86.5706 L97.057,88.4371 L95.606,90.2341 L94.0679,91.9572 L92.4466,93.6022 L90.7459,95.165 L88.9701,96.6419 L87.1234,98.0291 L85.2104,99.3234 L83.2357,100.5215 L81.2043,101.6205 L79.121,102.6178 L76.9909,103.5109 L74.8193,104.2976 L72.6115,104.976 L70.3729,105.5444 L68.1088,106.0015 L65.825,106.3461 L63.5269,106.5774 L61.2202,106.6948 L58.9105,106.698 L56.6035,106.587 L54.3048,106.3622 L52.02,106.024 L49.7547,105.5733 L47.5144,105.0111 L45.3047,104.3389 L43.1309,103.5583 L40.9984,102.6712 L38.9123,101.6797 L36.8778,100.5864 L50.0998,77.3778 L50.9709,77.8459 L51.8641,78.2704 L52.7772,78.6502 L53.708,78.9845 L54.6541,79.2723 L55.6133,79.513 L56.5832,79.706 L57.5615,79.8508 L58.5457,79.9471 L59.5335,79.9946 L60.5225,79.9932 L61.5101,79.9429 L62.4941,79.8439 L63.4719,79.6963 L64.4413,79.5006 L65.3998,79.2573 L66.3452,78.9668 L67.275,78.6299 L68.187,78.2476 L69.079,77.8206 L69.9488,77.35 L70.7943,76.837 L71.6133,76.2828 L72.404,75.6888 L73.1644,75.0565 L73.8926,74.3874 L74.5868,73.6831 L75.2453,72.9453 L75.8666,72.1758 L76.4491,71.3766 L76.9913,70.5496 L77.492,69.6968 L77.95,68.8203 L78.364,67.9222 L78.7332,67.0048 L79.0566,66.0702 L79.3333,65.1208 L79.5628,64.1588 L79.7445,63.1867 L79.8779,62.2068 L79.9627,61.2215 L79.9986,60.2333 L79.9857,59.2444 L79.9239,58.2574 L79.8134,57.2747 L79.6545,56.2986 L79.4475,55.3315 L79.193,54.3759 L78.8915,53.4341 L78.5438,52.5083 L78.1508,51.6008 L77.7135,50.7138 L77.2328,49.8495 L76.7099,49.0101 L76.1463,48.1975 L75.5431,47.4138 L74.902,46.6609 L74.2244,45.9406 L73.512,45.2546 L72.7666,44.6047 L71.99,43.9925 L71.184,43.4194 L70.3507,42.8868 L69.4922,42.3961 L68.6104,41.9484 L67.7075,41.5448 L66.7858,41.1864 L65.8475,40.8739 L64.895,40.6083 L63.9304,40.39 L62.9562,40.2197 L61.9749,40.0977 L60.9886,40.0244 L60,40 Z" />
+            <Path className="chartFill53" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,24.0072 L61.7481,24.0497 L63.4921,24.177 L65.2279,24.3889 L66.9513,24.6848 L68.6583,25.0641 L70.3449,25.5259 L72.007,26.069 L73.6409,26.6922 L75.2425,27.3941 L76.8081,28.1728 L78.3341,29.0268 L79.8168,29.9538 L81.2527,30.9517 L82.6385,32.0182 L83.9708,33.1508 L85.2465,34.3467 L86.4627,35.6032 L87.6164,36.9172 L88.7049,38.2857 L89.7257,39.7055 L90.6763,41.1732 L91.5545,42.6854 L92.3582,44.2383 L93.0855,45.8285 L93.7347,47.4522 L94.3044,49.1055 L94.793,50.7844 L79.3333,54.8792 L79.0618,53.9463 L78.7453,53.0276 L78.3845,52.1254 L77.9804,51.2418 L77.5338,50.3788 L77.0458,49.5386 L76.5176,48.723 L75.9504,47.9341 L75.3455,47.1737 L74.7044,46.4435 L74.0287,45.7453 L73.3198,45.0808 L72.5795,44.4514 L71.8094,43.8588 L71.0115,43.3043 L70.1877,42.7892 L69.3397,42.3147 L68.4697,41.882 L67.5798,41.492 L66.6719,41.1457 L65.7483,40.8439 L64.8111,40.5873 L63.8626,40.3765 L62.905,40.2121 L61.9405,40.0944 L60.9714,40.0236 L60,40 Z" />
+            <Path className="chartFill54" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,5.7779 L62.6907,5.8447 L65.3748,6.0449 L68.0457,6.3781 L70.6967,6.8434 L73.3214,7.4398 L75.9133,8.1656 L78.4659,9.0191 L80.973,9.9983 L83.4285,11.1007 L85.8262,12.3235 L88.1603,13.6639 L90.425,15.1184 L92.6147,16.6835 L94.7241,18.3554 L96.7479,20.1298 L98.6812,22.0025 L100.5191,23.9689 L102.2572,26.024 L103.8912,28.1628 L105.417,30.3801 L106.8309,32.6704 L108.1294,35.028 L109.3093,37.4472 L110.3677,39.9219 L111.302,42.4461 L112.1099,45.0135 L112.7894,47.6179 L113.3388,50.2528 L113.7568,52.9117 L114.0423,55.5881 L114.1947,58.2753 L114.2135,60.9668 L114.0987,63.656 L113.8507,66.3361 L113.4699,69.0006 L112.9574,71.6429 L112.3144,74.2565 L111.5424,76.835 L110.6435,79.372 L109.6198,81.8613 L108.4738,84.2967 L107.2084,86.6722 L105.8266,88.9821 L104.332,91.2205 L102.728,93.3819 L101.0188,95.4612 L99.2086,97.453 L97.3017,99.3525 L95.3029,101.1551 L93.2171,102.8563 L91.0495,104.4519 L88.8053,105.9379 L86.4902,107.3108 L84.1098,108.567 L81.67,109.7036 L79.1768,110.7177 L76.6363,111.6069 L74.0549,112.3689 L71.4388,113.0018 L68.7945,113.5042 L66.1286,113.8747 L63.4476,114.1124 L60.758,114.2168 L58.0666,114.1876 L55.38,114.0249 L52.7047,113.7291 L50.0474,113.3009 L47.4147,112.7413 L44.8129,112.0518 L42.2486,111.234 L39.728,110.29 L37.2574,109.2221 L34.8428,108.0329 L32.4902,106.7253 L30.2054,105.3026 L27.994,103.7682 L25.8615,102.126 L23.8131,100.38 L21.8538,98.5345 L19.9886,96.5941 L18.2219,94.5634 L16.5582,92.4476 L15.0015,90.2519 L13.5558,87.9816 L12.2244,85.6424 L11.0108,83.24 L9.9179,80.7803 L8.9484,78.2694 L8.1047,75.7135 L7.3888,73.1189 L6.8026,70.4919 L6.3475,67.8391 L6.0246,65.167 L5.8347,62.4821 L5.7783,59.7912 L5.8554,57.1007 L6.066,54.4174 L6.4095,51.7478 L6.885,49.0986 L7.4915,46.4763 L8.2273,43.8872 L9.0906,41.3379 L10.0794,38.8345 L11.1913,36.3833 L12.4234,33.9903 L13.7727,31.6614 L15.2359,29.4024 L16.8095,27.2187 L18.4894,25.1158 L20.2717,23.0988 L22.1518,21.1728 L24.1252,19.3424 L26.187,17.6123 L28.3321,15.9865 L30.5553,14.4693 L32.851,13.0642 L35.2136,11.7748 L37.6373,10.6042 L40.1161,9.5553 L42.6438,8.6307 L45.2144,7.8327 L54.5463,40.7579 L53.5981,41.0523 L52.6657,41.3933 L51.7514,41.7802 L50.8575,42.212 L49.986,42.6876 L49.1392,43.2058 L48.3192,43.7655 L47.528,44.3651 L46.7675,45.0033 L46.0396,45.6785 L45.3461,46.3889 L44.6887,47.1328 L44.069,47.9085 L43.4886,48.714 L42.9489,49.5472 L42.4512,50.4063 L41.9967,51.2889 L41.5866,52.1931 L41.2219,53.1164 L40.9035,54.0567 L40.6321,55.0117 L40.4084,55.979 L40.233,56.9562 L40.1063,57.9408 L40.0286,58.9306 L40.0001,59.923 L40.021,60.9155 L40.091,61.9059 L40.2101,62.8915 L40.378,63.87 L40.5942,64.8389 L40.8582,65.796 L41.1694,66.7387 L41.5271,67.6649 L41.9302,68.5721 L42.3778,69.4583 L42.8689,70.3211 L43.4022,71.1585 L43.9764,71.9684 L44.59,72.7488 L45.2417,73.4978 L45.9297,74.2136 L46.6523,74.8943 L47.4079,75.5383 L48.1945,76.144 L49.0102,76.71 L49.8529,77.2348 L50.7207,77.7171 L51.6113,78.1557 L52.5226,78.5496 L53.4523,78.8978 L54.3982,79.1995 L55.3579,79.4538 L56.329,79.6602 L57.3091,79.8182 L58.2959,79.9273 L59.2869,79.9873 L60.2796,79.998 L61.2716,79.9595 L62.2606,79.8718 L63.2439,79.7352 L64.2192,79.5499 L65.1842,79.3164 L66.1364,79.0354 L67.0734,78.7074 L67.993,78.3333 L68.893,77.9141 L69.771,77.4507 L70.6249,76.9443 L71.4527,76.3962 L72.2522,75.8077 L73.0216,75.1802 L73.7588,74.5153 L74.4622,73.8147 L75.1299,73.08 L75.7604,72.313 L76.352,71.5158 L76.9033,70.6901 L77.413,69.8381 L77.8797,68.9619 L78.3024,68.0636 L78.68,67.1454 L79.0116,66.2096 L79.2963,65.2586 L79.5335,64.2945 L79.7225,63.3199 L79.863,62.3371 L79.9545,61.3485 L79.9968,60.3566 L79.9899,59.3639 L79.9337,58.3727 L79.8284,57.3855 L79.6742,56.4047 L79.4715,55.4328 L79.2209,54.4722 L78.9229,53.5252 L78.5783,52.5941 L78.1879,51.6813 L77.7527,50.789 L77.2737,49.9194 L76.7522,49.0746 L76.1894,48.2568 L75.5867,47.4678 L74.9456,46.7098 L74.2677,45.9845 L73.5546,45.2938 L72.8081,44.6392 L72.03,44.0226 L71.2224,43.4453 L70.387,42.9088 L69.5261,42.4144 L68.6417,41.9633 L67.736,41.5567 L66.8112,41.1955 L65.8697,40.8807 L64.9136,40.613 L63.9455,40.393 L62.9677,40.2214 L61.9825,40.0985 L60.9925,40.0246 L60,40 Z" />
+            <Path className="chartFill55" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M60,13.5425 L62.3157,13.6002 L64.6257,13.7733 L66.9241,14.0614 L69.2054,14.4636 L71.4637,14.9791 L73.6936,15.6065 L75.8894,16.3442 L78.0457,17.1905 L80.1572,18.1432 L82.2185,19.2 L84.2246,20.3582 L86.1704,21.615 L88.0513,22.9672 L89.8623,24.4115 L91.5991,25.9442 L93.2574,27.5617 L94.833,29.2597 L96.3219,31.0342 L97.7206,32.8807 L99.0255,34.7946 L100.2334,36.7712 L101.3412,38.8056 L102.3463,40.8926 L103.2461,43.0272 L104.0383,45.2039 L104.7211,47.4174 L105.2927,49.6622 L105.7517,51.9327 L106.097,54.2233 L106.3276,56.5282 L106.4431,58.8418 L106.4431,61.1582 L106.3276,63.4718 L106.097,65.7767 L105.7517,68.0673 L105.2927,70.3378 L104.7211,72.5826 L104.0383,74.7961 L103.2461,76.9728 L102.3463,79.1074 L101.3412,81.1944 L100.2334,83.2288 L99.0255,85.2054 L97.7206,87.1193 L96.3219,88.9658 L94.833,90.7403 L93.2574,92.4383 L91.5991,94.0558 L89.8623,95.5885 L88.0513,97.0328 L86.1704,98.385 L84.2246,99.6418 L82.2185,100.8 L80.1572,101.8568 L78.0457,102.8095 L75.8894,103.6558 L73.6936,104.3935 L71.4637,105.0209 L69.2054,105.5364 L66.9241,105.9386 L64.6257,106.2267 L62.3157,106.3998 L60,106.4575 L57.6843,106.3998 L55.3743,106.2267 L53.0759,105.9386 L50.7946,105.5364 L48.5363,105.0209 L46.3064,104.3935 L44.1106,103.6558 L41.9543,102.8095 L39.8428,101.8568 L51.3223,78.0194 L52.2313,78.4295 L53.1596,78.7939 L54.1049,79.1115 L55.0649,79.3815 L56.0371,79.6034 L57.0192,79.7766 L58.0086,79.9006 L59.0031,79.9751 L60,80 L60.9969,79.9751 L61.9914,79.9006 L62.9808,79.7766 L63.9629,79.6034 L64.9351,79.3815 L65.8951,79.1115 L66.8404,78.7939 L67.7687,78.4295 L68.6777,78.0194 L69.5651,77.5644 L70.4287,77.0658 L71.2664,76.5248 L72.0761,75.9427 L72.8558,75.3209 L73.6035,74.661 L74.3173,73.9647 L74.9956,73.2337 L75.6366,72.4698 L76.2388,71.6749 L76.8005,70.8509 L77.3205,70 L77.7974,69.1242 L78.2301,68.2257 L78.6175,67.3068 L78.9585,66.3697 L79.2525,65.4168 L79.4986,64.4504 L79.6962,63.473 L79.8448,62.4869 L79.9441,61.4946 L79.9938,60.4986 L79.9938,59.5014 L79.9441,58.5054 L79.8448,57.5131 L79.6962,56.527 L79.4986,55.5496 L79.2525,54.5832 L78.9585,53.6303 L78.6175,52.6932 L78.2301,51.7743 L77.7974,50.8758 L77.3205,50 L76.8005,49.1491 L76.2388,48.3251 L75.6366,47.5302 L74.9956,46.7663 L74.3173,46.0353 L73.6035,45.339 L72.8558,44.6791 L72.0761,44.0573 L71.2664,43.4752 L70.4287,42.9342 L69.5651,42.4356 L68.6777,41.9806 L67.7687,41.5705 L66.8404,41.2061 L65.8951,40.8885 L64.9351,40.6185 L63.9629,40.3966 L62.9808,40.2234 L61.9914,40.0994 L60.9969,40.0249 L60,40 Z" />
+            <Path className="chartFill1" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,27 C144,29.7614 141.7614,32 139,32 C136.2386,32 134,29.7614 134,27 C134,24.2386 136.2386,22 139,22 C141.7614,22 144,24.2386 144,27 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="22px" width="14.125px" textAlign="left" fontSize="10px">A</Label>
+            <Path className="chartFill48" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,40 C144,42.7614 141.7614,45 139,45 C136.2386,45 134,42.7614 134,40 C134,37.2386 136.2386,35 139,35 C141.7614,35 144,37.2386 144,40 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="35px" width="14.125px" textAlign="left" fontSize="10px">B</Label>
+            <Path className="chartFill49" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,53 C144,55.7614 141.7614,58 139,58 C136.2386,58 134,55.7614 134,53 C134,50.2386 136.2386,48 139,48 C141.7614,48 144,50.2386 144,53 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="48px" width="14.125px" textAlign="left" fontSize="10px">C</Label>
+            <Path className="chartFill50" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,66 C144,68.7614 141.7614,71 139,71 C136.2386,71 134,68.7614 134,66 C134,63.2386 136.2386,61 139,61 C141.7614,61 144,63.2386 144,66 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="61px" width="14.125px" textAlign="left" fontSize="10px">D</Label>
+            <Path className="chartFill51" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,79 C144,81.7614 141.7614,84 139,84 C136.2386,84 134,81.7614 134,79 C134,76.2386 136.2386,74 139,74 C141.7614,74 144,76.2386 144,79 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="74px" width="14.125px" textAlign="left" fontSize="10px">E</Label>
+            <Path className="chartFill52" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,92 C144,94.7614 141.7614,97 139,97 C136.2386,97 134,94.7614 134,92 C134,89.2386 136.2386,87 139,87 C141.7614,87 144,89.2386 144,92 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="87px" width="14.125px" textAlign="left" fontSize="10px">F</Label>
+            <Path className="chartFill53" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,105 C144,107.7614 141.7614,110 139,110 C136.2386,110 134,107.7614 134,105 C134,102.2386 136.2386,100 139,100 C141.7614,100 144,102.2386 144,105 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="100px" width="14.125px" textAlign="left" fontSize="10px">G</Label>
+            <Path className="chartFill54" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,118 C144,120.7614 141.7614,123 139,123 C136.2386,123 134,120.7614 134,118 C134,115.2386 136.2386,113 139,113 C141.7614,113 144,115.2386 144,118 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="113px" width="14.125px" textAlign="left" fontSize="10px">H</Label>
+            <Path className="chartFill55" position="absolute" left="0px" top="0px" width="163.125px" height="141px" viewBox="0 0 163.125 141" stroke="none" d="M144,131 C144,133.7614 141.7614,136 139,136 C136.2386,136 134,133.7614 134,131 C134,128.2386 136.2386,126 139,126 C141.7614,126 144,128.2386 144,131 Z" />
+            <Label className="chartLabel" position="absolute" left="149px" top="126px" width="14.125px" textAlign="left" fontSize="10px">I</Label>
+            <Label className="chartTitle" position="absolute" left="133px" top="5px" width="13.15px" textAlign="left" fontSize="11px" fontWeight="bold">a</Label>
+          </View>
+        </View>
+          <Label className="caption">Sädekaavio · 52 komentoa</Label>
+        </View>
+      </View>
+    </View>
+  );
+}
+
+export default render;

package/dist/lib/evg/showcase/pages/typography.tsx

@@ -0,0 +1,43 @@
+import { View, Label } from "./evg_types";
+
+/**
+ * Fonts: real TTF metrics, kerning, baseline alignment and UTF-8.
+ *
+ * Every specimen below is measured from the same font file the page is
+ * painted with, so the boxes and the ink agree. The pairs at the bottom are
+ * ones that kern hard — the engine reads GPOS pair adjustments and applies
+ * them in measurement and in paint alike.
+ */
+function render() {
+  return (
+    <View className="page">
+      <Label className="title">Kirjasinnäytteet</Label>
+      <View className="rule" />
+
+      <View className="specimen">
+        <Label className="specLabel">Cinzel</Label>
+        <Label className="specText faceDisplay">Helsinki, 2024</Label>
+      </View>
+      <View className="specimen">
+        <Label className="specLabel">Josefin Sans</Label>
+        <Label className="specText faceAlt">Hyvää yötä — Kaivopuisto</Label>
+      </View>
+      <View className="specimen">
+        <Label className="specLabel">Noto Sans</Label>
+        <Label className="specText faceBody">Löytöretki rantaviivalle</Label>
+      </View>
+
+      <Label className="subhead">Merkistö</Label>
+      <Label className="body">
+        Ääkköset ja typografia: “lainausmerkit”, ellipsi…, ajatusviiva —,
+        yhdysviiva -, luetelmamerkki •, euro €, promille ‰.
+      </Label>
+
+      <Label className="subhead">Perusviiva</Label>
+      <View className="baseline">
+        <Label className="big">30</Label>
+        <Label className="small">pistettä ja pieni teksti samalla viivalla</Label>
+      </View>
+    </View>
+  );
+}

package/dist/lib/evg/showcase/pages/units.tsx

@@ -0,0 +1,35 @@
+import { View, Label } from "./evg_types";
+
+/**
+ * Length units. Each bar below is declared in a different unit but they are
+ * all the same length on the page, which is the point: an inch is 96px, a
+ * point is 96/72px, and a millimetre is 96/25.4px, exactly as CSS defines
+ * them. `em` and `rem` differ deliberately — the middle block sets its own
+ * font-size, so `em` follows it while `rem` stays with the root.
+ */
+function render() {
+  return (
+    <View className="page">
+      <Label className="title">Mittayksiköt</Label>
+      <View className="rule" />
+
+      <Label className="subhead">Sama pituus, viisi yksikköä</Label>
+      <View className="bar u-px"><Label className="barLabel">192px</Label></View>
+      <View className="bar u-pt"><Label className="barLabel">144pt</Label></View>
+      <View className="bar u-in"><Label className="barLabel">2in</Label></View>
+      <View className="bar u-mm"><Label className="barLabel">50.8mm</Label></View>
+      <View className="bar u-cm"><Label className="barLabel">5.08cm</Label></View>
+
+      <Label className="subhead">em seuraa paikallista kokoa, rem juurta</Label>
+      <View className="scope">
+        <View className="bar u-em"><Label className="barLabel">8em</Label></View>
+        <View className="bar u-rem"><Label className="barLabel">8rem</Label></View>
+      </View>
+
+      <Label className="subhead">Prosentti emosta</Label>
+      <View className="half">
+        <View className="bar u-pct"><Label className="barLabel">100%</Label></View>
+      </View>
+    </View>
+  );
+}