추가 차트 갤러리
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Google 갤러리에서 제공하는 다양한 차트는 데이터 시각화 요구사항을 해결하도록 최적화되어 있습니다.
이 차트는 순수 HTML5/SVG 기술 (이전 IE 버전에 VML 채택)을 기반으로 하므로 플러그인이 필요하지 않습니다.
몇 가지 간단한 단계를 거치면 페이지에 이러한 차트를 추가할 수 있습니다.
기본 갤러리 페이지는 여기에서 찾을 수 있습니다.
아래 링크는 각 차트의 데모를 가리킵니다. 이 차트가 반드시 HTML5를 준수하는 것은 아닙니다. 타사 시각화로 연결되는 링크를 클릭하면 Google 사이트 외부로 이동합니다.
차트에 참여하려면 이 가이드라인을 참고하세요.
Google은 이 디렉터리에 포함하는 데 요금을 부과하거나 더 나은 게재위치를 조건으로 비용을 받지 않습니다.
이 디렉터리의 콘텐츠는 대부분 타사 또는 Google 사용자가 개발했으므로 Google은 애플리케이션의 성능, 품질, 보안 또는 콘텐츠에 대한 어떠한 보장이나 진술도 제공하지 않습니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-07-10(UTC)
[null,null,["최종 업데이트: 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."]]
