# TanStack Charts docs > A typed, tree-shakable chart grammar for SVG and Canvas. Compose marks, views, scales, transforms, interactions, and motion with compact primitives or D3-compatible inputs. - [Docs index](https://tanstack.com/charts/latest/docs/index.md): This same Markdown index. - [LLMs index](https://tanstack.com/charts/latest/llms.txt): This same Markdown index. - [Library home](https://tanstack.com/charts/latest) - [GitHub](https://github.com/tanstack/charts) - Packages: @tanstack/charts. - Frameworks: React, Preact, Vue, Solid, Svelte, Angular, Lit, Alpine, Octane, Vanilla. Use this index as the routing layer for the docs. Fetch one linked Markdown page at a time, and prefer framework-specific pages when the user names a framework. ## Get Started ### Getting Started - [Overview](https://tanstack.com/charts/latest/docs/overview.md) - [Compare Libraries](https://tanstack.com/charts/latest/docs/comparison.md) - [Installation](https://tanstack.com/charts/latest/docs/installation.md) - [Alpha Stability](https://tanstack.com/charts/latest/docs/stability.md) - [Stable Compatibility](https://tanstack.com/charts/latest/docs/compatibility.md) - [Quick Start](https://tanstack.com/charts/latest/docs/quick-start.md) - [React: React Quick Start](https://tanstack.com/charts/latest/docs/framework/react/quick-start.md) - [React: React Adapter](https://tanstack.com/charts/latest/docs/framework/react/adapter.md) - [Preact: Preact Adapter](https://tanstack.com/charts/latest/docs/framework/preact/adapter.md) - [Vue: Vue Adapter](https://tanstack.com/charts/latest/docs/framework/vue/adapter.md) - [Solid: Solid Adapter](https://tanstack.com/charts/latest/docs/framework/solid/adapter.md) - [Svelte: Svelte Adapter](https://tanstack.com/charts/latest/docs/framework/svelte/adapter.md) - [Angular: Angular Adapter](https://tanstack.com/charts/latest/docs/framework/angular/adapter.md) - [Lit: Lit Adapter](https://tanstack.com/charts/latest/docs/framework/lit/adapter.md) - [Alpine: Alpine Adapter](https://tanstack.com/charts/latest/docs/framework/alpine/adapter.md) - [Octane: Octane Quick Start](https://tanstack.com/charts/latest/docs/framework/octane/quick-start.md) - [Octane: Octane Adapter](https://tanstack.com/charts/latest/docs/framework/octane/adapter.md) ## Guides ### Core Concepts - [Grammar of Graphics](https://tanstack.com/charts/latest/docs/concepts/grammar-of-graphics.md) - [Chart Definitions](https://tanstack.com/charts/latest/docs/concepts/chart-definitions.md) - [Data and Channels](https://tanstack.com/charts/latest/docs/concepts/data-and-channels.md) - [Scales](https://tanstack.com/charts/latest/docs/concepts/scales-and-d3.md) - [Marks and Layering](https://tanstack.com/charts/latest/docs/concepts/marks-and-layering.md) - [Layout, Axes, and Coordinates](https://tanstack.com/charts/latest/docs/concepts/layout-axes-and-coordinates.md) ### Guides - [Coming from Recharts](https://tanstack.com/charts/latest/docs/guides/coming-from-recharts.md) - [Framework tick labels](https://tanstack.com/charts/latest/docs/guides/framework-tick-labels.md) - [Choosing a Chart](https://tanstack.com/charts/latest/docs/guides/choosing-a-chart.md) - [Responsive Charts](https://tanstack.com/charts/latest/docs/guides/responsive-charts.md) - [Themes and Styling](https://tanstack.com/charts/latest/docs/guides/themes-and-styling.md) - [Accessibility](https://tanstack.com/charts/latest/docs/guides/accessibility.md) - [Dynamic Data and Animation](https://tanstack.com/charts/latest/docs/guides/dynamic-data-and-animation.md) - [Transforms and Reactivity](https://tanstack.com/charts/latest/docs/guides/transforms-and-reactivity.md) - [Tooltips and Focus](https://tanstack.com/charts/latest/docs/guides/tooltips-and-focus.md) - [Interactions and Selections](https://tanstack.com/charts/latest/docs/guides/interactions-and-selections.md) - [Faceting and Composition](https://tanstack.com/charts/latest/docs/guides/faceting-and-composition.md) - [Legends and Color](https://tanstack.com/charts/latest/docs/guides/legends-and-color.md) - [Custom Marks and Renderers](https://tanstack.com/charts/latest/docs/guides/custom-marks-and-renderers.md) - [Large Data](https://tanstack.com/charts/latest/docs/guides/large-data.md) - [SSR and Hydration](https://tanstack.com/charts/latest/docs/guides/ssr-and-hydration.md) - [Exporting](https://tanstack.com/charts/latest/docs/guides/exporting.md) - [Bundle Size and Performance](https://tanstack.com/charts/latest/docs/guides/bundle-size-and-performance.md) - [TypeScript](https://tanstack.com/charts/latest/docs/guides/typescript.md) - [Testing and Debugging](https://tanstack.com/charts/latest/docs/guides/testing-and-debugging.md) - [AI Authoring](https://tanstack.com/charts/latest/docs/guides/ai-authoring.md) - [Migrating](https://tanstack.com/charts/latest/docs/guides/migrating.md) ## API ### API Reference - [API Overview](https://tanstack.com/charts/latest/docs/reference/index.md) - [Chart Definition API](https://tanstack.com/charts/latest/docs/reference/chart-definitions.md) - [Chart Spec](https://tanstack.com/charts/latest/docs/reference/chart-spec.md) - [View Composition](https://tanstack.com/charts/latest/docs/reference/view-composition.md) - [Data Transforms](https://tanstack.com/charts/latest/docs/reference/transforms.md) - [Scales, Guides, and Color](https://tanstack.com/charts/latest/docs/reference/scales-guides-and-color.md) - [DOM Host](https://tanstack.com/charts/latest/docs/reference/dom-host.md) - [Adapter Controller](https://tanstack.com/charts/latest/docs/reference/adapter-controller.md) - [Runtime and Scene](https://tanstack.com/charts/latest/docs/reference/runtime-and-scene.md) - [Focus and Interaction](https://tanstack.com/charts/latest/docs/reference/focus-and-interaction.md) - [Rendering and Export](https://tanstack.com/charts/latest/docs/reference/rendering-and-export.md) - [Motion](https://tanstack.com/charts/latest/docs/reference/motion.md) - [Custom Extensions](https://tanstack.com/charts/latest/docs/reference/custom-extensions.md) - [Types](https://tanstack.com/charts/latest/docs/reference/types.md) - [React: React Chart Reference](https://tanstack.com/charts/latest/docs/framework/react/reference/chart.md) - [Preact: Preact Chart Reference](https://tanstack.com/charts/latest/docs/framework/preact/reference/chart.md) - [Vue: Vue Chart Reference](https://tanstack.com/charts/latest/docs/framework/vue/reference/chart.md) - [Solid: Solid Chart Reference](https://tanstack.com/charts/latest/docs/framework/solid/reference/chart.md) - [Svelte: Svelte Chart Reference](https://tanstack.com/charts/latest/docs/framework/svelte/reference/chart.md) - [Angular: Angular Chart Reference](https://tanstack.com/charts/latest/docs/framework/angular/reference/chart.md) - [Lit: Lit Chart Reference](https://tanstack.com/charts/latest/docs/framework/lit/reference/chart.md) - [Alpine: Alpine Chart Reference](https://tanstack.com/charts/latest/docs/framework/alpine/reference/chart.md) - [Octane: Octane Chart Reference](https://tanstack.com/charts/latest/docs/framework/octane/reference/chart.md) ### Mark Reference - [Line and Area Marks](https://tanstack.com/charts/latest/docs/reference/marks/line-and-area.md) - [Difference Marks](https://tanstack.com/charts/latest/docs/reference/marks/difference.md) - [Linear Regression Marks](https://tanstack.com/charts/latest/docs/reference/marks/regression.md) - [Bar and Rect Marks](https://tanstack.com/charts/latest/docs/reference/marks/bar-and-rect.md) - [Box Marks](https://tanstack.com/charts/latest/docs/reference/marks/box.md) - [Dot and Hexagon Marks](https://tanstack.com/charts/latest/docs/reference/marks/dot-and-hexagon.md) - [Dodge Layouts](https://tanstack.com/charts/latest/docs/reference/marks/dodge.md) - [Waffle Marks](https://tanstack.com/charts/latest/docs/reference/marks/waffle.md) - [Ridgeline Marks](https://tanstack.com/charts/latest/docs/reference/marks/ridgeline.md) - [Violin Marks](https://tanstack.com/charts/latest/docs/reference/marks/violin.md) - [Focus Guide Marks](https://tanstack.com/charts/latest/docs/reference/marks/focus-guide.md) - [Treemap Mark](https://tanstack.com/charts/latest/docs/reference/marks/treemap.md) - [Sunburst Mark](https://tanstack.com/charts/latest/docs/reference/marks/sunburst.md) - [Sankey Diagram Mark](https://tanstack.com/charts/latest/docs/reference/marks/sankey.md) - [Hexbin Mark](https://tanstack.com/charts/latest/docs/reference/marks/hexbin.md) - [Contour Mark](https://tanstack.com/charts/latest/docs/reference/marks/contour.md) - [Density Contour Mark](https://tanstack.com/charts/latest/docs/reference/marks/density.md) - [Delaunay Link Mark](https://tanstack.com/charts/latest/docs/reference/marks/delaunay.md) - [Voronoi Mark](https://tanstack.com/charts/latest/docs/reference/marks/voronoi.md) - [Rules, Links, Arrows, Vectors, and Ticks](https://tanstack.com/charts/latest/docs/reference/marks/rules-links-arrows-vectors-and-ticks.md) - [Text, Frame, and Facet](https://tanstack.com/charts/latest/docs/reference/marks/text-frame-and-facet.md) - [Geo Shape Mark](https://tanstack.com/charts/latest/docs/reference/marks/geo.md) - [Polar Marks](https://tanstack.com/charts/latest/docs/reference/marks/polar.md) ## Examples ### Chart Guides - [Overview](https://tanstack.com/charts/latest/docs/examples/index.md) - [shadcn/ui Charts](https://tanstack.com/charts/catalog/collections/shadcn) - [Lines and Areas](https://tanstack.com/charts/latest/docs/examples/lines-and-areas.md) - [Bars and Rankings](https://tanstack.com/charts/latest/docs/examples/bars-and-rankings.md) - [Scatterplots and Relationships](https://tanstack.com/charts/latest/docs/examples/scatterplots-and-relationships.md) - [Distributions](https://tanstack.com/charts/latest/docs/examples/distributions.md) - [Heatmaps and Densities](https://tanstack.com/charts/latest/docs/examples/heatmaps-and-densities.md) - [Intervals and Financial Charts](https://tanstack.com/charts/latest/docs/examples/intervals-and-financial.md) - [Stacked and Composed Charts](https://tanstack.com/charts/latest/docs/examples/stacked-and-composition.md) - [Facets and Multiple Views](https://tanstack.com/charts/latest/docs/examples/facets-and-multiple-views.md) - [Networks and Hierarchies](https://tanstack.com/charts/latest/docs/examples/networks-and-hierarchies.md) - [Maps and Spatial Charts](https://tanstack.com/charts/latest/docs/examples/maps-and-spatial.md) - [Polar and Radar Charts](https://tanstack.com/charts/latest/docs/examples/polar-and-radar.md) - [Annotations and Overlays](https://tanstack.com/charts/latest/docs/examples/annotations-and-overlays.md) - [Interactive Charts](https://tanstack.com/charts/latest/docs/examples/interactive-charts.md) - [Themes and Motion](https://tanstack.com/charts/latest/docs/examples/themes-and-motion.md) ### Individual Charts - [Apple stock line with seasonal gaps](https://tanstack.com/charts/catalog/charts/01-line-gaps/) - [Industry unemployment with end labels](https://tanstack.com/charts/catalog/charts/02-multi-line-end-labels/) - [San Francisco temperature range band](https://tanstack.com/charts/catalog/charts/03-temperature-range-band/) - [Industry unemployment stacked area](https://tanstack.com/charts/catalog/charts/04-stacked-time-area/) - [Sorted vertical bars](https://tanstack.com/charts/catalog/charts/bar-vertical-sorted/) - [Horizontal ranking with long labels](https://tanstack.com/charts/catalog/charts/bar-horizontal-ranking/) - [Grouped bars](https://tanstack.com/charts/catalog/charts/bar-grouped/) - [Stacked bars](https://tanstack.com/charts/catalog/charts/bar-stacked/) - [Bubble scatterplot](https://tanstack.com/charts/catalog/charts/scatter-bubble/) - [Histogram](https://tanstack.com/charts/catalog/charts/histogram/) - [Labeled ordinal heatmap](https://tanstack.com/charts/catalog/charts/heatmap-labeled/) - [Anscombe quartet small multiples](https://tanstack.com/charts/catalog/charts/facets-anscombe/) - [Open-to-close price intervals](https://tanstack.com/charts/catalog/charts/13-interval-timeline/) - [Point estimates with error bars](https://tanstack.com/charts/catalog/charts/14-error-bars/) - [Grouped boxplot](https://tanstack.com/charts/catalog/charts/15-boxplot/) - [Ranked lollipop chart](https://tanstack.com/charts/catalog/charts/16-lollipop/) - [Dumbbell comparison](https://tanstack.com/charts/catalog/charts/17-dumbbell/) - [Cumulative histogram](https://tanstack.com/charts/catalog/charts/18-cumulative-histogram/) - [San Francisco temperature moving averages](https://tanstack.com/charts/catalog/charts/19-moving-average-line/) - [Industry share of unemployment](https://tanstack.com/charts/catalog/charts/20-normalized-stacked-area/) - [Streamgraph](https://tanstack.com/charts/catalog/charts/21-streamgraph/) - [Bollinger band](https://tanstack.com/charts/catalog/charts/22-bollinger-band/) - [Quantitative binned heatmap](https://tanstack.com/charts/catalog/charts/24-quantitative-binned-heatmap/) - [Precipitation calendar heatmap](https://tanstack.com/charts/catalog/charts/25-calendar-heatmap/) - [Diverging Likert responses](https://tanstack.com/charts/catalog/charts/26-diverging-likert/) - [Parallel coordinates](https://tanstack.com/charts/catalog/charts/27-parallel-coordinates/) - [Candlestick chart](https://tanstack.com/charts/catalog/charts/28-candlestick/) - [Annual gasoline-price waterfall](https://tanstack.com/charts/catalog/charts/29-waterfall/) - [Two-period slopegraph](https://tanstack.com/charts/catalog/charts/30-slopegraph/) - [Scatterplot with linear regression](https://tanstack.com/charts/catalog/charts/31-linear-regression/) - [Metro inequality change arrows](https://tanstack.com/charts/catalog/charts/32-change-arrows/) - [Apple close versus moving average](https://tanstack.com/charts/catalog/charts/33-difference-chart/) - [Pointer-selected tooltip](https://tanstack.com/charts/catalog/charts/34-pointer-tooltip/) - [Grouped X tooltip](https://tanstack.com/charts/catalog/charts/35-grouped-tooltip/) - [Tidy hierarchy tree](https://tanstack.com/charts/catalog/charts/36-hierarchy-tree/) - [Delaunay spatial network](https://tanstack.com/charts/catalog/charts/37-delaunay-network/) - [Filled wind-speed contours](https://tanstack.com/charts/catalog/charts/38-contour-topography/) - [Point density contours](https://tanstack.com/charts/catalog/charts/39-density-contours/) - [Westport House floor plan](https://tanstack.com/charts/catalog/charts/40-geojson-map/) - [Les Misérables character network](https://tanstack.com/charts/catalog/charts/40-force-directed-network/) - [English letter frequency waffle](https://tanstack.com/charts/catalog/charts/41-waffle-unit-chart/) - [Two-dimensional vector field](https://tanstack.com/charts/catalog/charts/42-vector-field/) - [Hexagonally binned density](https://tanstack.com/charts/catalog/charts/43-hexbin-density/) - [Framed guide-free scatterplot](https://tanstack.com/charts/catalog/charts/44-framed-scatter/) - [Empirical cumulative distribution](https://tanstack.com/charts/catalog/charts/50-empirical-cdf/) - [Faceted distributions](https://tanstack.com/charts/catalog/charts/51-faceted-distributions/) - [Beeswarm distribution](https://tanstack.com/charts/catalog/charts/52-beeswarm-dodge/) - [Log-scale Flare class sizes](https://tanstack.com/charts/catalog/charts/53-log-scale-scatter/) - [Industry unemployment bump chart](https://tanstack.com/charts/catalog/charts/54-bump-ranking/) - [Indexed industry unemployment](https://tanstack.com/charts/catalog/charts/55-indexed-multi-line/) - [Directed connected scatterplot](https://tanstack.com/charts/catalog/charts/56-connected-scatter/) - [Scatterplot with marginal histograms](https://tanstack.com/charts/catalog/charts/57-scatter-marginal-histograms/) - [Annotated AAPL extrema](https://tanstack.com/charts/catalog/charts/58-select-extrema/) - [Mean penguin mass reducer bars](https://tanstack.com/charts/catalog/charts/59-grouped-reducer-bars/) - [AAPL lag-one autocorrelation](https://tanstack.com/charts/catalog/charts/60-lag-autocorrelation/) - [Industry unemployment percentile ribbon](https://tanstack.com/charts/catalog/charts/61-quantile-ribbon/) - [Ridgeline density comparison](https://tanstack.com/charts/catalog/charts/62-ridgeline-density/) - [Violin distribution comparison](https://tanstack.com/charts/catalog/charts/63-violin-distributions/) - [Marimekko survey composition](https://tanstack.com/charts/catalog/charts/64-marimekko-mosaic/) - [Voronoi nearest-point interaction](https://tanstack.com/charts/catalog/charts/65-voronoi-nearest-tooltip/) - [Seattle weather with three y axes](https://tanstack.com/charts/catalog/charts/70-composed-chart/) - [Palmer penguins by species and sex](https://tanstack.com/charts/catalog/charts/71-recharts-population-pyramid/) - [Stacked and adjacent Seattle weather bars](https://tanstack.com/charts/catalog/charts/72-recharts-mixed-bars/) - [Automobile specifications scatter](https://tanstack.com/charts/catalog/charts/73-many-point-scatter/) - [Flare analytics treemap](https://tanstack.com/charts/catalog/charts/74-recharts-treemap/) - [Simple radar chart](https://tanstack.com/charts/catalog/charts/75-radar/) - [English letter frequency pie](https://tanstack.com/charts/catalog/charts/76-pie/) - [English letter frequency donut](https://tanstack.com/charts/catalog/charts/77-donut/) - [Survey agreement share gauge](https://tanstack.com/charts/catalog/charts/78-gauge/) - [Snapped axis pointer with grouped tooltip](https://tanstack.com/charts/catalog/charts/80-echarts-axis-pointer/) - [Interactive series legend](https://tanstack.com/charts/catalog/charts/81-recharts-interactive-legend/) - [Linked chart and data table selection](https://tanstack.com/charts/catalog/charts/82-chart-table-selection/) - [Focus and context time window](https://tanstack.com/charts/catalog/charts/83-focus-context-window/) - [Expanding pinned energy tooltip](https://tanstack.com/charts/catalog/charts/84-pinned-nested-chart-tooltip/) - [Scrollable resource timeline lanes](https://tanstack.com/charts/catalog/charts/85-scrollable-resource-lanes/) - [Streaming window preservation](https://tanstack.com/charts/catalog/charts/86-streaming-window-preservation/) - [Synchronized cursors across views](https://tanstack.com/charts/catalog/charts/87-echarts-synchronized-cursors/) - [Free cursor over car measurements](https://tanstack.com/charts/catalog/charts/88-echarts-free-cursor/) - [Observed monthly AAPL brush selection](https://tanstack.com/charts/catalog/charts/89-brush-range-selection/) - [Wheel zoom and pan over AAPL closes](https://tanstack.com/charts/catalog/charts/90-zoomable-time-window/) - [AAPL close playback scrubber](https://tanstack.com/charts/catalog/charts/91-timeline-playback-scrubber/) - [Editable event range](https://tanstack.com/charts/catalog/charts/92-editable-event-range/) - [Letter frequency pie with labels](https://tanstack.com/charts/catalog/charts/93-labeled-pie/) - [Letter frequency donut with total](https://tanstack.com/charts/catalog/charts/94-center-donut/) - [Rounded letter frequency donut](https://tanstack.com/charts/catalog/charts/95-rounded-donut/) - [Nested Flare package sizes](https://tanstack.com/charts/catalog/charts/96-nested-donut/) - [English letter frequency rose](https://tanstack.com/charts/catalog/charts/97-rose/) - [County unemployment gauge](https://tanstack.com/charts/catalog/charts/98-needle-gauge/) - [Comparative radar chart](https://tanstack.com/charts/catalog/charts/99-comparative-radar/) - [Concentric letter frequency bars](https://tanstack.com/charts/catalog/charts/100-radial-bars/) - [Flare analytics sunburst](https://tanstack.com/charts/catalog/charts/101-sunburst/) - [World learning-poverty choropleth](https://tanstack.com/charts/catalog/charts/102-world-choropleth/) - [World population bubble map](https://tanstack.com/charts/catalog/charts/103-bubble-map/) - [Orthographic globe with graticule](https://tanstack.com/charts/catalog/charts/104-orthographic-globe/) - [HMS Beagle voyage](https://tanstack.com/charts/catalog/charts/105-route-map/) - [Seattle daily high-temperature polar line](https://tanstack.com/charts/catalog/charts/106-polar-line/) - [Surface wind polar scatter](https://tanstack.com/charts/catalog/charts/107-polar-scatter/) - [World population-density choropleth](https://tanstack.com/charts/catalog/charts/108-country-choropleth/) - [United States county unemployment choropleth](https://tanstack.com/charts/catalog/charts/109-us-state-choropleth/) - [Standard world projection gallery](https://tanstack.com/charts/catalog/charts/110-projection-gallery/) - [Basic Sankey](https://tanstack.com/charts/catalog/charts/111-basic-sankey/) - [Sankey](https://tanstack.com/charts/catalog/charts/111-sankey-flow/) - [Staggered entrance motion](https://tanstack.com/charts/catalog/charts/112-motion-entrance/) - [Interrupted spring updates](https://tanstack.com/charts/catalog/charts/113-motion-updates/) - [Spring line updates](https://tanstack.com/charts/catalog/charts/114-spring-line-motion/) - [Definition-owned motion](https://tanstack.com/charts/catalog/charts/115-definition-motion/) - [Cross-chart geometry morph](https://tanstack.com/charts/catalog/charts/116-geometry-morph/) - [Focus and crosshair motion](https://tanstack.com/charts/catalog/charts/117-focus-cursor-motion/) - [Token use calendar heatmap](https://tanstack.com/charts/catalog/charts/118-token-usage-calendar/) - [Stacked bars with band and rule cursors](https://tanstack.com/charts/catalog/charts/119-stacked-bar-band-cursor/) - [Themed interactive area card](https://tanstack.com/charts/catalog/charts/120-themed-interactive-area/) - [Active bar dashboard](https://tanstack.com/charts/catalog/charts/121-active-bar-dashboard/) - [Premium KPI sparklines](https://tanstack.com/charts/catalog/charts/122-premium-kpi-sparklines/) - [Active donut metric](https://tanstack.com/charts/catalog/charts/123-active-donut-metric/) - [Theme palette matrix](https://tanstack.com/charts/catalog/charts/124-theme-palette-matrix/) - [Sales conversion funnel](https://tanstack.com/charts/catalog/charts/125-sales-funnel/) - [Drillable Flare sunburst](https://tanstack.com/charts/catalog/charts/126-drillable-sunburst/) - [shadcn dashboard](https://tanstack.com/charts/catalog/charts/127-shadcn-dashboard/) - [shadcn Bar Chart - Multiple](https://tanstack.com/charts/catalog/charts/128-shadcn-bar-multiple/) - [shadcn Pie Chart - Donut with Text](https://tanstack.com/charts/catalog/charts/129-shadcn-pie-donut-text/) - [shadcn Radar Chart - Multiple](https://tanstack.com/charts/catalog/charts/130-shadcn-radar-multiple/) - [shadcn Radial Chart - Text](https://tanstack.com/charts/catalog/charts/131-shadcn-radial-text/) - [shadcn Tooltip - Advanced](https://tanstack.com/charts/catalog/charts/132-shadcn-tooltip-advanced/) - [shadcn Area Chart - Axes](https://tanstack.com/charts/catalog/charts/133-shadcn-area-axes/) - [shadcn Area Chart](https://tanstack.com/charts/catalog/charts/134-shadcn-area-default/) - [shadcn Area Chart - Gradient](https://tanstack.com/charts/catalog/charts/135-shadcn-area-gradient/) - [shadcn Area Chart - Icons](https://tanstack.com/charts/catalog/charts/136-shadcn-area-icons/) - [shadcn Area Chart - Interactive](https://tanstack.com/charts/catalog/charts/137-shadcn-area-interactive/) - [shadcn Area Chart - Legend](https://tanstack.com/charts/catalog/charts/138-shadcn-area-legend/) - [shadcn Area Chart - Linear](https://tanstack.com/charts/catalog/charts/139-shadcn-area-linear/) - [shadcn Area Chart - Stacked Expanded](https://tanstack.com/charts/catalog/charts/140-shadcn-area-stacked-expand/) - [shadcn Area Chart - Stacked](https://tanstack.com/charts/catalog/charts/141-shadcn-area-stacked/) - [shadcn Area Chart - Step](https://tanstack.com/charts/catalog/charts/142-shadcn-area-step/) - [shadcn Bar Chart - Active](https://tanstack.com/charts/catalog/charts/143-shadcn-bar-active/) - [shadcn Bar Chart](https://tanstack.com/charts/catalog/charts/144-shadcn-bar-default/) - [shadcn Bar Chart - Horizontal](https://tanstack.com/charts/catalog/charts/145-shadcn-bar-horizontal/) - [shadcn Bar Chart - Interactive](https://tanstack.com/charts/catalog/charts/146-shadcn-bar-interactive/) - [shadcn Bar Chart - Custom Label](https://tanstack.com/charts/catalog/charts/147-shadcn-bar-label-custom/) - [shadcn Bar Chart - Label](https://tanstack.com/charts/catalog/charts/148-shadcn-bar-label/) - [shadcn Bar Chart - Mixed](https://tanstack.com/charts/catalog/charts/149-shadcn-bar-mixed/) - [shadcn Bar Chart - Negative](https://tanstack.com/charts/catalog/charts/150-shadcn-bar-negative/) - [shadcn Bar Chart - Stacked + Legend](https://tanstack.com/charts/catalog/charts/151-shadcn-bar-stacked/) - [shadcn Line Chart](https://tanstack.com/charts/catalog/charts/152-shadcn-line-default/) - [shadcn Line Chart - Dots Colors](https://tanstack.com/charts/catalog/charts/153-shadcn-line-dots-colors/) - [shadcn Line Chart - Custom Dots](https://tanstack.com/charts/catalog/charts/154-shadcn-line-dots-custom/) - [shadcn Line Chart - Dots](https://tanstack.com/charts/catalog/charts/155-shadcn-line-dots/) - [shadcn Line Chart - Interactive](https://tanstack.com/charts/catalog/charts/156-shadcn-line-interactive/) - [shadcn Line Chart - Custom Label](https://tanstack.com/charts/catalog/charts/157-shadcn-line-label-custom/) - [shadcn Line Chart - Label](https://tanstack.com/charts/catalog/charts/158-shadcn-line-label/) - [shadcn Line Chart - Linear](https://tanstack.com/charts/catalog/charts/159-shadcn-line-linear/) - [shadcn Line Chart - Multiple](https://tanstack.com/charts/catalog/charts/160-shadcn-line-multiple/) - [shadcn Line Chart - Step](https://tanstack.com/charts/catalog/charts/161-shadcn-line-step/) - [shadcn Pie Chart - Donut Active](https://tanstack.com/charts/catalog/charts/162-shadcn-pie-donut-active/) - [shadcn Pie Chart - Donut](https://tanstack.com/charts/catalog/charts/163-shadcn-pie-donut/) - [shadcn Pie Chart - Interactive](https://tanstack.com/charts/catalog/charts/164-shadcn-pie-interactive/) - [shadcn Pie Chart - Custom Label](https://tanstack.com/charts/catalog/charts/165-shadcn-pie-label-custom/) - [shadcn Pie Chart - Label List](https://tanstack.com/charts/catalog/charts/166-shadcn-pie-label-list/) - [shadcn Pie Chart - Label](https://tanstack.com/charts/catalog/charts/167-shadcn-pie-label/) - [shadcn Pie Chart - Legend](https://tanstack.com/charts/catalog/charts/168-shadcn-pie-legend/) - [shadcn Pie Chart - Separator None](https://tanstack.com/charts/catalog/charts/169-shadcn-pie-separator-none/) - [shadcn Pie Chart](https://tanstack.com/charts/catalog/charts/170-shadcn-pie-simple/) - [shadcn Pie Chart - Stacked](https://tanstack.com/charts/catalog/charts/171-shadcn-pie-stacked/) - [shadcn Radar Chart](https://tanstack.com/charts/catalog/charts/172-shadcn-radar-default/) - [shadcn Radar Chart - Dots](https://tanstack.com/charts/catalog/charts/173-shadcn-radar-dots/) - [shadcn Radar Chart - Grid Circle Filled](https://tanstack.com/charts/catalog/charts/174-shadcn-radar-grid-circle-fill/) - [shadcn Radar Chart - Grid Circle - No lines](https://tanstack.com/charts/catalog/charts/175-shadcn-radar-grid-circle-no-lines/) - [shadcn Radar Chart - Grid Circle](https://tanstack.com/charts/catalog/charts/176-shadcn-radar-grid-circle/) - [shadcn Radar Chart - Grid Custom](https://tanstack.com/charts/catalog/charts/177-shadcn-radar-grid-custom/) - [shadcn Radar Chart - Grid Filled](https://tanstack.com/charts/catalog/charts/178-shadcn-radar-grid-fill/) - [shadcn Radar Chart - Grid None](https://tanstack.com/charts/catalog/charts/179-shadcn-radar-grid-none/) - [shadcn Radar Chart - Icons](https://tanstack.com/charts/catalog/charts/180-shadcn-radar-icons/) - [shadcn Radar Chart - Custom Label](https://tanstack.com/charts/catalog/charts/181-shadcn-radar-label-custom/) - [shadcn Radar Chart - Legend](https://tanstack.com/charts/catalog/charts/182-shadcn-radar-legend/) - [shadcn Radar Chart - Lines Only](https://tanstack.com/charts/catalog/charts/183-shadcn-radar-lines-only/) - [shadcn Radar Chart - Radius Axis](https://tanstack.com/charts/catalog/charts/184-shadcn-radar-radius/) - [shadcn Radial Chart - Grid](https://tanstack.com/charts/catalog/charts/185-shadcn-radial-grid/) - [shadcn Radial Chart - Label](https://tanstack.com/charts/catalog/charts/186-shadcn-radial-label/) - [shadcn Radial Chart - Shape](https://tanstack.com/charts/catalog/charts/187-shadcn-radial-shape/) - [shadcn Radial Chart](https://tanstack.com/charts/catalog/charts/188-shadcn-radial-simple/) - [shadcn Radial Chart - Stacked](https://tanstack.com/charts/catalog/charts/189-shadcn-radial-stacked/) - [shadcn Tooltip - Default](https://tanstack.com/charts/catalog/charts/190-shadcn-tooltip-default/) - [shadcn Tooltip - Formatter](https://tanstack.com/charts/catalog/charts/191-shadcn-tooltip-formatter/) - [shadcn Tooltip - Icons](https://tanstack.com/charts/catalog/charts/192-shadcn-tooltip-icons/) - [shadcn Tooltip - Line Indicator](https://tanstack.com/charts/catalog/charts/193-shadcn-tooltip-indicator-line/) - [shadcn Tooltip - No Indicator](https://tanstack.com/charts/catalog/charts/194-shadcn-tooltip-indicator-none/) - [shadcn Tooltip - Custom label](https://tanstack.com/charts/catalog/charts/195-shadcn-tooltip-label-custom/) - [shadcn Tooltip - Label Formatter](https://tanstack.com/charts/catalog/charts/196-shadcn-tooltip-label-formatter/) - [shadcn Tooltip - No Label](https://tanstack.com/charts/catalog/charts/197-shadcn-tooltip-label-none/) - [Project Gantt with nested phases and dependencies](https://tanstack.com/charts/catalog/charts/198-gantt-dependencies/)