# Chart components > Visualize data effortlessly with 19 chart components crafted for React and styled with Tailwind CSS, optimized for Next.js. 198 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/chart. - [Streamgraph](https://21st.dev/@airbnb-visx/components/streamgraph.md) — by Airbnb - [Chords](https://21st.dev/@airbnb-visx/components/chords.md) — by Airbnb - [Axis](https://21st.dev/@airbnb-visx/components/axis.md) — by Airbnb - [Charts](https://21st.dev/@edwinvakayil/components/charts.md) — by Edwin Vakayil - [Treemap chart](https://21st.dev/@airbnb-visx/components/treemap-chart.md) — by Airbnb - [Glass Real time crypto Chart](https://21st.dev/@moazamtrade/components/glass-real-time-crypto-chart.md) — by shadway - [Glyphs](https://21st.dev/@airbnb-visx/components/glyphs.md) — by Airbnb - [Tooltip Chart](https://21st.dev/@intentui/components/tooltip-chart.md) — by Intent UI - [Scatter Chart](https://21st.dev/@intentui/components/scatter-chart.md) — by Intent UI - [Crypto Market Chart](https://21st.dev/@namanbansal580/components/crypto-market-chart.md) — by Naman Bansal - [Word cloud](https://21st.dev/@airbnb-visx/components/word-cloud.md) — by Airbnb - [QuadrantChart](https://21st.dev/@charlesinwald/components/quadrant-chart.md) — by Charles Inwald - [Legends](https://21st.dev/@airbnb-visx/components/legends.md) — by Airbnb - [Stacked Chart](https://21st.dev/@reaviz/components/stacked-chart.md) — by REAVIZ - [BoxPlot + ViolinPlot](https://21st.dev/@airbnb-visx/components/box-plot-violin-plot.md) — by Airbnb - [Interpolation chart](https://21st.dev/@reaviz/components/interpolation-chart.md) — by REAVIZ - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/combo.md) — by Cnippet - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/radial.md) — by Cnippet - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/radar.md) — by Cnippet - [Animated Card Chart](https://21st.dev/@badtzx0/components/animated-card-chart.md) — by badtz - [Area Chart](https://21st.dev/@bklitai/components/area-chart.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-charts-yaxis.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/interactive-area-chart.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-chard-edges.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-chart-curve.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/dual-chart-area.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-chart-selection.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-chart-no-stroke.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-chart-gradient.md) — by bklitai - [Area Chart](https://21st.dev/@bklitai/components/area-chart/area-chart-step.md) — by bklitai - [Tooltip](https://21st.dev/@originui/components/tooltip/tooltip-with-chart.md) — by Origin UI - [Donut Chart](https://21st.dev/@ravikatiyar162/components/donut-chart.md) — by Ravi Katiyar - [Progress Metric Card](https://21st.dev/@makviesainte/components/progress-metric-card.md) — by Mak VieSAinte - [Animated Card](https://21st.dev/@badtzx0/components/animated-card.md) — by badtz - [Mini Chart](https://21st.dev/@jatin-yadav05/components/mini-chart.md) — by Jatin Yadav - [Pricing With Chart](https://21st.dev/@sshahaider/components/pricing-with-chart.md) — by Efferd - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart.md) — by bklitai - [System Monitor](https://21st.dev/@isaiahbjork/components/system-monitor.md) — by Isaiah - [Pie Chart](https://21st.dev/@LegionWebDev/components/pie-chart.md) — by Legion Dev - [Chart](https://21st.dev/@shadcn/components/chart.md) — by shadcn - [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart.md) — by Legion Dev - [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/glowing-line-chart.md) — by Legion Dev - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-five.md) — by bklitai - [Pie Chart](https://21st.dev/@LegionWebDev/components/pie-chart/radial-chart.md) — by Legion Dev - [Line Charts 9](https://21st.dev/@sean0205/components/line-charts-9.md) — by Sean Hello - [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/pinging-dot-chart.md) — by Legion Dev - [Radar Chart](https://21st.dev/@LegionWebDev/components/radar-chart.md) — by Legion Dev - [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/rainbow-line-chart.md) — by Legion Dev - [Pie Chart](https://21st.dev/@LegionWebDev/components/pie-chart/sized-pie-chart.md) — by Legion Dev - [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/multi-line-chart.md) — by Legion Dev - [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/number-dot-chart.md) — by Legion Dev - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-labels.md) — by bklitai - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart/funnel-pattern-fill.md) — by bklitai - [Points Chart](https://21st.dev/@trophyso/components/points-chart.md) — by trophyso - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-two.md) — by bklitai - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-three.md) — by bklitai - [Real time Analytics](https://21st.dev/@koustubhayadiyala36/components/real-time-analytics.md) — by Kousthubha Yadiyala - [Funnel Chart](https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-grid.md) — by bklitai - [Radar Chart](https://21st.dev/@LegionWebDev/components/radar-chart/glowing-multiple-stroke.md) — by Legion Dev - [Radar Chart](https://21st.dev/@LegionWebDev/components/radar-chart/glow-stroke-radar-chart.md) — by Legion Dev Full component directory: https://21st.dev/llms.txt