# Area Chart components > Visualize your data with 35 customizable area chart components for React, styled with Tailwind CSS and optimized for Next.js projects. 69 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/area-chart. - [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 - [Area Charts 1](https://21st.dev/@sean0205/components/area-charts-1.md) — by Sean Hello - [Area Charts 2](https://21st.dev/@sean0205/components/area-charts-2.md) — by Sean Hello - [Real time Analytics](https://21st.dev/@koustubhayadiyala36/components/real-time-analytics.md) — by Kousthubha Yadiyala - [Brush](https://21st.dev/@airbnb-visx/components/brush.md) — by Airbnb - [Area Chart](https://21st.dev/@reaviz/components/area-chart-1.md) — by REAVIZ - [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart/rounded-area-chart.md) — by Legion Dev - [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart.md) — by Legion Dev - [Public Stats](https://21st.dev/@user_xn1cklas/components/public-stats.md) — by user_xn1cklas - [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart/hatched-area-chart.md) — by Legion Dev - [Finance Chart](https://21st.dev/@airbnb-visx/components/finance-chart.md) — by Airbnb - [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart/dotted-area-chart.md) — by Legion Dev - [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart/bar-area-chart.md) — by Legion Dev - [Area Chart Analytics Card](https://21st.dev/@ahmedmayara/components/area-chart-analytics-card.md) — by Ahmed Mayara - [Area Chart Medium](https://21st.dev/@reaviz/components/area-chart-medium.md) — by REAVIZ - [Conversion Funnel Area Chart](https://21st.dev/@ahmedmayara/components/conversion-funnel-area-chart.md) — by Ahmed Mayara - [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart/highlighted-area-chart.md) — by Legion Dev - [8-bit Step Area Chart](https://21st.dev/@theorcdev/components/8bit-chart-area-step.md) — by OrcDev - [Area Chart](https://21st.dev/@reaviz/components/area-chart-2.md) — by REAVIZ - [Detailed Normalized Incident Report](https://21st.dev/@reaviz/components/detailed-normalized-incident-report.md) — by REAVIZ - [HUD Area Chart](https://21st.dev/@isaiahbjork/components/hud-area-chart-1.md) — by Isaiah - [Area Chart](https://21st.dev/@SubframeApp/components/area-chart/area-chart-one.md) — by SubframeApp - [Area Chart](https://21st.dev/@SubframeApp/components/area-chart.md) — by SubframeApp - [Area Chart Small](https://21st.dev/@reaviz/components/area-chart-small.md) — by REAVIZ - [Area Chart](https://21st.dev/@intentui/components/area-chart.md) — by Intent UI - [Area Chart](https://21st.dev/@SubframeApp/components/area-chart/dark-chart.md) — by SubframeApp - [Area Chart](https://21st.dev/@reaviz/components/area-chart.md) — by REAVIZ - [Areachart Multiseries](https://21st.dev/@reaviz/components/areachart-multiseries.md) — by REAVIZ - [Area Chart](https://21st.dev/@SubframeApp/components/area-chart/area-chart-two.md) — by SubframeApp - [Stacked Areas](https://21st.dev/@airbnb-visx/components/stacked-areas.md) — by Airbnb - [Area Chart Xs](https://21st.dev/@reaviz/components/area-chart-xs.md) — by REAVIZ - [Stacked Normalized Incident Chart](https://21st.dev/@reaviz/components/stacked-normalized-incident-chart.md) — by REAVIZ - [Threshold](https://21st.dev/@airbnb-visx/components/threshold.md) — by Airbnb - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/area-stacked.md) — by Cnippet - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/area.md) — by Cnippet - [Features 9](https://21st.dev/@meschacirung/components/features-9.md) — by Méschac Irung - [Combined Featured Section](https://21st.dev/@ruixen.ui/components/combined-featured-section.md) — by Ruixen UI - [Analytics Bento](https://21st.dev/@jatin-yadav05/components/analytics-bento.md) — by Jatin Yadav - [Progress Metric Card](https://21st.dev/@makviesainte/components/progress-metric-card.md) — by Mak VieSAinte - [Featured Section Stats](https://21st.dev/@ruixen.ui/components/featured-section-stats.md) — by Ruixen UI - [FeaturedCrmDemoSection](https://21st.dev/@ruixen.ui/components/featured-crm-demo-section.md) — by Ruixen UI - [Ruixen Stats](https://21st.dev/@ruixen.ui/components/ruixen-stats.md) — by Ruixen UI - [Featured Image Section](https://21st.dev/@ruixen.ui/components/ruixen-featured-image-section.md) — by Ruixen UI - [FeaturesDetail](https://21st.dev/@ruixen.ui/components/features-detail.md) — by Ruixen UI - [Line Charts 2](https://21st.dev/@sean0205/components/line-charts-2.md) — by Sean Hello - [Streamgraph](https://21st.dev/@airbnb-visx/components/streamgraph.md) — by Airbnb - [Line Graph Statistics](https://21st.dev/@ravikatiyar162/components/line-graph-statistics.md) — by Ravi Katiyar - [Axis](https://21st.dev/@airbnb-visx/components/axis.md) — by Airbnb - [Stats](https://21st.dev/@ephraimduncan/components/stats-4.md) — by Ephraim Duncan - [Content Default](https://21st.dev/@meschacirung/components/content-default/content-one.md) — by Méschac Irung - [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-card-with-area-chart.md) — by Ephraim Duncan Full component directory: https://21st.dev/llms.txt