@milaboratories/uikit 1.2.3

package/src/assets/graph-images/LineChart.svg

@@ -0,0 +1,43 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="9" width="1" height="1" fill="#110529"/>
+<rect x="5" y="12" width="1" height="1" fill="#110529"/>
+<rect x="5" y="15" width="1" height="1" fill="#110529"/>
+<rect x="5" y="18" width="1" height="1" fill="#110529"/>
+<rect x="5" y="21" width="1" height="1" fill="#110529"/>
+<rect x="5" y="24" width="1" height="1" fill="#110529"/>
+<rect x="5" y="27" width="1" height="1" fill="#110529"/>
+<rect x="5" y="30" width="1" height="1" fill="#110529"/>
+<rect x="5" y="33" width="1" height="1" fill="#110529"/>
+<rect x="5" y="36" width="1" height="1" fill="#110529"/>
+<rect x="5" y="39" width="1" height="1" fill="#110529"/>
+<rect x="5" y="42" width="1" height="1" fill="#110529"/>
+<rect x="5" y="45" width="1" height="1" fill="#110529"/>
+<rect x="5" y="48" width="1" height="1" fill="#110529"/>
+<rect x="5" y="51" width="1" height="1" fill="#110529"/>
+<rect x="5" y="54" width="1" height="1" fill="#110529"/>
+<rect x="5" y="57" width="54" height="1" fill="#110529"/>
+<path d="M57 41L45.509 49.6183C45.2498 49.8127 44.877 49.713 44.7494 49.4152L33.1812 22.4229C33.0788 22.1838 32.8102 22.0633 32.5635 22.1455L21.077 25.9743C21.026 25.9913 20.9726 26 20.9189 26H9" stroke="#110529" stroke-dasharray="2 1"/>
+<path d="M57 22L45.3686 29.7542C45.1582 29.8945 44.8762 29.8556 44.7117 29.6636L33.2541 16.2964C33.1047 16.1222 32.856 16.072 32.6508 16.1746L21.1056 21.9472C21.0361 21.9819 20.9596 22 20.882 22H9" stroke="#110529"/>
+<path d="M9 50L20.7882 32.3178C20.9132 32.1302 21.1484 32.0495 21.3623 32.1208L32.5886 35.8629C32.8247 35.9416 33.0827 35.8347 33.1939 35.6121L44.8618 12.2764C44.9465 12.107 45.1196 12 45.309 12H57" stroke="#845CFF"/>
+<path d="M9 54L20.7815 42.2185C20.9154 42.0846 21.1135 42.0378 21.2932 42.0977L32.7358 45.9119C32.9 45.9667 33.0809 45.9325 33.214 45.8217L44.8609 36.1159C44.9508 36.041 45.0641 36 45.181 36H57" stroke="#845CFF" stroke-dasharray="2 1"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 46.5 10.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 34.5 34.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22.5 30.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 10.5 48.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 10.5 52.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 58.5 34.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 58.5 10.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22.5 40.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 34.5 44.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 46.5 34.5)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22.5 20.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 11.5 20.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 34.5 14.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 46.5 28.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 58.5 20.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 58.5 39.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 46.5 48.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 34.5 20.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22.5 24.5)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 11.5 24.5)" fill="#110529"/>
+</svg>

package/src/assets/graph-images/LineChartBinnedDots.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+  <path d="M16 42.4993C31.754 42.4996 32.2463 21.4995 48 21.4995" stroke="#110529"/>
+  <path d="M11 32.9995H16M21 32.9995H16M16 32.9995V51.9995M16 51.9995H21M16 51.9995H11" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 18 40.4993)" fill="white" stroke="#110529"/>
+  <path d="M43 11.9994H48M53 11.9994H48M48 11.9994V30.9994M48 30.9994H53M48 30.9994H43" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 50 19.4993)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 19.9999 18.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 15.9999 18.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 17.9999 49.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 17.9999 10.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 15.9999 30.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 19.9999 30.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 21.9999 26.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 17.9999 26.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 13.9999 26.9996)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 49.9999 9.99951)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 47.9999 23.4995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 51.9999 23.4995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 47.9999 40.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 51.9999 40.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 49.9999 52.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 49.9999 44.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 51.9999 33.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 55.9999 33.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 47.9999 33.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 43.9999 33.9995)" fill="#DEDBFF" stroke="#110529"/>
+</svg>

package/src/assets/graph-images/LineChartErrorBars.svg

@@ -0,0 +1,39 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="15.5" y="9.00024" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="12.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="15.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="18.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="21.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="24.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="27.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="30.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="33.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="36.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="39.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="42.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="45.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="48.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="51.0002" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="54.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="9.00024" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="12.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="15.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="18.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="21.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="24.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="27.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="30.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="33.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="36.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="39.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="42.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="45.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="48.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="51.0002" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="54.0002" width="1" height="1" fill="#110529"/>
+<path d="M16 42.5C31.754 42.5003 32.2463 21.5002 48 21.5002" stroke="#110529"/>
+<path d="M11 33.0002H16M21 33.0002H16M16 33.0002V52.0002M16 52.0002H21M16 52.0002H11" stroke="#110529"/>
+<circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 18 40.5)" fill="white" stroke="#110529"/>
+<path d="M43.0001 12.0001H48.0001M53.0001 12.0001H48.0001M48.0001 12.0001V31.0001M48.0001 31.0001H53.0001M48.0001 31.0001H43.0001" stroke="#110529"/>
+<circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 50.0001 19.5)" fill="white" stroke="#110529"/>
+</svg>

package/src/assets/graph-images/LineChartJitteredDots.svg

@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+  <path d="M16 42.4998C31.754 42.5001 32.2463 21.5 48 21.5" stroke="#110529"/>
+  <path d="M11 33H16M21 33H16M16 33V52M16 52H21M16 52H11" stroke="#110529"/>
+  <path d="M43 11.9999H48M53 11.9999H48M48 11.9999V30.9999M48 30.9999H53M48 30.9999H43" stroke="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 45.5001 8.99988)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 43.0001 19.9999)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 46.5001 22.9999)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 48.5001 39.9999)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 45.5001 48)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 49.5001 17)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 45.5001 37)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 44.5001 39)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 44.5001 46)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 43.5001 37)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 52.0001 36)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 49.5001 28.9999)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 49.5001 45.9999)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 46.5001 32.5)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 48.0001 42)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 40.5001 42)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 46.5001 52.9999)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 20.0001 25)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 18.0001 25)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 19.0001 23)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 13.0001 23)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 14.5001 32)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 14.5001 44)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 11.5001 30)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 14.5001 18)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 14.5001 57)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 11.0001 48)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 11.5001 50)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 18.0001 47)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 18.0001 38)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 7.00012 34.5)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(1 0 0 -1 11.0001 40)" fill="#110529"/>
+</svg>

package/src/assets/graph-images/PairedPoints.svg

@@ -0,0 +1,52 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 45.5L48 24.5" stroke="#845CFF"/>
+<path d="M16 51.5L48 27.5" stroke="#110529"/>
+<path d="M16 33.5L48 48.5" stroke="#845CFF"/>
+<path d="M16 18.5L48 39.5" stroke="#110529"/>
+<path d="M16 21.5L48 45.5" stroke="#110529"/>
+<path d="M16 27.5L48 12.5" stroke="#845CFF"/>
+<rect x="15.5" y="9" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="12" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="15" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="18" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="21" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="24" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="27" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="30" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="33" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="36" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="39" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="42" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="45" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="48" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="51" width="1" height="1" fill="#110529"/>
+<rect x="15.5" y="54" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="9" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="12" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="15" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="18" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="21" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="24" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="27" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="30" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="33" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="36" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="39" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="42" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="45" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="48" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="51" width="1" height="1" fill="#110529"/>
+<rect x="47.5" y="54" width="1" height="1" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 17.5 32.0002)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 17.5 17.0002)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 17.5 20.0002)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 17.5 26.0002)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49.5 23)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49.5 26)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49.5 11.0001)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49.5 44.0001)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49.5 47.0001)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49.5 38.0001)" fill="#110529"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 17.5 44.0002)" fill="#845CFF"/>
+<circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 17.5 50.0002)" fill="#110529"/>
+</svg>

package/src/assets/graph-images/SinaPlot.svg

@@ -0,0 +1,74 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24.5 4)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 21 36)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 19 47)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 15 43)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 21 29)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 25 23)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 26 45)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 25 41)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24 37)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 23 32)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 18 42)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 26 34)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 32 45)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 30 33)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 34 43)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 26 49)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 20 14)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 26 12)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 30.5 17)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 29 47)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 20 44)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 28 42)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 23 49)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 18 38)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 26 17)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 18 17)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22 18)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24 15)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 21 20)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22 26)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 28.5 36.5)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 16.5 35)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 33 36)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 19 32)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 28 29)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 31 40)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 35 39)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 27 38)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 22 41)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 14 39)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 27 26)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24.5 58)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24.5 52)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 47.5 45)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 47.5 15)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 47.5 19)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 47.5 21)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 48.5 27)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 47.5 31)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 44.5 30)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 44.5 27)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 46.5 24)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 41.5 26)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 44 23)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 52 26.5)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 50.5 29.5)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 49 32.5)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 45 37.5)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 50 38.5)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 48.5 36)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 50.5 23)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 53.5 25)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 46.5 34)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 47.5 41)" fill="#845CFF"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 23.5 45)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24.5 29)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 24.5 9)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 25 20)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 28 20)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 29 14)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 23 12)" fill="#110529"/>
+  <circle cx="1.5" cy="1.5" r="1.5" transform="matrix(-1 0 0 1 23 23)" fill="#110529"/>
+</svg>

package/src/assets/graph-images/SkatterPlot.svg

@@ -0,0 +1,38 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="9" width="1" height="1" fill="#110529"/>
+<rect x="5" y="12" width="1" height="1" fill="#110529"/>
+<rect x="5" y="15" width="1" height="1" fill="#110529"/>
+<rect x="5" y="18" width="1" height="1" fill="#110529"/>
+<rect x="5" y="21" width="1" height="1" fill="#110529"/>
+<rect x="5" y="24" width="1" height="1" fill="#110529"/>
+<rect x="5" y="27" width="1" height="1" fill="#110529"/>
+<rect x="5" y="30" width="1" height="1" fill="#110529"/>
+<rect x="5" y="33" width="1" height="1" fill="#110529"/>
+<rect x="5" y="36" width="1" height="1" fill="#110529"/>
+<rect x="5" y="39" width="1" height="1" fill="#110529"/>
+<rect x="5" y="42" width="1" height="1" fill="#110529"/>
+<rect x="5" y="45" width="1" height="1" fill="#110529"/>
+<rect x="5" y="48" width="1" height="1" fill="#110529"/>
+<rect x="5" y="51" width="1" height="1" fill="#110529"/>
+<rect x="5" y="54" width="1" height="1" fill="#110529"/>
+<rect x="5" y="57" width="54" height="1" fill="#110529"/>
+<path d="M11.5607 23.8536C11.3654 23.6583 11.3654 23.3417 11.5607 23.1464L13.6464 21.0607C13.8417 20.8654 14.1583 20.8654 14.3536 21.0607L16.4393 23.1464C16.6346 23.3417 16.6346 23.6583 16.4393 23.8536L14.3536 25.9393C14.1583 26.1346 13.8417 26.1346 13.6464 25.9393L11.5607 23.8536Z" fill="white" stroke="#110529"/>
+<path d="M31.0607 33.8536C30.8654 33.6583 30.8654 33.3417 31.0607 33.1464L33.1464 31.0607C33.3417 30.8654 33.6583 30.8654 33.8536 31.0607L35.9393 33.1464C36.1346 33.3417 36.1346 33.6583 35.9393 33.8536L33.8536 35.9393C33.6583 36.1346 33.3417 36.1346 33.1464 35.9393L31.0607 33.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M40.0607 31.8536C39.8654 31.6583 39.8654 31.3417 40.0607 31.1464L42.1464 29.0607C42.3417 28.8654 42.6583 28.8654 42.8536 29.0607L44.9393 31.1464C45.1346 31.3417 45.1346 31.6583 44.9393 31.8536L42.8536 33.9393C42.6583 34.1346 42.3417 34.1346 42.1464 33.9393L40.0607 31.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M31.0607 40.8536C30.8654 40.6583 30.8654 40.3417 31.0607 40.1464L33.1464 38.0607C33.3417 37.8654 33.6583 37.8654 33.8536 38.0607L35.9393 40.1464C36.1346 40.3417 36.1346 40.6583 35.9393 40.8536L33.8536 42.9393C33.6583 43.1346 33.3417 43.1346 33.1464 42.9393L31.0607 40.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M27.5607 27.8536C27.3654 27.6583 27.3654 27.3417 27.5607 27.1464L29.6464 25.0607C29.8417 24.8654 30.1583 24.8654 30.3536 25.0607L32.4393 27.1464C32.6346 27.3417 32.6346 27.6583 32.4393 27.8536L30.3536 29.9393C30.1583 30.1346 29.8417 30.1346 29.6464 29.9393L27.5607 27.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M25.5607 37.8536C25.3654 37.6583 25.3654 37.3417 25.5607 37.1464L27.6464 35.0607C27.8417 34.8654 28.1583 34.8654 28.3536 35.0607L30.4393 37.1464C30.6346 37.3417 30.6346 37.6583 30.4393 37.8536L28.3536 39.9393C28.1583 40.1346 27.8417 40.1346 27.6464 39.9393L25.5607 37.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M11.5607 48.8536C11.3654 48.6583 11.3654 48.3417 11.5607 48.1464L13.6464 46.0607C13.8417 45.8654 14.1583 45.8654 14.3536 46.0607L16.4393 48.1464C16.6346 48.3417 16.6346 48.6583 16.4393 48.8536L14.3536 50.9393C14.1583 51.1346 13.8417 51.1346 13.6464 50.9393L11.5607 48.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M25.5607 44.8536C25.3654 44.6583 25.3654 44.3417 25.5607 44.1464L27.6464 42.0607C27.8417 41.8654 28.1583 41.8654 28.3536 42.0607L30.4393 44.1464C30.6346 44.3417 30.6346 44.6583 30.4393 44.8536L28.3536 46.9393C28.1583 47.1346 27.8417 47.1346 27.6464 46.9393L25.5607 44.8536Z" fill="white" stroke="#110529"/>
+<path d="M18.5607 48.8536C18.3654 48.6583 18.3654 48.3417 18.5607 48.1464L20.6464 46.0607C20.8417 45.8654 21.1583 45.8654 21.3536 46.0607L23.4393 48.1464C23.6346 48.3417 23.6346 48.6583 23.4393 48.8536L21.3536 50.9393C21.1583 51.1346 20.8417 51.1346 20.6464 50.9393L18.5607 48.8536Z" fill="white" stroke="#110529"/>
+<path d="M18.5607 41.8536C18.3654 41.6583 18.3654 41.3417 18.5607 41.1464L20.6464 39.0607C20.8417 38.8654 21.1583 38.8654 21.3536 39.0607L23.4393 41.1464C23.6346 41.3417 23.6346 41.6583 23.4393 41.8536L21.3536 43.9393C21.1583 44.1346 20.8417 44.1346 20.6464 43.9393L18.5607 41.8536Z" fill="white" stroke="#110529"/>
+<path d="M40.0607 44.8536C39.8654 44.6583 39.8654 44.3417 40.0607 44.1464L42.1464 42.0607C42.3417 41.8654 42.6583 41.8654 42.8536 42.0607L44.9393 44.1464C45.1346 44.3417 45.1346 44.6583 44.9393 44.8536L42.8536 46.9393C42.6583 47.1346 42.3417 47.1346 42.1464 46.9393L40.0607 44.8536Z" fill="white" stroke="#110529"/>
+<path d="M48.0607 37.8536C47.8654 37.6583 47.8654 37.3417 48.0607 37.1464L50.1464 35.0607C50.3417 34.8654 50.6583 34.8654 50.8536 35.0607L52.9393 37.1464C53.1346 37.3417 53.1346 37.6583 52.9393 37.8536L50.8536 39.9393C50.6583 40.1346 50.3417 40.1346 50.1464 39.9393L48.0607 37.8536Z" fill="#DEDBFF" stroke="#110529"/>
+<path d="M40.0607 20.8536C39.8654 20.6583 39.8654 20.3417 40.0607 20.1464L42.1464 18.0607C42.3417 17.8654 42.6583 17.8654 42.8536 18.0607L44.9393 20.1464C45.1346 20.3417 45.1346 20.6583 44.9393 20.8536L42.8536 22.9393C42.6583 23.1346 42.3417 23.1346 42.1464 22.9393L40.0607 20.8536Z" fill="white" stroke="#110529"/>
+<path d="M48.0607 12.8536C47.8654 12.6583 47.8654 12.3417 48.0607 12.1464L50.1464 10.0607C50.3417 9.8654 50.6583 9.8654 50.8536 10.0607L52.9393 12.1464C53.1346 12.3417 53.1346 12.6583 52.9393 12.8536L50.8536 14.9393C50.6583 15.1346 50.3417 15.1346 50.1464 14.9393L48.0607 12.8536Z" fill="white" stroke="#110529"/>
+<path d="M29 13L31 15M33 17L31 15M31 15L33 13M31 15L29 17" stroke="#110529"/>
+<path d="M47 25L49 27M51 29L49 27M49 27L51 25M49 27L47 29" stroke="#110529"/>
+<path d="M38 36L40 38M42 40L40 38M40 38L42 36M40 38L38 40" stroke="#110529"/>
+<path d="M33 48L35 50M37 52L35 50M35 50L37 48M35 50L33 52" stroke="#110529"/>
+<path d="M19 33L21 35M23 37L21 35M21 35L23 33M21 35L19 37" stroke="#110529"/>
+</svg>

package/src/assets/graph-images/StackedBarChart.svg

@@ -0,0 +1,31 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="-0.5" width="7" height="27" rx="0.5" transform="matrix(1 0 0 -1 10 57)" fill="white" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="15" rx="0.5" transform="matrix(1 0 0 -1 22 57)" fill="white" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="47" rx="0.5" transform="matrix(1 0 0 -1 34 57)" fill="white" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="33" rx="0.5" transform="matrix(1 0 0 -1 46 57)" fill="white" stroke="#110529"/>
+<rect x="5" y="9" width="1" height="1" fill="#110529"/>
+<rect x="5" y="12" width="1" height="1" fill="#110529"/>
+<rect x="5" y="15" width="1" height="1" fill="#110529"/>
+<rect x="5" y="18" width="1" height="1" fill="#110529"/>
+<rect x="5" y="21" width="1" height="1" fill="#110529"/>
+<rect x="5" y="24" width="1" height="1" fill="#110529"/>
+<rect x="5" y="27" width="1" height="1" fill="#110529"/>
+<rect x="5" y="30" width="1" height="1" fill="#110529"/>
+<rect x="5" y="33" width="1" height="1" fill="#110529"/>
+<rect x="5" y="36" width="1" height="1" fill="#110529"/>
+<rect x="5" y="39" width="1" height="1" fill="#110529"/>
+<rect x="5" y="42" width="1" height="1" fill="#110529"/>
+<rect x="5" y="45" width="1" height="1" fill="#110529"/>
+<rect x="5" y="48" width="1" height="1" fill="#110529"/>
+<rect x="5" y="51" width="1" height="1" fill="#110529"/>
+<rect x="5" y="54" width="1" height="1" fill="#110529"/>
+<rect x="5" y="57" width="54" height="1" fill="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="19" transform="matrix(1 0 0 -1 10 57)" fill="#DEDBFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="7" transform="matrix(1 0 0 -1 10 57)" fill="#C1ADFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="11" transform="matrix(1 0 0 -1 22 57)" fill="#DEDBFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="39" transform="matrix(1 0 0 -1 34 57)" fill="#DEDBFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="28" transform="matrix(1 0 0 -1 46 57)" fill="#DEDBFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="3" transform="matrix(1 0 0 -1 22 57)" fill="#C1ADFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="19" transform="matrix(1 0 0 -1 34 57)" fill="#C1ADFF" stroke="#110529"/>
+<rect x="0.5" y="-0.5" width="7" height="11" transform="matrix(1 0 0 -1 46 57)" fill="#C1ADFF" stroke="#110529"/>
+</svg>

package/src/assets/graph-images/Trendline.svg

@@ -0,0 +1,32 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 55V34.4444C31 31 39.5 23 56 11V32.5556C35 33.5 25 39.5 8 55Z" fill="#DEDBFF"/>
+<path d="M8 45L56 21" stroke="#845CFF"/>
+<rect x="5" y="9" width="1" height="1" fill="#110529"/>
+<rect x="5" y="12" width="1" height="1" fill="#110529"/>
+<rect x="5" y="15" width="1" height="1" fill="#110529"/>
+<rect x="5" y="18" width="1" height="1" fill="#110529"/>
+<rect x="5" y="21" width="1" height="1" fill="#110529"/>
+<rect x="5" y="24" width="1" height="1" fill="#110529"/>
+<rect x="5" y="27" width="1" height="1" fill="#110529"/>
+<rect x="5" y="30" width="1" height="1" fill="#110529"/>
+<rect x="5" y="33" width="1" height="1" fill="#110529"/>
+<rect x="5" y="36" width="1" height="1" fill="#110529"/>
+<rect x="5" y="39" width="1" height="1" fill="#110529"/>
+<rect x="5" y="42" width="1" height="1" fill="#110529"/>
+<rect x="5" y="45" width="1" height="1" fill="#110529"/>
+<rect x="5" y="48" width="1" height="1" fill="#110529"/>
+<rect x="5" y="51" width="1" height="1" fill="#110529"/>
+<rect x="5" y="54" width="1" height="1" fill="#110529"/>
+<rect x="5" y="57" width="54" height="1" fill="#110529"/>
+<path d="M14.7503 43.2993C14.0328 43.7135 13.1154 43.4677 12.7012 42.7503C12.287 42.0328 12.5328 41.1154 13.2503 40.7012C13.9677 40.287 14.8851 40.5328 15.2993 41.2503C15.7135 41.9677 15.4677 42.8851 14.7503 43.2993Z" fill="white" stroke="black"/>
+<path d="M22.2501 44.7988C21.5326 45.213 20.6152 44.9672 20.201 44.2498C19.7868 43.5323 20.0326 42.6149 20.7501 42.2007C21.4675 41.7865 22.3849 42.0323 22.7991 42.7498C23.2133 43.4672 22.9675 44.3846 22.2501 44.7988Z" fill="white" stroke="black"/>
+<circle cx="20.8247" cy="34.9457" r="1.5" transform="rotate(60 20.8247 34.9457)" fill="white" stroke="black"/>
+<circle cx="47.0493" cy="32.049" r="1.5" transform="rotate(60 47.0493 32.049)" fill="white" stroke="black"/>
+<circle cx="36.049" cy="29.049" r="1.5" transform="rotate(60 36.049 29.049)" fill="white" stroke="black"/>
+<path d="M35.2502 32.7988C34.5328 33.213 33.6154 32.9672 33.2012 32.2498C32.7869 31.5323 33.0328 30.6149 33.7502 30.2007C34.4676 29.7865 35.385 30.0323 35.7992 30.7498C36.2134 31.4672 35.9676 32.3846 35.2502 32.7988Z" fill="white" stroke="black"/>
+<path d="M36.2504 41.7993C35.533 42.2135 34.6156 41.9677 34.2014 41.2503C33.7872 40.5328 34.033 39.6154 34.7504 39.2012C35.4679 38.787 36.3853 39.0328 36.7995 39.7503C37.2137 40.4677 36.9679 41.3851 36.2504 41.7993Z" fill="white" stroke="black"/>
+<circle cx="28.0489" cy="29.0486" r="1.5" transform="rotate(60 28.0489 29.0486)" fill="white" stroke="black"/>
+<path d="M27.2502 36.7988C26.5328 37.213 25.6154 36.9672 25.2012 36.2498C24.7869 35.5323 25.0328 34.6149 25.7502 34.2007C26.4676 33.7865 27.385 34.0323 27.7992 34.7498C28.2134 35.4672 27.9676 36.3846 27.2502 36.7988Z" fill="white" stroke="black"/>
+<path d="M42.2504 18.7992C41.533 19.2134 40.6156 18.9676 40.2014 18.2502C39.7872 17.5328 40.033 16.6154 40.7504 16.2012C41.4679 15.7869 42.3853 16.0328 42.7995 16.7502C43.2137 17.4676 42.9679 18.385 42.2504 18.7992Z" fill="white" stroke="black"/>
+<path d="M49.7502 25.7992C49.0328 26.2134 48.1154 25.9676 47.7012 25.2502C47.2869 24.5328 47.5328 23.6154 48.2502 23.2012C48.9676 22.7869 49.885 23.0328 50.2992 23.7502C50.7134 24.4676 50.4676 25.385 49.7502 25.7992Z" fill="white" stroke="black"/>
+</svg>

package/src/assets/graph-images/ViolinPlot.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+  <path d="M22.9998 58.9998C23.0001 55.1426 23.1359 53.6921 31.3754 48.714C35.223 46.3894 36.8559 42.5181 35.5641 39.0712C34.8019 37.0375 33.3625 35.5604 31.9152 34.0751C30.5625 32.687 29.2029 31.2917 28.3828 29.4283C27.1666 26.665 28.5549 24.6994 29.9229 22.7625C30.4644 21.9958 31.0027 21.2337 31.375 20.4283C32.2326 18.5734 32.172 16.2283 30.1776 14.6426C29.284 13.9322 28.4819 13.3322 27.7668 12.7974C24.4424 10.311 23 9.23223 23 4.99976C23 9.23223 21.5576 10.311 18.2332 12.7974C17.5181 13.3322 16.716 13.9322 15.8224 14.6426C13.828 16.2283 13.7674 18.5734 14.625 20.4283C14.9973 21.2337 15.5356 21.9959 16.0771 22.7625C17.4451 24.6994 18.8334 26.665 17.6172 29.4283C16.7971 31.2917 15.4375 32.687 14.0848 34.0751C12.6375 35.5604 11.1981 37.0375 10.4359 39.0712C9.14409 42.5181 10.777 46.3894 14.6246 48.714C22.8641 53.6921 22.9994 55.1426 22.9998 58.9998Z" fill="white" stroke="#110529"/>
+  <path d="M49.6938 34.1331C51.6656 31.2338 56.3926 27.3086 52.52 24.0157C48.6474 20.7227 46 20.5712 46 15.9998C46 20.5712 43.3523 20.7226 39.4803 24.0157C35.6083 27.3087 40.3316 31.2338 42.3055 34.1331C44.2793 37.0324 39.5856 38.6513 42.7926 41.2125C45.9996 43.7737 45.9996 47.9998 45.9996 47.9998C45.9996 47.9998 45.9996 43.7737 49.2087 41.2125C52.4178 38.6513 47.7219 37.0324 49.6938 34.1331Z" fill="#DEDBFF" stroke="#110529"/>
+  <rect x="45" y="25" width="2" height="8" rx="1" fill="#110529"/>
+  <path d="M23 15.9998L23 47.9998" stroke="#110529"/>
+  <path d="M46 21.9995L46 37.9995" stroke="#110529"/>
+  <rect x="22" y="30" width="2" height="14" rx="1" fill="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 25 36.9995)" fill="white" stroke="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 48 26.9995)" fill="white" stroke="#110529"/>
+</svg>

package/src/assets/graph-images/ViolinPlotBinnedDots.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+  <path d="M22.9998 58.9998C23.0001 55.1426 23.1359 53.6921 31.3754 48.714C35.223 46.3894 36.8559 42.5181 35.5641 39.0712C34.8019 37.0375 33.3625 35.5604 31.9152 34.0751C30.5625 32.687 29.2029 31.2917 28.3828 29.4283C27.1666 26.665 28.5549 24.6994 29.9229 22.7625C30.4644 21.9958 31.0027 21.2337 31.375 20.4283C32.2326 18.5734 32.172 16.2283 30.1776 14.6426C29.284 13.9322 28.4819 13.3322 27.7668 12.7974C24.4424 10.311 23 9.23223 23 4.99976C23 9.23223 21.5576 10.311 18.2332 12.7974C17.5181 13.3322 16.716 13.9322 15.8224 14.6426C13.828 16.2283 13.7674 18.5734 14.625 20.4283C14.9973 21.2337 15.5356 21.9959 16.0771 22.7625C17.4451 24.6994 18.8334 26.665 17.6172 29.4283C16.7971 31.2917 15.4375 32.687 14.0848 34.0751C12.6375 35.5604 11.1981 37.0375 10.4359 39.0712C9.14409 42.5181 10.777 46.3894 14.6246 48.714C22.8641 53.6921 22.9994 55.1426 22.9998 58.9998Z" fill="white" stroke="#110529"/>
+  <path d="M23 15.9998L23 47.9998" stroke="#110529"/>
+  <rect x="22" y="30" width="2" height="14" rx="1" fill="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 25 36.9995)" fill="white" stroke="#110529"/>
+  <circle cx="48" cy="50.9995" r="2" transform="rotate(-180 48 50.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="48" cy="42.9995" r="2" transform="rotate(-180 48 42.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="46" cy="34.9998" r="2" transform="rotate(-180 46 34.9998)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="50" cy="34.9998" r="2" transform="rotate(-180 50 34.9998)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="46" cy="23.9995" r="2" transform="rotate(-180 46 23.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="50" cy="23.9995" r="2" transform="rotate(-180 50 23.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="48" cy="11.9995" r="2" transform="rotate(-180 48 11.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="48" cy="19.9995" r="2" transform="rotate(-180 48 19.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="50" cy="30.9995" r="2" transform="rotate(-180 50 30.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="54" cy="30.9995" r="2" transform="rotate(-180 54 30.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="46" cy="30.9995" r="2" transform="rotate(-180 46 30.9995)" fill="#DEDBFF" stroke="#110529"/>
+  <circle cx="42" cy="30.9995" r="2" transform="rotate(-180 42 30.9995)" fill="#DEDBFF" stroke="#110529"/>
+</svg>

package/src/assets/graph-images/ViolinPlotJitteredDots.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+  <path d="M22.9998 58.9998C23.0001 55.1426 23.1359 53.6921 31.3754 48.714C35.223 46.3894 36.8559 42.5181 35.5641 39.0712C34.8019 37.0375 33.3625 35.5604 31.9152 34.0751C30.5625 32.687 29.2029 31.2917 28.3828 29.4283C27.1666 26.665 28.5549 24.6994 29.9229 22.7625C30.4644 21.9958 31.0027 21.2337 31.375 20.4283C32.2326 18.5734 32.172 16.2283 30.1776 14.6426C29.284 13.9322 28.4819 13.3322 27.7668 12.7974C24.4424 10.311 23 9.23223 23 4.99976C23 9.23223 21.5576 10.311 18.2332 12.7974C17.5181 13.3322 16.716 13.9322 15.8224 14.6426C13.828 16.2283 13.7674 18.5734 14.625 20.4283C14.9973 21.2337 15.5356 21.9959 16.0771 22.7625C17.4451 24.6994 18.8334 26.665 17.6172 29.4283C16.7971 31.2917 15.4375 32.687 14.0848 34.0751C12.6375 35.5604 11.1981 37.0375 10.4359 39.0712C9.14409 42.5181 10.777 46.3894 14.6246 48.714C22.8641 53.6921 22.9994 55.1426 22.9998 58.9998Z" fill="white" stroke="#110529"/>
+  <path d="M23 15.9998L23 47.9998" stroke="#110529"/>
+  <rect x="22" y="30" width="2" height="14" rx="1" fill="#110529"/>
+  <circle cx="2" cy="2" r="2" transform="matrix(-1 0 0 1 25 36.9995)" fill="white" stroke="#110529"/>
+  <circle cx="42" cy="53.5" r="1.5" fill="#845CFF"/>
+  <circle cx="41.5" cy="42.5" r="1.5" fill="#845CFF"/>
+  <circle cx="45" cy="23.5" r="1.5" fill="#845CFF"/>
+  <circle cx="42" cy="15.5" r="1.5" fill="#845CFF"/>
+  <circle cx="46" cy="45.5" r="1.5" fill="#845CFF"/>
+  <circle cx="42" cy="26.5" r="1.5" fill="#845CFF"/>
+  <circle cx="41" cy="24.5" r="1.5" fill="#845CFF"/>
+  <circle cx="41" cy="17.5" r="1.5" fill="#845CFF"/>
+  <circle cx="40" cy="26.5" r="1.5" fill="#845CFF"/>
+  <circle cx="48.5" cy="27.5" r="1.5" fill="#845CFF"/>
+  <circle cx="46" cy="34.5" r="1.5" fill="#845CFF"/>
+  <circle cx="46" cy="17.5" r="1.5" fill="#845CFF"/>
+  <circle cx="43" cy="31" r="1.5" fill="#845CFF"/>
+  <circle cx="38.5" cy="30.5" r="1.5" fill="#845CFF"/>
+  <circle cx="42.5" cy="37.5" r="1.5" fill="#845CFF"/>
+  <circle cx="44.5" cy="21.5" r="1.5" fill="#845CFF"/>
+  <circle cx="37" cy="21.5" r="1.5" fill="#845CFF"/>
+  <circle cx="43" cy="10.5" r="1.5" fill="#845CFF"/>
+</svg>

package/src/assets/icons/icon-assets/16_add.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.74988 2.25V7.25H13.7499V8.75H8.74988V13.75H7.24988V8.75H2.24988V7.25H7.24988V2.25H8.74988Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14.0607L13.5303 8.53034L12.4697 7.46968L8.75 11.1893V2.00001H7.25V11.1893L3.53033 7.46968L2.46967 8.53034L8 14.0607Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8L7.53033 13.5303L8.59099 12.4697L4.87132 8.75L14.0607 8.75L14.0607 7.25L4.87132 7.25L8.59099 3.53033L7.53033 2.46967L2 8Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_arrow-right.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0607 8L8.53034 13.5303L7.46968 12.4697L11.1893 8.75L2.00001 8.75L2.00001 7.25L11.1893 7.25L7.46968 3.53033L8.53034 2.46967L14.0607 8Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_arrow-up.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.93933L13.5303 7.46966L12.4697 8.53032L8.75 4.81065V14H7.25V4.81065L3.53033 8.53032L2.46967 7.46966L8 1.93933Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_cell-type-num.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.22886 12.993H5.65686L6.41286 10.158H8.33786L7.58886 12.993H9.01686L9.77286 10.158H12.4189L12.7829 8.76501H10.1439L10.6409 6.92401H13.2869L13.6509 5.54501H11.0119L11.7189 2.92001H10.2839L9.57686 5.54501H7.65186L8.35886 2.92001H6.92386L6.21686 5.54501H3.58486L3.20686 6.92401H5.84586L5.36286 8.76501H2.71686L2.34586 10.158H4.98486L4.22886 12.993ZM6.79086 8.76501L7.28086 6.92401H9.20586L8.70886 8.76501H6.79086Z" fill="#07AD3E"/>
+</svg>

package/src/assets/icons/icon-assets/16_cell-type-txt.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0372314 13H1.55623L2.29123 10.725H6.42823L7.17723 13H8.69623L5.42023 2.92001H3.31323L0.0372314 13ZM2.73923 9.35301L4.34923 4.38301L5.98023 9.35301H2.73923Z" fill="#07AD3E"/>
+<path d="M11.3871 13.21C12.6121 13.21 13.4871 12.79 14.1101 11.901V13H15.4051V8.34501C15.4051 7.71501 15.3771 7.16901 15.1391 6.67201C14.6701 5.67801 13.6201 5.23001 12.2691 5.23001C10.5191 5.23001 9.46908 6.05601 9.10508 7.35101L10.4701 7.77101C10.7291 6.93101 11.4571 6.58101 12.2551 6.58101C13.4381 6.58101 13.9141 7.07101 13.9631 8.11401C12.7381 8.28201 11.4921 8.44301 10.6171 8.70201C9.44808 9.07301 8.83208 9.80101 8.83208 10.942C8.83208 12.174 9.71408 13.21 11.3871 13.21ZM10.2811 10.928C10.2811 10.333 10.7221 10.011 11.3241 9.80801C11.9611 9.61901 12.8081 9.50001 13.9491 9.33201C13.9421 9.68201 13.9141 10.165 13.7951 10.515C13.6271 11.25 12.8921 12.013 11.6461 12.013C10.7081 12.013 10.2811 11.516 10.2811 10.928Z" fill="#07AD3E"/>
+</svg>

package/src/assets/icons/icon-assets/16_checkmark.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0601 4.43448L6.33313 12.5478L1.93945 7.93448L3.02566 6.89999L6.33313 10.3728L12.9739 3.39999L14.0601 4.43448Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_chevron-down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_chevron-first.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5303 3.53033L12.4697 2.46967L6.93933 8L12.4697 13.5303L13.5303 12.4697L9.06065 8L13.5303 3.53033Z" fill="#110529"/>
+<path d="M3.25 2.5V13.5H4.75V2.5H3.25Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_chevron-last.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.46967 3.53033L3.53033 2.46967L9.06066 8L3.53033 13.5303L2.46967 12.4697L6.93934 8L2.46967 3.53033ZM11.25 2.5V13.5H12.75V2.5H11.25Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_chevron-left.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.46966 2.46967L10.5303 3.53033L6.06065 8L10.5303 12.4697L9.46966 13.5303L3.93933 8L9.46966 2.46967Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_chevron-right.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.53033 2.46967L5.46967 3.53033L9.93934 8L5.46967 12.4697L6.53033 13.5303L12.0607 8L6.53033 2.46967Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_chevron-up.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets/16_clear.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_586_7851)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM4.46967 5.53033L6.93934 8L4.46967 10.4697L5.53033 11.5303L8 9.06066L10.4697 11.5303L11.5303 10.4697L9.06066 8L11.5303 5.53033L10.4697 4.46967L8 6.93934L5.53033 4.46967L4.46967 5.53033Z" fill="#CFD1DB"/>
+</g>
+<defs>
+<clipPath id="clip0_586_7851">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>