--- product: "AG Charts" title: "AG Charts Gallery - 100+ JavaScript Chart Examples | AG Charts" description: "Browse 100+ interactive chart examples built with AG Charts: bar, line, pie, area, financial, hierarchical and more. View the live demos and copy the code." llms: "https://www.ag-grid.com/charts/archive/14.2.0/llms.txt" --- # AG Charts Gallery The AG Charts gallery contains over 100 live, interactive chart examples - from bar, line, pie and area charts to financial, statistical, hierarchical and specialised types. Every example runs in the browser and comes with copy-ready code for JavaScript, React, Angular and Vue. [Free Trial](https://www.ag-grid.com/charts/archive/14.2.0/react/community-vs-enterprise/#request-a-30-day-enterprise-bundle-trial-licence) | [Buy Now](https://www.ag-grid.com/charts/archive/14.2.0/license-pricing/) ## Bar Charts - [Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-bar/) - [Grouped Stacked Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/grouped-stacked-bar/) - [Stacked Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/stacked-bar/) - [Horizontal Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-horizontal-bar/) - [Stacked Horizontal Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/stacked-horizontal-bar/) - [Grouped Horizontal Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/grouped-horizontal-bar/) ## Line Charts - [Line Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-line/) - [Line Chart With Gaps Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/line-with-gaps/) - [Line Chart with Multiple Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-line-series/) - [Line Chart With Time Axis Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/line-with-time-axis/) - [Line Chart With Large Data Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-line-series-large-data/) - [Line Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/line-with-labels/) ## Area Charts - [Area Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-area/) - [Area Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/area-with-labels/) - [Stacked Area Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/stacked-area/) - [Area Chart With Markers Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/area-with-markers/) - [100% Stacked Area Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/100--stacked-area/) - [Area Chart With Negative Values Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/area-with-negative-values/) ## Scatter Charts - [Scatter Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-scatter/) - [Scatter Chart with Multiple Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-scatter-series/) - [Scatter Chart With Large Data Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/scatter-with-large-data/) - [Scatter Chart With Custom Markers Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/scatter-with-custom-markers/) - [Scatter Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/scatter-with-labels/) - [Scatter Chart With Multiple Axes Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/scatter-with-multiple-axes/) ## Bubble Charts - [Bubble Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/bubble-with-negative-values/) - [Multiple Bubble Series Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-bubble-series/) - [Bubble Chart With Categories Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/bubble-with-categories/) - [Bubble Chart With Images Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/bubble-with-images/) - [Bubble Chart With Patterns Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/bubble-with-patterns/) - [Bubble Chart With Custom SVG Patterns Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/bubble-with-custom-svg-patterns/) ## Pie Charts - [Pie Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-pie/) - [Pie Chart With Variable Radius Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/pie-with-variable-radius/) - [Pie Chart In A Donut Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/pie-in-a-donut/) ## Donut Charts - [Donut Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-donut/) - [Donut Chart With Variable Radius Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/donut-with-variable-radius/) - [Multiple Donut Charts Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-donuts/) ## Map Charts (Enterprise) - [Map Chart With Multiple Shape Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-map-shape-series/) - [Multiple Map Chart Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-map-series/) - [Map Chart with Heatmap Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/map-heatmap-series/) - [Map Chart With Shapes and Lines Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/map-shapes-lines/) - [Map Chart with Lines and Markers Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/map-lines-markers/) - [Map Chart Kitchen Sink Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/map-kitchen-sink/) ## Org Charts (Enterprise) - [Org Chart With Images Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-org-chart-with-images/) - [Org Chart With Categories Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-org-chart-with-categories/) - [Org Chart With Many Nodes Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/org-chart-with-many-nodes/) ## Quadrant Charts (Enterprise) - [Quadrant Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/quadrant-chart/) - [Quadrant Chart With Varying Size Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/quadrant-chart-with-size/) - [Quadrant Chart With Large Data Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/quadrant-chart-with-large-data/) ## Histogram Charts (Enterprise) - [Histogram Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-histogram/) - [Histogram Chart With Specified Bins Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/histogram-with-specified-bins/) - [Histogram Chart With Missing Bins Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/histogram-with-missing-bins/) ## Range Bar Charts (Enterprise) - [Range Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-range-bar/) - [Range Bar Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/range-bar-with-labels/) - [Range Bar Chart with Multiple Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-range-bars/) - [Horizontal Range Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/horizontal-range-bar/) - [Horizontal Range Bar Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/horizontal-range-bar-with-labels/) - [Horizontal Range Bar Charts with Multiple Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-horizontal-range-bars/) ## Range Area Charts (Enterprise) - [Range Area Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-range-area/) - [Range Area Difference Chart With Inverted Style Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/range-area-difference-inverted-style/) - [Range Area Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/range-area-with-labels/) ## Waterfall Charts (Enterprise) - [Waterfall Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-waterfall/) - [Horizontal Waterfall Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/horizontal-waterfall/) - [Customised Waterfall Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/customised-waterfall/) ## Box Plot Charts (Enterprise) - [Box Plot Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-box-plot/) - [Box Plot Chart with Multiple Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-box-plots/) - [Horizontal Box Plot Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/horizontal-box-plot/) ## Candlestick Charts (Enterprise) - [Candlestick Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/candlestick/) - [Hollow Candlestick Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/candlestick-hollow/) ## OHLC Charts (Enterprise) - [OHLC Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/ohlc/) ## Radar Line Charts (Enterprise) - [Radar Line Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-radar-line/) - [Radar Chart With Markers Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/radar-with-markers/) - [Reversed Radar Chart With Markers Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/reversed-radar-with-markers/) ## Radar Area Charts (Enterprise) - [Radar Area Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-radar-area/) - [Radar Area Chart With Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/radar-area-with-labels/) - [Reversed Radar Area Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/reversed-radar-area/) ## Nightingale Charts (Enterprise) - [Nightingale Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-nightingale/) - [Nightingale Chart with Multiple Series Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/multiple-nightingale-series/) - [Reversed Nightingale Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/reversed-nightingale/) ## Radial Column Charts (Enterprise) - [Radial Column Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-radial-column/) - [Grouped Radial Column Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/grouped-radial-column/) - [Reversed Radial Column Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/reversed-radial-column/) ## Radial Bar Charts (Enterprise) - [Radial Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-radial-bar/) - [Stacked Radial Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/stacked-radial-bar/) - [Reversed Radial Bar Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/reversed-radial-bar/) ## Sunburst Charts (Enterprise) - [Sunburst Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-sunburst/) - [Sunburst Chart with Nesting Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/sunburst-with-nesting/) - [Sunburst Chart with Colour Range Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/sunburst-with-color-range/) ## Treemap Charts (Enterprise) - [Treemap Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-treemap/) - [Treemap Chart with Nesting Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/treemap-with-nesting/) - [Treemap Chart with Colour Range Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/treemap-with-color-range/) ## Heatmap Charts (Enterprise) - [Heatmap Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-heatmap/) - [Heatmap Chart with Labels Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/heatmap-with-labels/) - [Heatmap Chart with Grouped Category Axis Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/grouped-category-heatmap/) - [Calendar Heatmap Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/calendar-heatmap/) ## Sankey Charts (Enterprise) - [Sankey Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/sankey/) - [Customised Sankey Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/sankey-customisation/) ## Chord Charts (Enterprise) - [Chord Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/chord/) - [Customised Chord Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/chord-customisation/) ## Funnel Charts (Enterprise) - [Funnel Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-funnel/) - [Customised Funnel Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/customised-funnel/) ## Cone Funnel Charts (Enterprise) - [Cone Funnel Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-cone-funnel/) ## Pyramid Charts (Enterprise) - [Pyramid Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-pyramid/) ## Radial Gauge Charts (Enterprise) - [Radial Gauge Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-radial-gauge/) - [Customised Radial Gauge Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/customised-radial-gauge/) ## Linear Gauge Charts (Enterprise) - [Linear Gauge Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-linear-gauge/) - [Horizontal Linear Gauge Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/horizontal-linear-gauge/) - [Bullet Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/simple-bullet/) ## Combination Charts - [Bar And Line Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/bar-line-combination/) - [Histogram And Scatter Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/histogram-scatter-combination/) - [Horizontal Range Bar And Scatter Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/horizontal-range-bar-scatter-combination/) - [Radar Line, Radar Area And Nightingale Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/radar-line-radar-area-nightingale-combination/) - [Grouped Category Axis Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/grouped-bar-line-combination/) - [Step Interpolation Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/step-interpolation-combination/) - [Bar, Line And Area Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/grouped-category-combination/) - [Stacked Bar And Area Combination Chart Example](https://www.ag-grid.com/charts/archive/14.2.0/gallery/stacked-bar-area-combination/)