diff --git a/scripts/charts-landing/bundle-size-chart.ts b/scripts/charts-landing/bundle-size-chart.ts
index a52df7082..5d68c6a3b 100644
--- a/scripts/charts-landing/bundle-size-chart.ts
+++ b/scripts/charts-landing/bundle-size-chart.ts
@@ -3,7 +3,7 @@ import { scaleLinear } from '@tanstack/charts/scales/linear'
 import { barX, defineChart, text } from '@tanstack/charts'
 
 export const bundleSizeSnapshot = [
-  { library: 'TanStack Charts', size: 40 },
+  { library: 'TanStack Charts', size: 29 },
   { library: 'uPlot', size: 22 },
   { library: 'Chart.js', size: 46 },
   { library: 'visx', size: 49 },
diff --git a/src/components/landing/ChartsLanding.tsx b/src/components/landing/ChartsLanding.tsx
index b9b4cc27e..64a7bb540 100644
--- a/src/components/landing/ChartsLanding.tsx
+++ b/src/components/landing/ChartsLanding.tsx
@@ -65,9 +65,8 @@ export default function ChartsLanding({
             A lot of chart. Not a lot of bundle.
           </h2>
           <p className="max-w-2xl border-l-2 border-[var(--landing-accent)] pl-5 text-ds-body-sm text-text-secondary sm:text-ds-body-md">
-            TanStack Charts starts at 40 kB minified and gzip compressed in the
-            current matched suite, with its SVG renderer, scales, axes, and
-            styles included.
+            Basic React line, 29 kB minified + gzip. SVG, compact scales, axes
+            included.
           </p>
         </div>
 
diff --git a/src/components/landing/chartsBundleSizeSvg.ts b/src/components/landing/chartsBundleSizeSvg.ts
index 7a74d102c..2b9408150 100644
--- a/src/components/landing/chartsBundleSizeSvg.ts
+++ b/src/components/landing/chartsBundleSizeSvg.ts
@@ -2,6 +2,6 @@
 // Source: scripts/charts-landing/bundle-size-chart.ts
 
 export const chartsBundleSizeSvg =
-  '<svg class="ts-chart" width="100%" height="100%" viewBox="0 0 1200 820" role="img" aria-roledescription="chart" aria-label="Bundle size comparison across 16 charting libraries" tabindex="-1" style="display:block;overflow:visible"><desc>A static August 2026 snapshot of minified and gzip-compressed browser bundle sizes. TanStack Charts: 40 kilobytes; uPlot: 22 kilobytes; Chart.js: 46 kilobytes; visx: 49 kilobytes; Lightweight Charts: 60 kilobytes; Observable Plot: 85 kilobytes; Vega-Lite: 87 kilobytes; D3: 90 kilobytes; Recharts: 97 kilobytes; Highcharts: 100 kilobytes; Victory: 105 kilobytes; Nivo: 143 kilobytes; Apache ECharts: 157 kilobytes; ApexCharts: 164 kilobytes; Plotly.js partial: 250 kilobytes; AG Charts: 367 kilobytes.</desc><g data-ts-key="grid" class="ts-chart__grid" aria-hidden="true" stroke="#24404c" stroke-opacity="0.11" stroke-width="1"><line data-ts-key="x-grid:number:0" x1="150.77" y1="4" x2="150.77" y2="777"/><line data-ts-key="x-grid:number:100" x1="396.71" y1="4" x2="396.71" y2="777"/><line data-ts-key="x-grid:number:200" x1="642.64" y1="4" x2="642.64" y2="777"/><line data-ts-key="x-grid:number:300" x1="888.58" y1="4" x2="888.58" y2="777"/><line data-ts-key="x-grid:number:400" x1="1134.52" y1="4" x2="1134.52" y2="777"/></g><g data-ts-key="marks" class="ts-chart__marks"><g data-ts-key="bundle-bars" class="ts-chart__bar ts-chart__bar-x" aria-hidden="true"><rect data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="#61e8ff" stroke="none" stroke-dasharray="none" x="150.77" y="16.85" width="98.37" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="64.81" width="54.11" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="112.76" width="113.13" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:visx" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="160.71" width="120.51" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="208.67" width="147.56" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="256.62" width="209.05" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="304.57" width="213.96" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:2:D3" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="352.52" width="221.34" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="400.48" width="238.56" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="448.43" width="245.94" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:7:Victory" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="496.38" width="258.23" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="544.33" width="351.69" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="592.29" width="386.12" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="640.24" width="403.34" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="688.19" width="614.84" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="736.15" width="902.59" height="28" rx="6"/></g><g data-ts-key="bundle-values" class="ts-chart__text" aria-hidden="true"><text data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="#f7ffcc" x="259.14" y="30.85" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">40 kB</text><text data-ts-key="bundle-values:object:null:string:5:uPlot" fill="#d6e6eb" x="214.88" y="78.81" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">22 kB</text><text data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="#d6e6eb" x="273.9" y="126.76" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">46 kB</text><text data-ts-key="bundle-values:object:null:string:4:visx" fill="#d6e6eb" x="281.28" y="174.71" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">49 kB</text><text data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="#d6e6eb" x="308.33" y="222.67" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">60 kB</text><text data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="#d6e6eb" x="369.82" y="270.62" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">85 kB</text><text data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="#d6e6eb" x="374.73" y="318.57" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">87 kB</text><text data-ts-key="bundle-values:object:null:string:2:D3" fill="#d6e6eb" x="382.11" y="366.52" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">90 kB</text><text data-ts-key="bundle-values:object:null:string:8:Recharts" fill="#d6e6eb" x="399.33" y="414.48" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">97 kB</text><text data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="#d6e6eb" x="406.71" y="462.43" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">100 kB</text><text data-ts-key="bundle-values:object:null:string:7:Victory" fill="#d6e6eb" x="419" y="510.38" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">105 kB</text><text data-ts-key="bundle-values:object:null:string:4:Nivo" fill="#d6e6eb" x="512.46" y="558.33" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">143 kB</text><text data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="#d6e6eb" x="546.89" y="606.29" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">157 kB</text><text data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="#d6e6eb" x="564.11" y="654.24" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">164 kB</text><text data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="#d6e6eb" x="775.61" y="702.19" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">250 kB</text><text data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="#d6e6eb" x="1063.36" y="750.15" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">367 kB</text></g></g><g data-ts-key="axes" class="ts-chart__axes" aria-hidden="true"><line data-ts-key="x-axis" stroke="#eef8f7" stroke-opacity="0.28" x1="150.77" y1="777" x2="1196" y2="777"/><line data-ts-key="x-tick-rule:number:0" stroke="#eef8f7" stroke-opacity="0.28" x1="150.77" y1="777" x2="150.77" y2="781"/><line data-ts-key="x-tick-rule:number:100" stroke="#eef8f7" stroke-opacity="0.28" x1="396.71" y1="777" x2="396.71" y2="781"/><line data-ts-key="x-tick-rule:number:200" stroke="#eef8f7" stroke-opacity="0.28" x1="642.64" y1="777" x2="642.64" y2="781"/><line data-ts-key="x-tick-rule:number:300" stroke="#eef8f7" stroke-opacity="0.28" x1="888.58" y1="777" x2="888.58" y2="781"/><line data-ts-key="x-tick-rule:number:400" stroke="#eef8f7" stroke-opacity="0.28" x1="1134.52" y1="777" x2="1134.52" y2="781"/><text data-ts-key="x-tick-label:number:0" fill="#91aab3" fill-opacity="0.68" x="150.77" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">0</text><text data-ts-key="x-tick-label:number:100" fill="#91aab3" fill-opacity="0.68" x="396.71" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">100</text><text data-ts-key="x-tick-label:number:200" fill="#91aab3" fill-opacity="0.68" x="642.64" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">200</text><text data-ts-key="x-tick-label:number:300" fill="#91aab3" fill-opacity="0.68" x="888.58" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">300</text><text data-ts-key="x-tick-label:number:400" fill="#91aab3" fill-opacity="0.68" x="1134.52" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">400</text><text data-ts-key="x-label" fill="#eef8f7" fill-opacity="0.76" x="673.38" y="805" text-anchor="middle" dominant-baseline="hanging" font-size="11" font-weight="600" font-family="inherit">Minified + gzip (kB)</text><text data-ts-key="y-tick-label:string:15:TanStack Charts" fill="#91aab3" opacity="1" x="138.77" y="30.85" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="800" font-family="inherit">TanStack Charts</text><text data-ts-key="y-tick-label:string:5:uPlot" fill="#91aab3" opacity="0.76" x="138.77" y="78.81" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">uPlot</text><text data-ts-key="y-tick-label:string:8:Chart.js" fill="#91aab3" opacity="0.76" x="138.77" y="126.76" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Chart.js</text><text data-ts-key="y-tick-label:string:4:visx" fill="#91aab3" opacity="0.76" x="138.77" y="174.71" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">visx</text><text data-ts-key="y-tick-label:string:18:Lightweight Charts" fill="#91aab3" opacity="0.76" x="138.77" y="222.67" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Lightweight Charts</text><text data-ts-key="y-tick-label:string:15:Observable Plot" fill="#91aab3" opacity="0.76" x="138.77" y="270.62" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Observable Plot</text><text data-ts-key="y-tick-label:string:9:Vega-Lite" fill="#91aab3" opacity="0.76" x="138.77" y="318.57" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Vega-Lite</text><text data-ts-key="y-tick-label:string:2:D3" fill="#91aab3" opacity="0.76" x="138.77" y="366.52" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">D3</text><text data-ts-key="y-tick-label:string:8:Recharts" fill="#91aab3" opacity="0.76" x="138.77" y="414.48" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Recharts</text><text data-ts-key="y-tick-label:string:10:Highcharts" fill="#91aab3" opacity="0.76" x="138.77" y="462.43" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Highcharts</text><text data-ts-key="y-tick-label:string:7:Victory" fill="#91aab3" opacity="0.76" x="138.77" y="510.38" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Victory</text><text data-ts-key="y-tick-label:string:4:Nivo" fill="#91aab3" opacity="0.76" x="138.77" y="558.33" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Nivo</text><text data-ts-key="y-tick-label:string:14:Apache ECharts" fill="#91aab3" opacity="0.76" x="138.77" y="606.29" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Apache ECharts</text><text data-ts-key="y-tick-label:string:10:ApexCharts" fill="#91aab3" opacity="0.76" x="138.77" y="654.24" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">ApexCharts</text><text data-ts-key="y-tick-label:string:17:Plotly.js partial" fill="#91aab3" opacity="0.76" x="138.77" y="702.19" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Plotly.js partial</text><text data-ts-key="y-tick-label:string:9:AG Charts" fill="#91aab3" opacity="0.76" x="138.77" y="750.15" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">AG Charts</text></g><g data-ts-key="default-focus:bundle-bars" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#61e8ff" stroke-width="2.5" cx="249.14" cy="30.85" r="5"/><circle data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="204.88" cy="78.81" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="263.9" cy="126.76" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="271.28" cy="174.71" r="5"/><circle data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="298.33" cy="222.67" r="5"/><circle data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="359.82" cy="270.62" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="364.73" cy="318.57" r="5"/><circle data-ts-key="bundle-bars:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="372.11" cy="366.52" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="389.33" cy="414.48" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="396.71" cy="462.43" r="5"/><circle data-ts-key="bundle-bars:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="409" cy="510.38" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="502.46" cy="558.33" r="5"/><circle data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="536.89" cy="606.29" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="554.11" cy="654.24" r="5"/><circle data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="765.61" cy="702.19" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="1053.36" cy="750.15" r="5"/></g><g data-ts-key="default-focus:bundle-values" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#f7ffcc" stroke-width="2.5" cx="259.14" cy="30.85" r="5"/><circle data-ts-key="bundle-values:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="214.88" cy="78.81" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="273.9" cy="126.76" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="281.28" cy="174.71" r="5"/><circle data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="308.33" cy="222.67" r="5"/><circle data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="369.82" cy="270.62" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="374.73" cy="318.57" r="5"/><circle data-ts-key="bundle-values:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="382.11" cy="366.52" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="399.33" cy="414.48" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="406.71" cy="462.43" r="5"/><circle data-ts-key="bundle-values:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="419" cy="510.38" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="512.46" cy="558.33" r="5"/><circle data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="546.89" cy="606.29" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="564.11" cy="654.24" r="5"/><circle data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="775.61" cy="702.19" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="1063.36" cy="750.15" r="5"/></g></svg>'
+  '<svg class="ts-chart" width="100%" height="100%" viewBox="0 0 1200 820" role="img" aria-roledescription="chart" aria-label="Bundle size comparison across 16 charting libraries" tabindex="-1" style="display:block;overflow:visible"><desc>A static August 2026 snapshot of minified and gzip-compressed browser bundle sizes. TanStack Charts: 29 kilobytes; uPlot: 22 kilobytes; Chart.js: 46 kilobytes; visx: 49 kilobytes; Lightweight Charts: 60 kilobytes; Observable Plot: 85 kilobytes; Vega-Lite: 87 kilobytes; D3: 90 kilobytes; Recharts: 97 kilobytes; Highcharts: 100 kilobytes; Victory: 105 kilobytes; Nivo: 143 kilobytes; Apache ECharts: 157 kilobytes; ApexCharts: 164 kilobytes; Plotly.js partial: 250 kilobytes; AG Charts: 367 kilobytes.</desc><g data-ts-key="grid" class="ts-chart__grid" aria-hidden="true" stroke="#24404c" stroke-opacity="0.11" stroke-width="1"><line data-ts-key="x-grid:number:0" x1="150.77" y1="4" x2="150.77" y2="777"/><line data-ts-key="x-grid:number:100" x1="396.71" y1="4" x2="396.71" y2="777"/><line data-ts-key="x-grid:number:200" x1="642.64" y1="4" x2="642.64" y2="777"/><line data-ts-key="x-grid:number:300" x1="888.58" y1="4" x2="888.58" y2="777"/><line data-ts-key="x-grid:number:400" x1="1134.52" y1="4" x2="1134.52" y2="777"/></g><g data-ts-key="marks" class="ts-chart__marks"><g data-ts-key="bundle-bars" class="ts-chart__bar ts-chart__bar-x" aria-hidden="true"><rect data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="#61e8ff" stroke="none" stroke-dasharray="none" x="150.77" y="16.85" width="71.32" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="64.81" width="54.11" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="112.76" width="113.13" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:visx" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="160.71" width="120.51" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="208.67" width="147.56" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="256.62" width="209.05" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="304.57" width="213.96" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:2:D3" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="352.52" width="221.34" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="400.48" width="238.56" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="448.43" width="245.94" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:7:Victory" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="496.38" width="258.23" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="544.33" width="351.69" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="592.29" width="386.12" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="640.24" width="403.34" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="688.19" width="614.84" height="28" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="150.77" y="736.15" width="902.59" height="28" rx="6"/></g><g data-ts-key="bundle-values" class="ts-chart__text" aria-hidden="true"><text data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="#f7ffcc" x="232.09" y="30.85" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">29 kB</text><text data-ts-key="bundle-values:object:null:string:5:uPlot" fill="#d6e6eb" x="214.88" y="78.81" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">22 kB</text><text data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="#d6e6eb" x="273.9" y="126.76" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">46 kB</text><text data-ts-key="bundle-values:object:null:string:4:visx" fill="#d6e6eb" x="281.28" y="174.71" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">49 kB</text><text data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="#d6e6eb" x="308.33" y="222.67" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">60 kB</text><text data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="#d6e6eb" x="369.82" y="270.62" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">85 kB</text><text data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="#d6e6eb" x="374.73" y="318.57" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">87 kB</text><text data-ts-key="bundle-values:object:null:string:2:D3" fill="#d6e6eb" x="382.11" y="366.52" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">90 kB</text><text data-ts-key="bundle-values:object:null:string:8:Recharts" fill="#d6e6eb" x="399.33" y="414.48" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">97 kB</text><text data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="#d6e6eb" x="406.71" y="462.43" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">100 kB</text><text data-ts-key="bundle-values:object:null:string:7:Victory" fill="#d6e6eb" x="419" y="510.38" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">105 kB</text><text data-ts-key="bundle-values:object:null:string:4:Nivo" fill="#d6e6eb" x="512.46" y="558.33" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">143 kB</text><text data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="#d6e6eb" x="546.89" y="606.29" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">157 kB</text><text data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="#d6e6eb" x="564.11" y="654.24" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">164 kB</text><text data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="#d6e6eb" x="775.61" y="702.19" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">250 kB</text><text data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="#d6e6eb" x="1063.36" y="750.15" text-anchor="start" dominant-baseline="middle" font-size="14" font-weight="700" font-family="inherit">367 kB</text></g></g><g data-ts-key="axes" class="ts-chart__axes" aria-hidden="true"><line data-ts-key="x-axis" stroke="#eef8f7" stroke-opacity="0.28" x1="150.77" y1="777" x2="1196" y2="777"/><line data-ts-key="x-tick-rule:number:0" stroke="#eef8f7" stroke-opacity="0.28" x1="150.77" y1="777" x2="150.77" y2="781"/><line data-ts-key="x-tick-rule:number:100" stroke="#eef8f7" stroke-opacity="0.28" x1="396.71" y1="777" x2="396.71" y2="781"/><line data-ts-key="x-tick-rule:number:200" stroke="#eef8f7" stroke-opacity="0.28" x1="642.64" y1="777" x2="642.64" y2="781"/><line data-ts-key="x-tick-rule:number:300" stroke="#eef8f7" stroke-opacity="0.28" x1="888.58" y1="777" x2="888.58" y2="781"/><line data-ts-key="x-tick-rule:number:400" stroke="#eef8f7" stroke-opacity="0.28" x1="1134.52" y1="777" x2="1134.52" y2="781"/><text data-ts-key="x-tick-label:number:0" fill="#91aab3" fill-opacity="0.68" x="150.77" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">0</text><text data-ts-key="x-tick-label:number:100" fill="#91aab3" fill-opacity="0.68" x="396.71" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">100</text><text data-ts-key="x-tick-label:number:200" fill="#91aab3" fill-opacity="0.68" x="642.64" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">200</text><text data-ts-key="x-tick-label:number:300" fill="#91aab3" fill-opacity="0.68" x="888.58" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">300</text><text data-ts-key="x-tick-label:number:400" fill="#91aab3" fill-opacity="0.68" x="1134.52" y="794.6" text-anchor="middle" font-size="12" font-family="inherit">400</text><text data-ts-key="x-label" fill="#eef8f7" fill-opacity="0.76" x="673.38" y="805" text-anchor="middle" dominant-baseline="hanging" font-size="11" font-weight="600" font-family="inherit">Minified + gzip (kB)</text><text data-ts-key="y-tick-label:string:15:TanStack Charts" fill="#91aab3" opacity="1" x="138.77" y="30.85" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="800" font-family="inherit">TanStack Charts</text><text data-ts-key="y-tick-label:string:5:uPlot" fill="#91aab3" opacity="0.76" x="138.77" y="78.81" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">uPlot</text><text data-ts-key="y-tick-label:string:8:Chart.js" fill="#91aab3" opacity="0.76" x="138.77" y="126.76" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Chart.js</text><text data-ts-key="y-tick-label:string:4:visx" fill="#91aab3" opacity="0.76" x="138.77" y="174.71" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">visx</text><text data-ts-key="y-tick-label:string:18:Lightweight Charts" fill="#91aab3" opacity="0.76" x="138.77" y="222.67" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Lightweight Charts</text><text data-ts-key="y-tick-label:string:15:Observable Plot" fill="#91aab3" opacity="0.76" x="138.77" y="270.62" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Observable Plot</text><text data-ts-key="y-tick-label:string:9:Vega-Lite" fill="#91aab3" opacity="0.76" x="138.77" y="318.57" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Vega-Lite</text><text data-ts-key="y-tick-label:string:2:D3" fill="#91aab3" opacity="0.76" x="138.77" y="366.52" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">D3</text><text data-ts-key="y-tick-label:string:8:Recharts" fill="#91aab3" opacity="0.76" x="138.77" y="414.48" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Recharts</text><text data-ts-key="y-tick-label:string:10:Highcharts" fill="#91aab3" opacity="0.76" x="138.77" y="462.43" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Highcharts</text><text data-ts-key="y-tick-label:string:7:Victory" fill="#91aab3" opacity="0.76" x="138.77" y="510.38" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Victory</text><text data-ts-key="y-tick-label:string:4:Nivo" fill="#91aab3" opacity="0.76" x="138.77" y="558.33" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Nivo</text><text data-ts-key="y-tick-label:string:14:Apache ECharts" fill="#91aab3" opacity="0.76" x="138.77" y="606.29" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Apache ECharts</text><text data-ts-key="y-tick-label:string:10:ApexCharts" fill="#91aab3" opacity="0.76" x="138.77" y="654.24" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">ApexCharts</text><text data-ts-key="y-tick-label:string:17:Plotly.js partial" fill="#91aab3" opacity="0.76" x="138.77" y="702.19" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">Plotly.js partial</text><text data-ts-key="y-tick-label:string:9:AG Charts" fill="#91aab3" opacity="0.76" x="138.77" y="750.15" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="500" font-family="inherit">AG Charts</text></g><g data-ts-key="default-focus:bundle-bars" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#61e8ff" stroke-width="2.5" cx="222.09" cy="30.85" r="5"/><circle data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="204.88" cy="78.81" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="263.9" cy="126.76" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="271.28" cy="174.71" r="5"/><circle data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="298.33" cy="222.67" r="5"/><circle data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="359.82" cy="270.62" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="364.73" cy="318.57" r="5"/><circle data-ts-key="bundle-bars:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="372.11" cy="366.52" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="389.33" cy="414.48" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="396.71" cy="462.43" r="5"/><circle data-ts-key="bundle-bars:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="409" cy="510.38" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="502.46" cy="558.33" r="5"/><circle data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="536.89" cy="606.29" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="554.11" cy="654.24" r="5"/><circle data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="765.61" cy="702.19" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="1053.36" cy="750.15" r="5"/></g><g data-ts-key="default-focus:bundle-values" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#f7ffcc" stroke-width="2.5" cx="232.09" cy="30.85" r="5"/><circle data-ts-key="bundle-values:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="214.88" cy="78.81" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="273.9" cy="126.76" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="281.28" cy="174.71" r="5"/><circle data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="308.33" cy="222.67" r="5"/><circle data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="369.82" cy="270.62" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="374.73" cy="318.57" r="5"/><circle data-ts-key="bundle-values:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="382.11" cy="366.52" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="399.33" cy="414.48" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="406.71" cy="462.43" r="5"/><circle data-ts-key="bundle-values:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="419" cy="510.38" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="512.46" cy="558.33" r="5"/><circle data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="546.89" cy="606.29" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="564.11" cy="654.24" r="5"/><circle data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="775.61" cy="702.19" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="1063.36" cy="750.15" r="5"/></g></svg>'
 export const chartsBundleSizeCompactSvg =
-  '<svg class="ts-chart" width="100%" height="100%" viewBox="0 0 520 820" role="img" aria-roledescription="chart" aria-label="Bundle size comparison across 16 charting libraries" tabindex="-1" style="display:block;overflow:visible"><desc>A static August 2026 snapshot of minified and gzip-compressed browser bundle sizes. TanStack Charts: 40 kilobytes; uPlot: 22 kilobytes; Chart.js: 46 kilobytes; visx: 49 kilobytes; Lightweight Charts: 60 kilobytes; Observable Plot: 85 kilobytes; Vega-Lite: 87 kilobytes; D3: 90 kilobytes; Recharts: 97 kilobytes; Highcharts: 100 kilobytes; Victory: 105 kilobytes; Nivo: 143 kilobytes; Apache ECharts: 157 kilobytes; ApexCharts: 164 kilobytes; Plotly.js partial: 250 kilobytes; AG Charts: 367 kilobytes.</desc><g data-ts-key="grid" class="ts-chart__grid" aria-hidden="true" stroke="#24404c" stroke-opacity="0.11" stroke-width="1"><line data-ts-key="x-grid:number:0" x1="156.4" y1="4" x2="156.4" y2="776"/><line data-ts-key="x-grid:number:200" x1="321.38" y1="4" x2="321.38" y2="776"/><line data-ts-key="x-grid:number:400" x1="486.37" y1="4" x2="486.37" y2="776"/></g><g data-ts-key="marks" class="ts-chart__marks"><g data-ts-key="bundle-bars" class="ts-chart__bar ts-chart__bar-x" aria-hidden="true"><rect data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="#61e8ff" stroke="none" stroke-dasharray="none" x="156.4" y="18.32" width="33" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="66.21" width="18.15" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="114.1" width="37.95" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:visx" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="161.99" width="40.42" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="209.88" width="49.5" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="257.77" width="70.12" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="305.66" width="71.77" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:2:D3" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="353.55" width="74.24" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="401.45" width="80.02" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="449.34" width="82.49" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:7:Victory" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="497.23" width="86.62" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="545.12" width="117.97" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="593.01" width="129.52" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="640.9" width="135.29" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="688.79" width="206.24" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="736.68" width="302.75" height="25" rx="6"/></g><g data-ts-key="bundle-values" class="ts-chart__text" aria-hidden="true"><text data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="#f7ffcc" x="197.39" y="30.82" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">40 kB</text><text data-ts-key="bundle-values:object:null:string:5:uPlot" fill="#d6e6eb" x="182.54" y="78.71" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">22 kB</text><text data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="#d6e6eb" x="202.34" y="126.6" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">46 kB</text><text data-ts-key="bundle-values:object:null:string:4:visx" fill="#d6e6eb" x="204.82" y="174.49" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">49 kB</text><text data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="#d6e6eb" x="213.89" y="222.38" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">60 kB</text><text data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="#d6e6eb" x="234.52" y="270.27" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">85 kB</text><text data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="#d6e6eb" x="236.17" y="318.16" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">87 kB</text><text data-ts-key="bundle-values:object:null:string:2:D3" fill="#d6e6eb" x="238.64" y="366.05" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">90 kB</text><text data-ts-key="bundle-values:object:null:string:8:Recharts" fill="#d6e6eb" x="244.42" y="413.95" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">97 kB</text><text data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="#d6e6eb" x="246.89" y="461.84" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">100 kB</text><text data-ts-key="bundle-values:object:null:string:7:Victory" fill="#d6e6eb" x="251.01" y="509.73" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">105 kB</text><text data-ts-key="bundle-values:object:null:string:4:Nivo" fill="#d6e6eb" x="282.36" y="557.62" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">143 kB</text><text data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="#d6e6eb" x="293.91" y="605.51" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">157 kB</text><text data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="#d6e6eb" x="299.69" y="653.4" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">164 kB</text><text data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="#d6e6eb" x="370.63" y="701.29" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">250 kB</text><text data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="#d6e6eb" x="467.15" y="749.18" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">367 kB</text></g></g><g data-ts-key="axes" class="ts-chart__axes" aria-hidden="true"><line data-ts-key="x-axis" stroke="#eef8f7" stroke-opacity="0.28" x1="156.4" y1="776" x2="507" y2="776"/><line data-ts-key="x-tick-rule:number:0" stroke="#eef8f7" stroke-opacity="0.28" x1="156.4" y1="776" x2="156.4" y2="780"/><line data-ts-key="x-tick-rule:number:200" stroke="#eef8f7" stroke-opacity="0.28" x1="321.38" y1="776" x2="321.38" y2="780"/><line data-ts-key="x-tick-rule:number:400" stroke="#eef8f7" stroke-opacity="0.28" x1="486.37" y1="776" x2="486.37" y2="780"/><text data-ts-key="x-tick-label:number:0" fill="#91aab3" fill-opacity="0.68" x="156.4" y="794.4" text-anchor="middle" font-size="13" font-family="inherit">0</text><text data-ts-key="x-tick-label:number:200" fill="#91aab3" fill-opacity="0.68" x="321.38" y="794.4" text-anchor="middle" font-size="13" font-family="inherit">200</text><text data-ts-key="x-tick-label:number:400" fill="#91aab3" fill-opacity="0.68" x="486.37" y="794.4" text-anchor="middle" font-size="13" font-family="inherit">400</text><text data-ts-key="x-label" fill="#eef8f7" fill-opacity="0.76" x="331.7" y="805" text-anchor="middle" dominant-baseline="hanging" font-size="11" font-weight="600" font-family="inherit">Minified + gzip (kB)</text><text data-ts-key="y-tick-label:string:15:TanStack Charts" fill="#91aab3" opacity="1" x="148.4" y="30.82" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="800" font-family="inherit">TanStack Charts</text><text data-ts-key="y-tick-label:string:5:uPlot" fill="#91aab3" opacity="0.76" x="148.4" y="78.71" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">uPlot</text><text data-ts-key="y-tick-label:string:8:Chart.js" fill="#91aab3" opacity="0.76" x="148.4" y="126.6" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Chart.js</text><text data-ts-key="y-tick-label:string:4:visx" fill="#91aab3" opacity="0.76" x="148.4" y="174.49" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">visx</text><text data-ts-key="y-tick-label:string:18:Lightweight Charts" fill="#91aab3" opacity="0.76" x="148.4" y="222.38" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Lightweight Charts</text><text data-ts-key="y-tick-label:string:15:Observable Plot" fill="#91aab3" opacity="0.76" x="148.4" y="270.27" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Observable Plot</text><text data-ts-key="y-tick-label:string:9:Vega-Lite" fill="#91aab3" opacity="0.76" x="148.4" y="318.16" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Vega-Lite</text><text data-ts-key="y-tick-label:string:2:D3" fill="#91aab3" opacity="0.76" x="148.4" y="366.05" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">D3</text><text data-ts-key="y-tick-label:string:8:Recharts" fill="#91aab3" opacity="0.76" x="148.4" y="413.95" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Recharts</text><text data-ts-key="y-tick-label:string:10:Highcharts" fill="#91aab3" opacity="0.76" x="148.4" y="461.84" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Highcharts</text><text data-ts-key="y-tick-label:string:7:Victory" fill="#91aab3" opacity="0.76" x="148.4" y="509.73" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Victory</text><text data-ts-key="y-tick-label:string:4:Nivo" fill="#91aab3" opacity="0.76" x="148.4" y="557.62" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Nivo</text><text data-ts-key="y-tick-label:string:14:Apache ECharts" fill="#91aab3" opacity="0.76" x="148.4" y="605.51" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Apache ECharts</text><text data-ts-key="y-tick-label:string:10:ApexCharts" fill="#91aab3" opacity="0.76" x="148.4" y="653.4" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">ApexCharts</text><text data-ts-key="y-tick-label:string:17:Plotly.js partial" fill="#91aab3" opacity="0.76" x="148.4" y="701.29" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Plotly.js partial</text><text data-ts-key="y-tick-label:string:9:AG Charts" fill="#91aab3" opacity="0.76" x="148.4" y="749.18" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">AG Charts</text></g><g data-ts-key="default-focus:bundle-bars" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#61e8ff" stroke-width="2.5" cx="189.39" cy="30.82" r="5"/><circle data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="174.54" cy="78.71" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="194.34" cy="126.6" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="196.82" cy="174.49" r="5"/><circle data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="205.89" cy="222.38" r="5"/><circle data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="226.52" cy="270.27" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="228.17" cy="318.16" r="5"/><circle data-ts-key="bundle-bars:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="230.64" cy="366.05" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="236.42" cy="413.95" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="238.89" cy="461.84" r="5"/><circle data-ts-key="bundle-bars:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="243.01" cy="509.73" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="274.36" cy="557.62" r="5"/><circle data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="285.91" cy="605.51" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="291.69" cy="653.4" r="5"/><circle data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="362.63" cy="701.29" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="459.15" cy="749.18" r="5"/></g><g data-ts-key="default-focus:bundle-values" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#f7ffcc" stroke-width="2.5" cx="197.39" cy="30.82" r="5"/><circle data-ts-key="bundle-values:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="182.54" cy="78.71" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="202.34" cy="126.6" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="204.82" cy="174.49" r="5"/><circle data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="213.89" cy="222.38" r="5"/><circle data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="234.52" cy="270.27" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="236.17" cy="318.16" r="5"/><circle data-ts-key="bundle-values:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="238.64" cy="366.05" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="244.42" cy="413.95" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="246.89" cy="461.84" r="5"/><circle data-ts-key="bundle-values:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="251.01" cy="509.73" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="282.36" cy="557.62" r="5"/><circle data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="293.91" cy="605.51" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="299.69" cy="653.4" r="5"/><circle data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="370.63" cy="701.29" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="467.15" cy="749.18" r="5"/></g></svg>'
+  '<svg class="ts-chart" width="100%" height="100%" viewBox="0 0 520 820" role="img" aria-roledescription="chart" aria-label="Bundle size comparison across 16 charting libraries" tabindex="-1" style="display:block;overflow:visible"><desc>A static August 2026 snapshot of minified and gzip-compressed browser bundle sizes. TanStack Charts: 29 kilobytes; uPlot: 22 kilobytes; Chart.js: 46 kilobytes; visx: 49 kilobytes; Lightweight Charts: 60 kilobytes; Observable Plot: 85 kilobytes; Vega-Lite: 87 kilobytes; D3: 90 kilobytes; Recharts: 97 kilobytes; Highcharts: 100 kilobytes; Victory: 105 kilobytes; Nivo: 143 kilobytes; Apache ECharts: 157 kilobytes; ApexCharts: 164 kilobytes; Plotly.js partial: 250 kilobytes; AG Charts: 367 kilobytes.</desc><g data-ts-key="grid" class="ts-chart__grid" aria-hidden="true" stroke="#24404c" stroke-opacity="0.11" stroke-width="1"><line data-ts-key="x-grid:number:0" x1="156.4" y1="4" x2="156.4" y2="776"/><line data-ts-key="x-grid:number:200" x1="321.38" y1="4" x2="321.38" y2="776"/><line data-ts-key="x-grid:number:400" x1="486.37" y1="4" x2="486.37" y2="776"/></g><g data-ts-key="marks" class="ts-chart__marks"><g data-ts-key="bundle-bars" class="ts-chart__bar ts-chart__bar-x" aria-hidden="true"><rect data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="#61e8ff" stroke="none" stroke-dasharray="none" x="156.4" y="18.32" width="23.92" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="66.21" width="18.15" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="114.1" width="37.95" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:visx" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="161.99" width="40.42" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="209.88" width="49.5" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="257.77" width="70.12" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="305.66" width="71.77" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:2:D3" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="353.55" width="74.24" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="401.45" width="80.02" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="449.34" width="82.49" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:7:Victory" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="497.23" width="86.62" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="545.12" width="117.97" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="593.01" width="129.52" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="640.9" width="135.29" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="688.79" width="206.24" height="25" rx="6"/><rect data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="#315464" stroke="none" stroke-dasharray="none" x="156.4" y="736.68" width="302.75" height="25" rx="6"/></g><g data-ts-key="bundle-values" class="ts-chart__text" aria-hidden="true"><text data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="#f7ffcc" x="188.32" y="30.82" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">29 kB</text><text data-ts-key="bundle-values:object:null:string:5:uPlot" fill="#d6e6eb" x="182.54" y="78.71" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">22 kB</text><text data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="#d6e6eb" x="202.34" y="126.6" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">46 kB</text><text data-ts-key="bundle-values:object:null:string:4:visx" fill="#d6e6eb" x="204.82" y="174.49" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">49 kB</text><text data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="#d6e6eb" x="213.89" y="222.38" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">60 kB</text><text data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="#d6e6eb" x="234.52" y="270.27" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">85 kB</text><text data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="#d6e6eb" x="236.17" y="318.16" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">87 kB</text><text data-ts-key="bundle-values:object:null:string:2:D3" fill="#d6e6eb" x="238.64" y="366.05" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">90 kB</text><text data-ts-key="bundle-values:object:null:string:8:Recharts" fill="#d6e6eb" x="244.42" y="413.95" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">97 kB</text><text data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="#d6e6eb" x="246.89" y="461.84" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">100 kB</text><text data-ts-key="bundle-values:object:null:string:7:Victory" fill="#d6e6eb" x="251.01" y="509.73" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">105 kB</text><text data-ts-key="bundle-values:object:null:string:4:Nivo" fill="#d6e6eb" x="282.36" y="557.62" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">143 kB</text><text data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="#d6e6eb" x="293.91" y="605.51" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">157 kB</text><text data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="#d6e6eb" x="299.69" y="653.4" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">164 kB</text><text data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="#d6e6eb" x="370.63" y="701.29" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">250 kB</text><text data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="#d6e6eb" x="467.15" y="749.18" text-anchor="start" dominant-baseline="middle" font-size="15" font-weight="700" font-family="inherit">367 kB</text></g></g><g data-ts-key="axes" class="ts-chart__axes" aria-hidden="true"><line data-ts-key="x-axis" stroke="#eef8f7" stroke-opacity="0.28" x1="156.4" y1="776" x2="507" y2="776"/><line data-ts-key="x-tick-rule:number:0" stroke="#eef8f7" stroke-opacity="0.28" x1="156.4" y1="776" x2="156.4" y2="780"/><line data-ts-key="x-tick-rule:number:200" stroke="#eef8f7" stroke-opacity="0.28" x1="321.38" y1="776" x2="321.38" y2="780"/><line data-ts-key="x-tick-rule:number:400" stroke="#eef8f7" stroke-opacity="0.28" x1="486.37" y1="776" x2="486.37" y2="780"/><text data-ts-key="x-tick-label:number:0" fill="#91aab3" fill-opacity="0.68" x="156.4" y="794.4" text-anchor="middle" font-size="13" font-family="inherit">0</text><text data-ts-key="x-tick-label:number:200" fill="#91aab3" fill-opacity="0.68" x="321.38" y="794.4" text-anchor="middle" font-size="13" font-family="inherit">200</text><text data-ts-key="x-tick-label:number:400" fill="#91aab3" fill-opacity="0.68" x="486.37" y="794.4" text-anchor="middle" font-size="13" font-family="inherit">400</text><text data-ts-key="x-label" fill="#eef8f7" fill-opacity="0.76" x="331.7" y="805" text-anchor="middle" dominant-baseline="hanging" font-size="11" font-weight="600" font-family="inherit">Minified + gzip (kB)</text><text data-ts-key="y-tick-label:string:15:TanStack Charts" fill="#91aab3" opacity="1" x="148.4" y="30.82" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="800" font-family="inherit">TanStack Charts</text><text data-ts-key="y-tick-label:string:5:uPlot" fill="#91aab3" opacity="0.76" x="148.4" y="78.71" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">uPlot</text><text data-ts-key="y-tick-label:string:8:Chart.js" fill="#91aab3" opacity="0.76" x="148.4" y="126.6" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Chart.js</text><text data-ts-key="y-tick-label:string:4:visx" fill="#91aab3" opacity="0.76" x="148.4" y="174.49" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">visx</text><text data-ts-key="y-tick-label:string:18:Lightweight Charts" fill="#91aab3" opacity="0.76" x="148.4" y="222.38" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Lightweight Charts</text><text data-ts-key="y-tick-label:string:15:Observable Plot" fill="#91aab3" opacity="0.76" x="148.4" y="270.27" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Observable Plot</text><text data-ts-key="y-tick-label:string:9:Vega-Lite" fill="#91aab3" opacity="0.76" x="148.4" y="318.16" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Vega-Lite</text><text data-ts-key="y-tick-label:string:2:D3" fill="#91aab3" opacity="0.76" x="148.4" y="366.05" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">D3</text><text data-ts-key="y-tick-label:string:8:Recharts" fill="#91aab3" opacity="0.76" x="148.4" y="413.95" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Recharts</text><text data-ts-key="y-tick-label:string:10:Highcharts" fill="#91aab3" opacity="0.76" x="148.4" y="461.84" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Highcharts</text><text data-ts-key="y-tick-label:string:7:Victory" fill="#91aab3" opacity="0.76" x="148.4" y="509.73" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Victory</text><text data-ts-key="y-tick-label:string:4:Nivo" fill="#91aab3" opacity="0.76" x="148.4" y="557.62" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Nivo</text><text data-ts-key="y-tick-label:string:14:Apache ECharts" fill="#91aab3" opacity="0.76" x="148.4" y="605.51" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Apache ECharts</text><text data-ts-key="y-tick-label:string:10:ApexCharts" fill="#91aab3" opacity="0.76" x="148.4" y="653.4" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">ApexCharts</text><text data-ts-key="y-tick-label:string:17:Plotly.js partial" fill="#91aab3" opacity="0.76" x="148.4" y="701.29" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">Plotly.js partial</text><text data-ts-key="y-tick-label:string:9:AG Charts" fill="#91aab3" opacity="0.76" x="148.4" y="749.18" text-anchor="end" dominant-baseline="middle" font-size="15" font-weight="500" font-family="inherit">AG Charts</text></g><g data-ts-key="default-focus:bundle-bars" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-bars:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#61e8ff" stroke-width="2.5" cx="180.32" cy="30.82" r="5"/><circle data-ts-key="bundle-bars:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="174.54" cy="78.71" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="194.34" cy="126.6" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="196.82" cy="174.49" r="5"/><circle data-ts-key="bundle-bars:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="205.89" cy="222.38" r="5"/><circle data-ts-key="bundle-bars:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="226.52" cy="270.27" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="228.17" cy="318.16" r="5"/><circle data-ts-key="bundle-bars:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="230.64" cy="366.05" r="5"/><circle data-ts-key="bundle-bars:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="236.42" cy="413.95" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="238.89" cy="461.84" r="5"/><circle data-ts-key="bundle-bars:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="243.01" cy="509.73" r="5"/><circle data-ts-key="bundle-bars:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="274.36" cy="557.62" r="5"/><circle data-ts-key="bundle-bars:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="285.91" cy="605.51" r="5"/><circle data-ts-key="bundle-bars:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="291.69" cy="653.4" r="5"/><circle data-ts-key="bundle-bars:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="362.63" cy="701.29" r="5"/><circle data-ts-key="bundle-bars:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#315464" stroke-width="2.5" cx="459.15" cy="749.18" r="5"/></g><g data-ts-key="default-focus:bundle-values" class="ts-chart__focus-layer ts-chart__focus-layer--default" aria-hidden="true" data-ts-focus-layer="over" visibility="hidden"><circle data-ts-key="bundle-values:object:null:string:15:TanStack Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#f7ffcc" stroke-width="2.5" cx="188.32" cy="30.82" r="5"/><circle data-ts-key="bundle-values:object:null:string:5:uPlot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="182.54" cy="78.71" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Chart.js" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="202.34" cy="126.6" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:visx" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="204.82" cy="174.49" r="5"/><circle data-ts-key="bundle-values:object:null:string:18:Lightweight Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="213.89" cy="222.38" r="5"/><circle data-ts-key="bundle-values:object:null:string:15:Observable Plot" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="234.52" cy="270.27" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:Vega-Lite" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="236.17" cy="318.16" r="5"/><circle data-ts-key="bundle-values:object:null:string:2:D3" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="238.64" cy="366.05" r="5"/><circle data-ts-key="bundle-values:object:null:string:8:Recharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="244.42" cy="413.95" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:Highcharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="246.89" cy="461.84" r="5"/><circle data-ts-key="bundle-values:object:null:string:7:Victory" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="251.01" cy="509.73" r="5"/><circle data-ts-key="bundle-values:object:null:string:4:Nivo" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="282.36" cy="557.62" r="5"/><circle data-ts-key="bundle-values:object:null:string:14:Apache ECharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="293.91" cy="605.51" r="5"/><circle data-ts-key="bundle-values:object:null:string:10:ApexCharts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="299.69" cy="653.4" r="5"/><circle data-ts-key="bundle-values:object:null:string:17:Plotly.js partial" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="370.63" cy="701.29" r="5"/><circle data-ts-key="bundle-values:object:null:string:9:AG Charts" fill="var(--ts-chart-focus-fill, Canvas)" stroke="#d6e6eb" stroke-width="2.5" cx="467.15" cy="749.18" r="5"/></g></svg>'