Создавайте крутые диаграммы, графики онлайн с помощью Google Chart Editor

Для удобства вы можете запустить старый добрый Microsoft Excel для создания красивых диаграмм. Но онлайн-инструмент — это безотказная работа, если вы находитесь в дороге и на вашем компьютере не установлен Excel. Онлайн-инструменты для работы с графиками — это переполненная порода в Интернете. Мы рассмотрели некоторые из них здесь - 5 хороших онлайн-инструментов для создания диаграмм и графиков.

Но я бы не стал делать слишком много обходных путей, потому что у самого Google есть отличный сервис диаграмм, спрятанный среди его веб-сервисов. Редактор диаграмм изображений Google (ОБНОВИТЬ: этот инструмент больше не доступен) позволяет вам быстро динамически визуализировать данные, не зная никаких сложных ноу-хау, которые используются в профессиональных диаграммах. Ну, почти.

Как они заявляют: «Google Chart API позволяет динамически генерировать диаграммы с помощью строки URL. Вы можете встроить эти диаграммы на свою веб-страницу или загрузить изображение для локального или автономного использования».

Создание вашей первой диаграммы

Google Chart API поможет вам создать простую диаграмму с помощью Мастер диаграмм или, альтернативно, выбрав существующую диаграмму из галереи и настроив ее в соответствии с вашими потребностями. Google Charts можно отображать в большинстве браузеров благодаря элементам HTML5/SVG. Поддерживаются различные типы диаграмм, от простых линейных до даже QR-кодов и иерархических древовидных карт. Существует также три причудливых диаграммы Google-O-Meter на выбор.

Вы можете использовать отображаемые примеры типов диаграмм, чтобы выбрать один из них или импортировать диаграмму с URL-адресом. Google Chart Tools поддерживает два типа диаграмм — простые диаграммы и интерактивные диаграммы. Редактор диаграмм изображений Google можно легко использовать для настройки внешнего вида изображения диаграммы в соответствии с вашим документом. Данные и стили данных определяют простую диаграмму.

Интерактивные диаграммы богаче и используются для повышения интерактивности. Код JavaScript запрограммирован на прослушивание событий (действий пользователя) и соответствующее отображение диаграммы. Google Image Chart Editor охватывает методы привыкли работать с графиками. Такие инструменты, как AJAX Google Code Playground, можно использовать для примеров кода или для экспериментов с API Google. То Примеры кода страница показывает некоторые интересные интерактивные в использовании.

В Google Image Chart Editor есть весь набор инструментов, необходимых для создания привлекательных визуализаций скучных данных. Для создания интерактивных диаграмм нужны некоторые ноу-хау в кодировании, но вы можете начать с простых диаграмм и рассказать нам, как вы это сделали.

Последнее обновление: 02 февраля 2022 г.

Вышеупомянутая статья может содержать партнерские ссылки, которые помогают поддерживать Guiding Tech. Однако это не влияет на нашу редакционную честность. Содержание остается беспристрастным и аутентичным.

ВЫ ЗНАЛИ

Google Pixel 2 имеет скрытый ИИ-чип Pixel Visual Core, состоящий из восьми ядер IPU.