Additional Charts Gallery
Stay organized with collections
Save and categorize content based on your preferences.
Our gallery provides a variety of charts which are optimized to address your data visualization needs.
These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions) so no plugins are required.
Adding these charts to your page can be done in a few simple steps.
The main Gallery page can be found here.
Links below point to demonstrations of each chart. These charts are not necessarily HTML5 compliant. Note that links to third-party visualizations will take you off the Google site.
If you are interested in contributing your chart read these guidelines.
Google doesn't charge for inclusion in this directory or accept payment for better placement.
Since many of of the content in this directory was developed by third-party companies or by Google's users,
Google makes no promises or representations about the application's performance, quality, security, or content.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-07-10 UTC.
[null,null,["Last updated 2024-07-10 UTC."],[[["\u003cp\u003eThe gallery offers a range of pure HTML5/SVG-based charts for diverse data visualization needs, with VML support for older IE versions, eliminating the need for plugins.\u003c/p\u003e\n"],["\u003cp\u003eCharts can be easily integrated into webpages using a few simple steps, and a main gallery page provides an overview of available options.\u003c/p\u003e\n"],["\u003cp\u003eThe gallery includes demonstrations of various charts, including those developed by third parties and Google, with links to external resources for further exploration.\u003c/p\u003e\n"],["\u003cp\u003eUsers can contribute their own charts to the gallery by following provided guidelines, with Google offering free inclusion and unbiased placement.\u003c/p\u003e\n"],["\u003cp\u003eGoogle does not guarantee the performance, quality, security, or content of third-party or user-developed charts included in the directory.\u003c/p\u003e\n"]]],[],null,["# Additional Charts Gallery\n\nOur gallery provides a variety of charts which are optimized to address your data visualization needs.\nThese charts are based on pure HTML5/SVG technology (adopting VML for old IE versions) so no plugins are required.\nAdding these charts to your page can be done in [a few simple steps](/chart/interactive/docs/quick_start).\n\nThe main Gallery page can be found [here](/chart/interactive/docs/gallery).\n\n\u003cbr /\u003e\n\nLinks below point to demonstrations of each chart. These charts are not necessarily HTML5 compliant. Note that links to third-party visualizations will take you off the Google site.\n\n|-----------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| [](/chart/interactive/docs/gallery/annotatedtimeline) | [Annotated Time Line](/chart/interactive/docs/gallery/annotatedtimeline) An animated time series chart. By: Google |\n| [](//almende.github.io/chap-links-library/) | [CHAP Links Library](//almende.github.io/chap-links-library/) The CHAP Links Library is a web based visualization library for displaying graphs, networks, and timelines. The tools are developed as Google Charts for Javascript and GWT. By: [Almende](//www.almende.com/home) |\n| [](//www.drasticdata.nl/DrasticTreemapGApi/index.html) | [Drastic Treemap](//www.drasticdata.nl/DrasticTreemapGApi/index.html) A dynamic treemap in Flash. By: [DrasticData](//www.drasticdata.nl) |\n| [](//informatics.systemsbiology.net/visualizations/heatmap/FilterDataTableControl.html) | [Filters](//informatics.systemsbiology.net/visualizations/heatmap/FilterDataTableControl.html) A Visualization that acts as a control over other visualizations. It is rendered within the browser using HTML. This visualization offers the ability to select some criteria to filter the DataTable used by the controlled visualizations. By: [Institute for Systems Biology](//www.systemsbiology.org/) |\n| [](/chart/interactive/docs/gallery/genericimagechart) | [Generic Image Chart](/chart/interactive/docs/gallery/genericimagechart) The Generic Image Chart is a generic wrapper for all charts produced by the [Google Chart API](/chart/image). It uses familiar Chart API option notations. It is not limited by the 2K URL data limit of Chart API. By: Google |\n| [](/chart/interactive/docs/gallery/geomap) | [Geo Map](/chart/interactive/docs/gallery/geomap) An interactive map of a country, continent, or region map, with colors and values assigned to specific regions. Values are displayed as a color scale, and you can specify optional hovertext for regions. By: Google |\n| [](/chart/interactive/docs/gallery/map) | [Map](/chart/interactive/docs/gallery/map) An interactive map that uses the [Google Maps API](/maps). By: Google |\n| [](/chart/interactive/docs/gallery/orgchart) | [Org Chart](/chart/interactive/docs/gallery/orgchart) An organizational chart that supports selection. By: Google |\n| [](/chart/interactive/docs/gallery/motionchart) | [Motion Chart](/chart/interactive/docs/gallery/motionchart) Motion Chart: A dynamic flash based chart to explore several indicators over time. Required columns: bubble name, time and 2 columns of numeric values. Optional columns: Numeric values or categories. By: Google |\n| [](//code.google.com/p/word-cumulus-goog-vis/wiki/UserGuide) | [TermCloud (on rotating sphere)](//code.google.com/p/word-cumulus-goog-vis/wiki/UserGuide) A list of terms rotating in a spherical manner, where the size of each word is determined by a specified frequency value (typically the number of times it appears in some text). By: Roy Tanck (adapted for the visualization API by Eyal Molad) |\n| [](//thematicmapping.org/api/gvapi.php) | [Thematic Mapping API](//thematicmapping.org/api/gvapi.php) Enables visualization of data in Google Earth or other geobrowsers through the use of the Google Visualization API and KML. By: [Thematicmapping.org](//thematicmapping.org/) |\n| [](/chart/interactive/docs/gallery/imageareachart) | [Area Chart (Image)](/chart/interactive/docs/gallery/imageareachart) Area chart using [Google Chart API](/chart/image/docs/gallery/line_charts) By: Google |\n| [](/chart/interactive/docs/gallery/imagebarchart) | [Bar Chart (Image)](/chart/interactive/docs/gallery/imagebarchart) Bar chart using [Google Chart API](/chart/image/docs/gallery/bar_charts) By: Google |\n| [](/chart/interactive/docs/gallery/imagecandlestickchart) | [Candlestick Chart (Image)](/chart/interactive/docs/gallery/imagecandlestickchart) Candelstick chart using [Google Chart API](/chart/image/docs/gallery/compound_charts#candlestick_charts) By: Google |\n| [](/chart/interactive/docs/gallery/imagelinechart) | [Line Chart (Image)](/chart/interactive/docs/gallery/imagelinechart) Line chart using [Google Chart API](/chart/image/docs/gallery/line_charts) By: Google |\n| [](/chart/interactive/docs/gallery/imagepiechart) | [Pie Chart (Image)](/chart/interactive/docs/gallery/imagepiechart) Pie chart using [Google Chart API](/chart/image/docs/gallery/pie_charts) By: Google |\n| [](/chart/interactive/docs/gallery/imagesparkline) | [Sparkline (Image)](/chart/interactive/docs/gallery/imagesparkline) Single or multiple sparklines that are rendered with images using the [Google Chart API](/chart/image/docs/gallery/line_charts) By: Google |\n\n\nIf you are interested in contributing your chart read [these guidelines](/chart/interactive/docs/dev).\nGoogle doesn't charge for inclusion in this directory or accept payment for better placement.\nSince many of of the content in this directory was developed by third-party companies or by Google's users,\nGoogle makes no promises or representations about the application's performance, quality, security, or content."]]
