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

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

Но я бы не стал слишком сильно отклоняться, потому что у самого Google есть изящная графическая служба, спрятанная среди своих веб-сервисов. Google Image Chart Editor (ОБНОВЛЕНИЕ: этот инструмент больше не доступен) позволяет быстро динамически визуализировать ваши данные, не зная ни одного из сложных ноу-хау, которые входят в профессиональные диаграммы. Ну, почти.

Как они заявляют: «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 имеет весь набор инструментов, необходимых для создания привлекательной визуализации скучных данных. Интерактивные диаграммы нуждаются в некотором опыте кодирования, но вы можете начать с простых диаграмм и рассказать нам, как вы это сделали.