Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Thư viện của chúng tôi cung cấp nhiều biểu đồ được tối ưu hóa để đáp ứng các nhu cầu về hình ảnh dữ liệu.
Các biểu đồ này dựa trên công nghệ HTML5/SVG thuần túy (sử dụng VML cho các phiên bản Ireland cũ) nên không yêu cầu trình bổ trợ nào.
Bạn có thể thêm các biểu đồ này vào trang của mình bằng một vài bước đơn giản.
Đường liên kết bên dưới trỏ đến nội dung minh hoạ của từng biểu đồ. Các biểu đồ này không nhất thiết tuân thủ HTML5. Xin lưu ý rằng việc liên kết đến hình ảnh của bên thứ ba sẽ đưa bạn ra khỏi trang web của Google.
Thư viện đường liên kết CHAP là một thư viện trực quan hoá dựa trên nền tảng web dùng để hiển thị biểu đồ, mạng và tiến trình. Những công cụ này được phát triển dưới dạng Google Forms cho JavaScript và GWT.
Hình ảnh đóng vai trò kiểm soát các hình ảnh trực quan khác. Kết xuất này được hiển thị trong trình duyệt bằng cách sử dụng HTML. Hình ảnh
này cho phép chọn một số tiêu chí để lọc DataTable được sử dụng trong các hình ảnh trực quan có kiểm soát.
Biểu đồ hình ảnh chung là một trình bao bọc chung cho tất cả biểu đồ do Google Chart API tạo ra. Phương thức này sử dụng các ký hiệu tùy chọn quen thuộc của API biểu đồ. Không hạn chế bởi dữ liệu về URL 2K của API Biểu đồ.
Bản đồ tương tác của bản đồ quốc gia, lục địa hoặc khu vực, có màu sắc và giá trị được gán cho các khu vực cụ thể. Các giá trị được hiển thị dưới dạng thang màu và bạn có thể chỉ định văn bản di chuột tuỳ chọn cho các khu vực.
Biểu đồ chuyển động: Biểu đồ dựa trên flash động để khám phá một số chỉ báo theo thời gian. Các cột bắt buộc: tên bong bóng, thời gian
và 2 cột giá trị số. Cột tuỳ chọn: Giá trị số hoặc danh mục.
Danh sách các cụm từ xoay theo hình cầu, trong đó kích thước của mỗi từ được xác định bằng một giá trị tần suất được chỉ định (thường là số lần nó xuất hiện trong một số văn bản).
Tác giả: Roy Tanck (được điều chỉnh cho API trực quan hoá của Eyal Molad)
Một hoặc nhiều biểu đồ thu nhỏ được kết xuất bằng hình ảnh bằng cách sử dụng Google Chart API
Nhà phát triển: Google
Nếu bạn muốn đóng góp biểu đồ của mình, hãy đọc các nguyên tắc này.
Google không tính phí để đưa nội dung vào thư mục này hoặc không chấp nhận các khoản thanh toán để có được vị trí tốt hơn.
Do nhiều nội dung trong thư mục này do các công ty bên thứ ba hoặc người dùng của Google phát triển, nên Google không hứa hẹn hay tuyên bố về hiệu suất, chất lượng, tính bảo mật hoặc nội dung của ứng dụng.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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."]]
