Диаграммы и графики — это самый простой способ визуального представления данных. Люди часто используют диаграммы и графики в информационных панелях , таблицах, отчетах и виджетах — все эти компоненты интерфейса содержат диаграммы. Итак, давайте взглянем на десять лучших бесплатных генераторов диаграмм HTML5 и SVG, которые можно встроить в ваш сайт.
RAWGraphs
Создавайте веб-визуализации из файлов CSV, Excel или JSON. RAWGraphs позволяет экспортировать визуализации в виде векторных (SVG) или растровых (PNG) изображений и встраивать их в вашу веб-страницу. Поскольку RAWGraphs создает полуфабрикаты визуализации, вы даже можете открывать их в своем любимом редакторе векторной графики и улучшать их.
Amcharts
amCharts — это библиотека Javascript с открытым исходным кодом для визуализации данных, которая предоставляет множество диаграмм. На их веб-сайте есть живой редактор, который вы можете использовать для создания диаграмм.
Генератор D3
Этот генератор кода помогает быстро начать работу, автоматически создавая шаблоны исходного кода для различных конфигураций гистограмм. Сгенерированный исходный код частично основан на учебнике Майка Бостока по гистограмме D3.
Charts Ninja
Charts Ninja позволяет каждому бесплатно создавать красивые HTML5-графики и диаграммы для своего веб-сайта! С уникальным мастером создания диаграмм вы сможете создавать диаграммы на лету без каких-либо предварительных знаний.
Генератор Chart.js
Это генератор онлайн-чата, построенный на Chartjs. Отличный инструмент для создания простых, но превосходных онлайн-графиков с предварительным просмотром в реальном времени при изменении данных. Создайте линейную диаграмму, гистограмму или радарную диаграмму, а затем отредактируйте ее в «реальном времени».
d3pie
d3pie — это простой сценарий с широкими возможностями настройки, созданный на основе d3.js для создания простых и привлекательных круговых диаграмм. Это бесплатно, с открытым исходным кодом, и его можно найти на github.
Datamatic
Datamatic — это CMS для визуализации данных. Просто выберите шаблон визуализации данных, настройте его и вставьте на свой веб-сайт.
Графические блоки
Кодирования не требуется. Создайте диаграмму за считанные минуты в удобном конструкторе диаграмм, выбрав из десятков типов диаграмм и затем настроив их в соответствии с вашими потребностями. Получайте данные практически из любого источника и даже создавайте диаграммы, которые извлекают данные из нескольких источников. Мастер импорта данных проведет вас через процесс пошагово.
Vega
Vega — это грамматика визуализации, декларативный язык для создания, сохранения и обмена интерактивными проектами визуализации. С помощью Vega вы можете описывать внешний вид и интерактивное поведение визуализации в формате JSON, а также создавать веб-представления с использованием Canvas или SVG.
Charted
Charted — это инструмент для автоматической визуализации данных, изначально созданный командой Product Science в Medium. Укажите ссылку на файл данных, и Charted вернет красивую, интерактивную диаграмму данных, которой можно поделиться.