--- title: "Gallery" description: "Gallery of JavaScript Charts and JavaScript Graphs created with AG Charts. View source code and interact with Charts; live edit examples with CodeSandbox and Plunker." --- # AG Charts Gallery Browse the AG Charts gallery of chart examples, grouped by chart type. Each example links to a live, interactive demo. ## Bar - [Bar Chart](https://www.ag-grid.com/charts/gallery/simple-bar/) - [Grouped Stacked Bar Chart](https://www.ag-grid.com/charts/gallery/grouped-stacked-bar/) - [Stacked Bar Chart](https://www.ag-grid.com/charts/gallery/stacked-bar/) - [Simple Horizontal Bar Chart](https://www.ag-grid.com/charts/gallery/simple-horizontal-bar/) - [Stacked Horizontal Bar Chart](https://www.ag-grid.com/charts/gallery/stacked-horizontal-bar/) - [Grouped Horizontal Bar Chart](https://www.ag-grid.com/charts/gallery/grouped-horizontal-bar/) ## Line - [Line Chart](https://www.ag-grid.com/charts/gallery/simple-line/) - [Line Chart With Gaps](https://www.ag-grid.com/charts/gallery/line-with-gaps/) - [Line Chart with Multiple Series](https://www.ag-grid.com/charts/gallery/multiple-line-series/) - [Line Chart With Time Axis](https://www.ag-grid.com/charts/gallery/line-with-time-axis/) - [Line Chart With Large Data](https://www.ag-grid.com/charts/gallery/multiple-line-series-large-data/) - [Line Chart With Labels](https://www.ag-grid.com/charts/gallery/line-with-labels/) ## Area - [Area Chart](https://www.ag-grid.com/charts/gallery/simple-area/) - [Area Chart With Labels](https://www.ag-grid.com/charts/gallery/area-with-labels/) - [Stacked Area Chart](https://www.ag-grid.com/charts/gallery/stacked-area/) - [Area Chart With Markers](https://www.ag-grid.com/charts/gallery/area-with-markers/) - [100% Stacked Area Chart](https://www.ag-grid.com/charts/gallery/100--stacked-area/) - [Area Chart With Negative Values](https://www.ag-grid.com/charts/gallery/area-with-negative-values/) ## Scatter - [Scatter Chart](https://www.ag-grid.com/charts/gallery/simple-scatter/) - [Scatter Chart with Multiple Series](https://www.ag-grid.com/charts/gallery/multiple-scatter-series/) - [Scatter Chart With Large Data](https://www.ag-grid.com/charts/gallery/scatter-with-large-data/) - [Scatter Chart With Custom Markers](https://www.ag-grid.com/charts/gallery/scatter-with-custom-markers/) - [Scatter Chart With Labels](https://www.ag-grid.com/charts/gallery/scatter-with-labels/) - [Scatter Chart With Multiple Axes](https://www.ag-grid.com/charts/gallery/scatter-with-multiple-axes/) ## Bubble - [Bubble Chart](https://www.ag-grid.com/charts/gallery/bubble-with-negative-values/) - [Multiple Bubble Series Chart](https://www.ag-grid.com/charts/gallery/multiple-bubble-series/) - [Bubble Chart With Categories](https://www.ag-grid.com/charts/gallery/bubble-with-categories/) - [Bubble Chart With Images](https://www.ag-grid.com/charts/gallery/bubble-with-images/) - [Bubble Chart With Patterns](https://www.ag-grid.com/charts/gallery/bubble-with-patterns/) - [Bubble Chart With Custom SVG Patterns](https://www.ag-grid.com/charts/gallery/bubble-with-custom-svg-patterns/) ## Pie - [Pie Chart](https://www.ag-grid.com/charts/gallery/simple-pie/) - [Pie Chart With Variable Radius](https://www.ag-grid.com/charts/gallery/pie-with-variable-radius/) - [Pie Chart In A Donut](https://www.ag-grid.com/charts/gallery/pie-in-a-donut/) ## Donut - [Donut Chart](https://www.ag-grid.com/charts/gallery/simple-donut/) - [Donut Chart With Variable Radius](https://www.ag-grid.com/charts/gallery/donut-with-variable-radius/) - [Multiple Donut Charts](https://www.ag-grid.com/charts/gallery/multiple-donuts/) ## Map (Enterprise) - [Map Chart With Multiple Shape Series](https://www.ag-grid.com/charts/gallery/multiple-map-shape-series/) - [Multiple Map Chart Series](https://www.ag-grid.com/charts/gallery/multiple-map-series/) - [Map Chart with Heatmap](https://www.ag-grid.com/charts/gallery/map-heatmap-series/) - [Map Chart With Shapes and Lines](https://www.ag-grid.com/charts/gallery/map-shapes-lines/) - [Map Chart with Lines and Markers](https://www.ag-grid.com/charts/gallery/map-lines-markers/) - [Map Chart Kitchen Sink](https://www.ag-grid.com/charts/gallery/map-kitchen-sink/) ## Org Chart (Enterprise) - [Org Chart With Images](https://www.ag-grid.com/charts/gallery/simple-org-chart-with-images/) - [Org Chart With Categories](https://www.ag-grid.com/charts/gallery/simple-org-chart-with-categories/) - [Org Chart With Many Nodes](https://www.ag-grid.com/charts/gallery/org-chart-with-many-nodes/) ## Histogram (Enterprise) - [Histogram Chart](https://www.ag-grid.com/charts/gallery/simple-histogram/) - [Histogram Chart With Specified Bins](https://www.ag-grid.com/charts/gallery/histogram-with-specified-bins/) - [Histogram Chart With Missing Bins](https://www.ag-grid.com/charts/gallery/histogram-with-missing-bins/) ## Range Bar (Enterprise) - [Range Bar Chart](https://www.ag-grid.com/charts/gallery/simple-range-bar/) - [Range Bar Chart With Labels](https://www.ag-grid.com/charts/gallery/range-bar-with-labels/) - [Range Bar Chart with Multiple Series](https://www.ag-grid.com/charts/gallery/multiple-range-bars/) - [Horizontal Range Bar Chart](https://www.ag-grid.com/charts/gallery/horizontal-range-bar/) - [Horizontal Range Bar Chart With Labels](https://www.ag-grid.com/charts/gallery/horizontal-range-bar-with-labels/) - [Horizontal Range Bar Charts with Multiple Series](https://www.ag-grid.com/charts/gallery/multiple-horizontal-range-bars/) ## Range Area (Enterprise) - [Range Area Chart](https://www.ag-grid.com/charts/gallery/simple-range-area/) - [Range Area Difference Chart With Inverted Style](https://www.ag-grid.com/charts/gallery/range-area-difference-inverted-style/) - [Range Area Chart With Labels](https://www.ag-grid.com/charts/gallery/range-area-with-labels/) ## Waterfall (Enterprise) - [Waterfall Chart](https://www.ag-grid.com/charts/gallery/simple-waterfall/) - [Horizontal Waterfall Chart](https://www.ag-grid.com/charts/gallery/horizontal-waterfall/) - [Customised Waterfall Chart](https://www.ag-grid.com/charts/gallery/customised-waterfall/) ## Box Plot (Enterprise) - [Box Plot Chart](https://www.ag-grid.com/charts/gallery/simple-box-plot/) - [Box Plot Chart with Multiple Series](https://www.ag-grid.com/charts/gallery/multiple-box-plots/) - [Horizontal Box Plot Chart](https://www.ag-grid.com/charts/gallery/horizontal-box-plot/) ## Candlestick (Enterprise) - [Candlestick Chart](https://www.ag-grid.com/charts/gallery/candlestick/) - [Hollow Candlestick Chart](https://www.ag-grid.com/charts/gallery/candlestick-hollow/) ## OHLC (Enterprise) - [OHLC Chart](https://www.ag-grid.com/charts/gallery/ohlc/) ## Radar Line (Enterprise) - [Radar Line Chart](https://www.ag-grid.com/charts/gallery/simple-radar-line/) - [Radar Chart With Markers](https://www.ag-grid.com/charts/gallery/radar-with-markers/) - [Reversed Radar Chart With Markers](https://www.ag-grid.com/charts/gallery/reversed-radar-with-markers/) ## Radar Area (Enterprise) - [Radar Area Chart](https://www.ag-grid.com/charts/gallery/simple-radar-area/) - [Radar Area Chart With Labels](https://www.ag-grid.com/charts/gallery/radar-area-with-labels/) - [Reversed Radar Area Chart](https://www.ag-grid.com/charts/gallery/reversed-radar-area/) ## Nightingale (Enterprise) - [Nightingale Chart](https://www.ag-grid.com/charts/gallery/simple-nightingale/) - [Nightingale Chart with Multiple Series](https://www.ag-grid.com/charts/gallery/multiple-nightingale-series/) - [Reversed Nightingale Chart](https://www.ag-grid.com/charts/gallery/reversed-nightingale/) ## Radial Column (Enterprise) - [Radial Column Chart](https://www.ag-grid.com/charts/gallery/simple-radial-column/) - [Grouped Radial Column Chart](https://www.ag-grid.com/charts/gallery/grouped-radial-column/) - [Reversed Radial Column Chart](https://www.ag-grid.com/charts/gallery/reversed-radial-column/) ## Radial Bar (Enterprise) - [Radial Bar Chart](https://www.ag-grid.com/charts/gallery/simple-radial-bar/) - [Stacked Radial Bar Chart](https://www.ag-grid.com/charts/gallery/stacked-radial-bar/) - [Reversed Radial Bar Chart](https://www.ag-grid.com/charts/gallery/reversed-radial-bar/) ## Sunburst (Enterprise) - [Sunburst Chart](https://www.ag-grid.com/charts/gallery/simple-sunburst/) - [Sunburst Chart with Nesting](https://www.ag-grid.com/charts/gallery/sunburst-with-nesting/) - [Sunburst Chart with Colour Range](https://www.ag-grid.com/charts/gallery/sunburst-with-color-range/) ## Treemap (Enterprise) - [Treemap Chart](https://www.ag-grid.com/charts/gallery/simple-treemap/) - [Treemap Chart with Nesting](https://www.ag-grid.com/charts/gallery/treemap-with-nesting/) - [Treemap Chart with Colour Range](https://www.ag-grid.com/charts/gallery/treemap-with-color-range/) ## Heatmap (Enterprise) - [Heatmap Chart](https://www.ag-grid.com/charts/gallery/simple-heatmap/) - [Heatmap Chart with Labels](https://www.ag-grid.com/charts/gallery/heatmap-with-labels/) - [Heatmap Chart with Grouped Category Axis](https://www.ag-grid.com/charts/gallery/grouped-category-heatmap/) - [Calendar Heatmap Chart](https://www.ag-grid.com/charts/gallery/calendar-heatmap/) ## Sankey (Enterprise) - [Sankey Chart](https://www.ag-grid.com/charts/gallery/sankey/) - [Customised Sankey Chart](https://www.ag-grid.com/charts/gallery/sankey-customisation/) ## Chord (Enterprise) - [Chord Chart](https://www.ag-grid.com/charts/gallery/chord/) - [Customised Chord Chart](https://www.ag-grid.com/charts/gallery/chord-customisation/) ## Funnel (Enterprise) - [Funnel Chart](https://www.ag-grid.com/charts/gallery/simple-funnel/) - [Customised Funnel Chart](https://www.ag-grid.com/charts/gallery/customised-funnel/) ## Cone Funnel (Enterprise) - [Cone Funnel Chart](https://www.ag-grid.com/charts/gallery/simple-cone-funnel/) ## Pyramid (Enterprise) - [Pyramid Chart](https://www.ag-grid.com/charts/gallery/simple-pyramid/) ## Radial Gauge (Enterprise) - [Radial Gauge Chart](https://www.ag-grid.com/charts/gallery/simple-radial-gauge/) - [Customised Radial Gauge Chart](https://www.ag-grid.com/charts/gallery/customised-radial-gauge/) ## Linear Gauge (Enterprise) - [Linear Gauge Chart](https://www.ag-grid.com/charts/gallery/simple-linear-gauge/) - [Horizontal Linear Gauge Chart](https://www.ag-grid.com/charts/gallery/horizontal-linear-gauge/) - [Bullet Chart](https://www.ag-grid.com/charts/gallery/simple-bullet/) ## Combination - [Bar And Line Combination Chart](https://www.ag-grid.com/charts/gallery/bar-line-combination/) - [Histogram And Scatter Combination Chart](https://www.ag-grid.com/charts/gallery/histogram-scatter-combination/) - [Horizontal Range Bar And Scatter Combination Chart](https://www.ag-grid.com/charts/gallery/horizontal-range-bar-scatter-combination/) - [Radar Line, Radar Area And Nightingale Combination Chart](https://www.ag-grid.com/charts/gallery/radar-line-radar-area-nightingale-combination/) - [Grouped Category Axis Combination Chart](https://www.ag-grid.com/charts/gallery/grouped-bar-line-combination/) - [Step Interpolation Combination Chart](https://www.ag-grid.com/charts/gallery/step-interpolation-combination/) - [Bar, Line And Area Combination Chart](https://www.ag-grid.com/charts/gallery/grouped-category-combination/) - [Stacked Bar And Area Combination Chart](https://www.ag-grid.com/charts/gallery/stacked-bar-area-combination/)