В какой программе можно рисовать графики

10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах

Есть в графиках что-то магическое. Изгиб кривой мгновенно раскрывает всю ситуацию — историю развития эпидемии, паники или периода процветания. Эта линия просвещает, пробуждает воображение, убеждает.
― Генри. Д. Хаббард

Объемы данных, с которыми нужно работать, постоянно увеличиваются. И чем больше информации, тем сложнее ее обрабатывать. Вот почему сейчас стала особенно популярна тема визуализации данных — в виде графиков, диаграмм, дашбордов, желательно интерактивных. Визуальное представление данных позволяет нам, людям, тратить меньше времени и сил на их просмотр, анализ и осмысление, а также на принятие правильных, информированных решений на основе этого.

Вряд ли кто-то станет отрицать, что в современном HTML5 вебе JavaScript — самая универсальная и простая технология для визуализации данных. Так что, если вы занимаетесь фронтенд-разработкой, то вы, скорее всего, либо уже имели дело с созданием JS чартов, либо столкнетесь с этим в (скором) будущем.

Существует множество JavaScript библиотек для построения графиков и диаграмм, каждая из которых (как и любые другие инструменты) имеет свои плюсы и минусы. Чтобы облегчить вам жизнь, я решил рассказать о тех из них, которые нравятся мне больше всего. Я считаю, десять следующих библиотек — это лучшие JS библиотеки для создания графиков, и они действительно способны помочь решить практически любую задачу по визуализации данных. Давайте вместе пройдемся по списку и убедимся, что они вам известны хотя бы базово и вы не упустили из виду какую-нибудь хорошую библиотеку, которая может оказаться полезной в текущих или будущих больших проектах.

Что ж, приступим: вот лучшие JS библиотеки для визуализации данных!

amCharts

amCharts — одна из JavaScript библиотек, полезных тем, кто ищет простое и в то же время гибкое решение для визуализации данных.

Основные возможности

• Много разнообразных типов графиков, включая интерактивные карты и диаграммы Ганта.
• Возможность анализа данных «вглубь» (дрилдаун) и другие хорошо проработанные интерактивные опции.
• Документация, описывающая все нужные методы, хорошо написана, правда, на мой вкус, не слишком удобна в использовании.
• Крутая анимация графиков.
• Интеграция с React, Angular, Vue, Ember и др.
• Готовый плагин для WordPress.
• Экспорт графиков в изображение или PDF файл.
• «Живые» графики, полноценная кастомизация, специальные возможности в соответствии со стандартами W3C.
• Полная техподдержка для всех пользователей и приоритетная для клиентов с лицензией.
• Клиенты: Microsoft, Amazon, Ebay, NASA, Samsung, Yandex, AT&T и др.

Стоимость

Фирменная маркировка со ссылкой в бесплатной версии. Чтобы убрать брендинг, нужно купить платную лицензию (от $180), плюсом предоставляется доступ к приоритетной поддержке.

Узнать больше об amCharts

AnyChart

AnyChart — хорошо проработанная, легковесная, многофункциональная JS библиотека для визуализации данных с рендерингом в SVG/VML. Позволяет веб-разработчикам создавать всевозможные графики и диаграммы для дальнейшего принятия решений на их основе.

Основные возможности

• Более 80 типов графиков, включая обычные графики, биржевые графики, геовизуализации (карты), а также диаграммы Ганта и сетевые графики PERT.
• Много вариантов, как можно загружать данные: XML, JSON, CSV, JS API, Google Sheets, HTML-таблицы.
• Возможность «углубляться» в данные на графике (дрилдаун).
• Технические индикаторы для технического анализа и аннотации (инструменты для рисования) «из коробки».
• Исчерпывающие документация и описание API, отзывчивая поддержка.
• Интеграция с Angular, Oracle APEX, React, Elasticsearch, Vue.js, Android, iOS и др. Для разработчиков приложений и дашбордов в Qlik есть специальный готовый экстеншн для Qlik Sense.
• Множество готовых примеров графиков, диаграмм, дашбордов, а также собственная специальная песочница с автозаполнением кода.
• Поддержка старых версий браузеров.
• Экспорт данных в различные форматы, включая PDF отчеты; JPG, PNG, SVG изображения; Excel (XLSX) или CSV файлы с данными графиков.
• Клиенты: Oracle, Microsoft, Citi, Samsung, Nokia, AT&T, Ford, Volkswagen, Lockheed Martin, и др.

Стоимость

Версия с вотермаркой — бесплатная. Чтобы избавиться от брендинга и получить возможность использовать AnyChart в коммерческих проектах, необходимо приобрести лицензию (от $49).

Узнать больше об AnyChart

Chart.js

Chart.js — простая и в то же время довольно гибкая JavaScript библиотека для визуализации данных, популярная среди веб-дизайнеров и разработчиков. Она представляет собой прекрасное базовое решение для тех, кому не требуется большое разнообразие типов графиков и индивидуальных настроек, но кому достаточно, чтобы графики выглядели аккуратно, наглядно и информативно.

Основные возможности

• 8 типов графиков и диаграмм: линейный (Line), линейный с областями (Area), линейчатый (Bar), круговой (Pie), лепестковый «Радар» (Radar), полярный (Polar), пузырьковый (Bubble) и точечная диаграмма рассеивания (Scatter).
• Все типы графиков можно кастомизировать и снабдить анимацией, и все они адаптивны при работе в сети.
• Функциональность может быть расширена посредством использования плагинов.
• Хорошая документация.
• Поддержка через Stack Overflow.
• Поддержка браузеров IE9+.

Стоимость

Бесплатная библиотека с открытым исходным кодом (open-source). Издана под лицензией MIT.

Узнать больше о Chart.js

Chartist.js

Chartist.js — простая JS библиотека с открытым исходным кодом, которая также может быть использована для создания аккуратных адаптивных графиков и диаграмм. Вообще говоря, она хорошо подходит тем, кому требуются лишь элементарные Line, Bar или Pie графики и не нужно многого в плане визуализации данных. Приятный внешний вид, и нет необходимости в большом количестве всяческих фич.

Основные возможности

• Только 3 типа графиков: Line, Bar, Pie.
• Отличная анимация.
• API документация содержит все необходимые сведения, однако ею не очень удобно пользоваться (приготовьтесь много скролить).
• Позволяет использовать плагины для расширения функциональности.
• Для отрисовки графиков использует SVG.
• Поддержка старых версий браузеров.

Стоимость

Open-source, бесплатное использование в любых целях.

Узнать больше о Chartist.js

D3.js

D3.js — мощная JavaScript библиотека для визуализации данных, с открытым исходным кодом. Имеет более 20 тысяч форков на GitHub. По сути своей, D3 больше походит на фреймворк, нежели на библиотеку. Работать с ней не так просто, особенно поначалу. Но существует множество полезных информационных ресурсов, посвященных D3. И в итоге с помощью этой библиотеки можно с нуля создавать потрясающие оригинальные визуализации и любую графику, что делает D3 действительно стоящим инструментом.

Основные возможности

• Поддерживает многочисленные типы графиков, намного больше, чем подавляющее большинство других JavaScript библиотек (включая, например, диаграмму Вороного).
• На освоение нужно время. Менее понятная и очевидная, чем некоторые коммерческие библиотеки в списке (например, AnyChart). Компенсируется огромным количеством туториалов и реально крутым API.
• Сочетает в себе мощные компоненты визуализации и основанный на данных подход к манипулированию DOM.
• Легко дебажить с помощью инструмента исследования элементов в браузере.
• Море примеров.
• Функции генерации кривых.
• Drag-and-drop GUI.

Стоимость

D3 — это open-source библиотека для создания графиков и диаграмм, которая абсолютно бесплатна для применения в любых целях.

Узнать больше о D3.js

FusionCharts

FusionCharts — это еще одна неплохая библиотека для построения интерактивных графиков и диаграмм, с сотнями готовых примеров. Графики от FusionCharts поддерживают данные как в формате JSON, так и XML. Рендеринг — через HTML5/SVG и VML.

Основные возможности

• Десятки типов графиков, 2D и 3D, и более 950 карт, покрывающих все континенты.
• Анимированные и полностью интерактивные графики и карты.
• Серверный API для ASP.NET, PHP, Ruby on Rails.
• Совместимость с jQuery, Angular, PHP, ASP.NET, React Native, Django, React, Ruby on Rails, Java, и др.
• Довольно детальные руководство пользователя и описание API.
• Множество примеров графиков и дашбордов.
• Поддержка старых версий браузеров.
• Экспорт в PNG, JPG и PDF.
• Поддержка — через базу знаний и комьюнити-форум.
• Безлимитная приоритетная поддержка для пользователей, купивших лицензию.
• Клиенты: Apple, IBM, Google, Intel, Microsoft, PayPal, Oracle, Adobe и др.

Стоимость

Бесплатна для некоммерческого использования. Платные лицензии для коммерческого использования (от $497).

Узнать больше о FusionCharts

Google Charts

Google Charts — отличный выбор для тех проектов, в которых простота и стабильность графиков предпочтительнее сложных, подробных настроек кастомизации.

Основные возможности

• Рендеринг графиков в HTML5/SVG и VML.
• Много примеров графиков, диаграмм, дашбордов.
• Все графики являются интерактивными, некоторые также можно зумить и панить.
• Полноценная документация.
• Поддержка старых версий браузеров.
• Поддержка через FAQ, GitHub и форум.

Стоимость

Бесплатная лицензия, но исходный код не открыт. Не позволяет размещать JS файлы Google на вашем сервере, поэтому может не подойти вам, если вы работаете с конфиденциальными данными.

Узнать больше о Google Charts

Highcharts

Highcharts — одна из самых многофункциональных и популярных JavaScript библиотек для построения графиков и диаграмм в HTML5, с рендерингом в SVG (VML). Она легковесная, поддерживает широкий выбор различных типов визуализаций и обеспечивает высокую производительность.

Основные возможности

• Использует чистый JavaScript. Данные можно загружать извне.
• Достойные документация и описание API-документация, кейсы пользователей.
• Интерактивность, включая дрилдаун (возможность анализа данных «вглубь»).
• Можно использовать с React, Angular, Meteor, .NET, iOS и др.
• Экспорт в PNG, JPG, PDF и SVG форматы.
• Поддержка пользователей бесплатной версии через форум и Stack Overflow. Премиум поддержка по электронной почте и Skype доступна только для коммерческих пользователей, владеющих соответствующей лицензией.
• Клиенты: Visa, Yahoo!, Facebook, Twitter, Groupon, Nokia, Ericsson, Mastercard, Yandex и др.

Стоимость

Бесплатно для использования в некоммерческих целях. Для коммерческого использования необходимо приобрести лицензию (от $50).

Узнать больше о Highcharts

Plotly.js

Plotly.js — это библиотека JavaScript высокого уровня, бесплатная, с открытым исходным кодом. Построена на D3.js и WebGL. Ее можно использовать для создания множества самых разных типов визуализации данных, включая, например, трехмерные статистические графики.

Основные возможности

• 20 типов графиков и диаграмм, которые можно встроить на сайт или использовать для создания динамических презентаций.
• Используется как браузерная чартинг-библиотека для Python, R, MATLAB, абстрагируя графики в декларативную структуру JSON.
• Обширная API документация.
• Неплохая анимация.
• Использует React.
• Экспорт графиков в PNG и JPG. Экспорт в EPS, SVG и PDF доступен по подписке.
• Множество готовых примеров.
• Может работать с таблицами Excel или напрямую с вашей базой данных.
• Форум поддержки.

Стоимость

Бесплатная библиотека с открытым исходным кодом.

Узнать больше о Plotly.js

ZingChart

ZingChart — полезный инструмент для создания интерактивных и адаптивных графиков. Это быстрая и гибкая библиотека, которая позволяет довольно легко работать с большими данными и генерировать графики с большими объемами данных.

Основные возможности

• Поддерживает более 30 типов графиков и диаграмм.
• Полностью кастомизируема, с настройками оформления а-ля CSS.
• Совместима с jQuery, Angular, Node.js, PHP и др.
• Работа с данными в режиме реального времени, быстрый рендеринг наборов данных любого объема.
• Данные можно загружать через JS объекты, JSON, CSV, PHP, AJAX, MySQL.
• Подробная и достаточно удобно читаемая документация по API.
• Бесплатная и премиум поддержка через справочный центр ZingChart, Stack Overflow, электронную почту и чат.
• Клиенты: Microsoft, Boeing, Adobe, Apple, Cisco, Google, Alcatel и др.

Стоимость

Брендированная лицензия обеспечивает полный доступ к библиотеке ZingChart бесплатно. Для коммерческого использования требуется платная лицензия (от $199).

Узнать больше о ZingChart

Заключение

Итак, перечислил лучшие JavaScript библиотеки для построения графиков и диаграмм, по крайней мере те, что я считаю топовыми. Сравнить их все между собой исчерпывающе, с учетом абсолютно всех параметров, было бы очень непросто. У каждой есть свои плюсы и минусы, и выбор во многом зависит от навыков разработчика, а также конкретной задачи.

Конечно, есть какие-то фичи, особенности, которые делают одну библиотеку быстрее, или симпатичнее в плане дизайна, или гибче других. Но, в конце концов, не так важно, какие библиотеки есть в списке, ведь в итоге лучшая — это та, которая наиболее полно соответствует вашим конкретным требованиям в рамках отдельно взятой задачи.

Мой совет — познакомьтесь со всеми этими ведущими библиотеками хотя бы немного поближе: когда вам понадобятся JS чарты для визуализации данных в рамках того или иного проекта, крайне высока вероятность, что именно одна или несколько из них подойдут вам лучше всего. Если же вы желаете иметь дело со списком подлиннее, обратите внимание на сравнение в Википедии.

Если вам понадобится визуализировать данные на интерактивных картах, где первостепенное значение имеют географические тренды, отношения, связи, потоки и т.п., почитайте мою предыдущую статью о лучших JavaScript библиотеках для геовизуализации данных в виде карт (на Хабре есть ее перевод на русский).

Всем хорошего дня и приятной визуализации данных с помощью JavaScript!

Это мой перевод статьи Top JavaScript Charting Libraries for Every Data Visualization Need, опубликованной мною ранее на Hacker Noon.

• Веб-разработка
• JavaScript
• Программирование
• Big Data
• Визуализация данных

Набор инструментов для построения графиков, блок-схем и диаграмм

Есть много разных сервисов, облегчающих жизнь веб-разработчику или дизайнеру, в том числе создающих разные графики, диаграммы, блок-схемы и т.д. Ниже представлена небольшая подборка.
(Осторожно, много изображений)

Все картинки кликабельны и ведут на соответствующий ресурс.

Сервисы

Amcharts

Amcharts — это набор flash-based диаграмм для сайтов. Может извлекать данные из CSV или XML файлов, также может получать данные, сгенерированные динамически при помощи PHP, .NET, Java, Ruby on Rails, Perl и т.д.

AnyChart

Flash based решение для визуализации. Есть не только веб, но и десктопные приложения.

Autodesk

Предлагает инструменты для рисования схем электронных плат, диаграмм, различного рода UI. Не требует никаких дополнительных плагинов — требуется только браузер, работающий с JavaScript, является кросс-браузерным. Поддерживает экспорт в PDF, JPG, PNG, и SVG.

Barchart

Используется для построения столбчатых диаграмм, иными словами гистограмм.

Best4c

Best for Charts. Используется для построения различного рода диаграмм и схем.

Bubbl

Создает разноцветные схемы.

ChartDemo

Онлайн тулза для создания различных графиков, поддерживает метки и легенду.

ChartGizmo

Позволяет создавать различные графики для сайтов, блогов, профилей и т.д. Может быть полезен для визуализации научной, финансовой или какой-либо другой информации.

CreateAGraph

Онлайн-сервис, поддерживающий 5 разных графиков и диаграмм на ваш выбор.

DrawAnywhere

Блок-схемы, различные организационные, иерархические графики. Поддерживает экспорт в PDF.

Emprise

Поддерживает различные типы графиков, масштабирование по осям, авто-зум и т.д. Отличается высокой интерактивностью.

FlowingData

Работает прямо из браузера, рекомендуется для визуализации различной статистики.

Flowchart

Поддерживает рисование множества объектов (от линий и треугольников, до кривых Безье), экспортирует в PDF или PNG.

Fooplot

Простенький сервис, поддерживающий построение графиков и диаграмм.

Gliffy

Отличный сервис для создания различных диаграмм, очень приятный на вид интерфейс и множество возможностей.

Mindomo

Позволяет создавать и редактировать диаграммы связей.

Mindmeister

Очень гибкий инструмент для создания различных диаграмм связей.

MGraph

Простенькая тулза для создания диаграмм.

Pareto-Chart

Онлайн генератор графиков, поддерживает семь начальных инструментов бесплатно.

Rich Chart Live

Бесплатный сервис, поддерживает различные диаграммы, графики и т.д. Работает на Flash.

WebSequenceDiagrams

Сервис для создания схем. Ключевая особенность — описание схем на неком подобии языка программирования.

SimpleSeating

Отличный сервис для анализа различной информации.

Smartchart

Сервис для различного рода планирования, также поддерживает диаграммы, бесплатен.

Statistics Toolbox

Мощный инструмент для статистического моделирования и анализа. Позиционируется для изучения статистики на практике.

Track-n-graph

Простенький, но приятный на вид сервис для построения графиков.

Библиотеки, плагины, инструментарии для разработчика

Plotr

Легкий фреймворк для рисования простых графиков и диаграмм. Не использует Flash, и не поддерживает интерактивных элементов.

PlotKit

Библиотека для построения графиков на JavaScript, поддерживает HTML Canvas.

jqPlot

Open Source плагин для библиотеки jQuery. Поддерживает всевозможные линии и типы графиков.

Google Charts

Разнообразный набор инструментов для создания диаграмм и графиков, включая библиотеку на JavaScript.

Highcharts

Библиотека на JavaScript, предназначенная для создания интерактивных графиков и диаграмм.

Dygraphs

Еще одна библиотека на JavaScript, Open Source.

Protovis

Использует JavaScript и SVG для нативной визуализации.

jQuery Sparklines

Плагин для jQuery, генерирующий inline-схемы и графики.

jpGraph

Мощная библиотека, которая использует для отображения PHP.

Flot

jQuery плагин для построения графиков. На лету формирует графики по наборам данных.

JavaScript Diagram Builder

Простая библиотека для JavaScript, позволяет рисовать графики на веб-страницах.

gRaphael

JavaScript библиотека для внедрения графиков и схем на веб-страницу.

pChart

Полностью бесплатный php-фреймворк.

FusionCharts

Доступен для множества платформ. Возможна интеграция с ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails и т.д. Есть flash и HTML5 продукты.

Кому интересно, большая часть подборки взята отсюда.

Если кто-то считает, что в посте чего-то не хватает — пишите, добавим.

Программ для построения графиков и диаграмм | ТОП-15 Лучших

В профессиональной сфере пользователям иногда требуются приложения, которые способны построить качественный график. Поэтому в данном материале мы рассмотрим лучшие программы для построения графиков. Умение делать понятные и красочные диаграммы, графики, визуализировать сухую статистику сегодня необходимо специалистам в самых разных отраслях – от IT-индустрии, до маркетинга, менеджмента, аналитики, науки. Можно сказать, что это универсальный скилл для современного человека, и в процессе самообразования ему точно стоит уделить внимание. Стоит отметить, что софта такого плана достаточно. Но далеко не все программы способны осуществить эту процедуру правильно. Поэтому обязательно нужно выбрать лучший софт, способный правильно построить график.

AceIT Grapher

[softdownload search=»AceIT Grapher» count=»10″]

AceIT Grapher

Первым в списке значится весьма неплохой продукт, который позволяет строить как двумерные, так и трехмерные графики в соответствии с математическими функциями. Программа является совершенно бесплатной и скачать ее можно с официального сайта разработчика. В данном продукте имеется инструмент для автоматизированного исследования функции, что весьма удобно. Также утилита обладает весьма продуманным интерфейсом, что позволяет без труда с ней работать. А вот русского языка, к сожалению, нет.

• Построение как двумерных, так и трехмерных графиков
• Есть инструмент для автоматизированного исследования функций
• Весьма неплохо организованный интерфейс
• Отображение внешнего вида функций на плоскости

• Нет русского языка

8 бесплатных инструментов для создания интерактивных визуализаций данных без необходимости написания кода

Когда тот, кто работает в сфере Data Science, собирается показать результаты своей деятельности другим людям, оказывается, что таблиц и отчётов, полных текстов, недостаточно для того чтобы представить всё наглядно и понятно. Именно в таких ситуациях возникает нужда в визуализации данных, в такой их обработке, которая позволит всем желающим в них разобраться и ухватить суть тех сложных процессов, которые они описывают.

В этом материале я расскажу о лучших бесплатных инструментах, позволяющих без особых сложностей создавать впечатляющие визуальные представления данных. При этом тут я не буду говорить о сложных системах вроде Power BI и Google Studio. Я выбрал те 8 инструментов, о которых пойдёт речь, из-за того, что ими легко пользоваться, из-за их приятного внешнего вида, из-за того, что работать с ними можно, не написав ни единой строчки программного кода и из-за того, что они бесплатны. Кроме того, они позволяют создавать интерактивные визуализации. А это значит, что графики, представляющие некие данные, могут содержать в себе больше сведений об этих данных, чем обычные изображения. Да и работать с такими графиками интереснее.

Так как инструменты для визуализации данных то появляются, то исчезают, я включил в этот материал только те из них, которые, вероятнее всего, ещё долго будут пребывать в добром здравии. А это значит, что вполне разумным шагом будет вложение некоторого времени в их изучение. Как уже было сказано, пользоваться этими инструментам можно без написания кода. Но если вас интересует визуализация данных именно через код — взгляните на этот материал.

1. Flourish

Flourish позволяет создавать привлекательные диаграммы, карты и интерактивные истории. Это — простой и понятный инструмент, который включает в себя библиотеку шаблонов и поддерживает различные возможности визуализации данных.

Кому стоит присмотреться к Flourish? Любому, кого интересует составление историй на основе данных (data storytelling). В этом ему поможет множество возможностей системы, касающихся визуализации данных и анимации.

Сильные стороны бесплатной версии

• Помимо обычных диаграмм и карт система позволяет создавать и многое другое. Например, это так называемые Bar Chart Race — диаграммы, демонстрирующие процесс изменения неких показателей. Это викторины, содержащие вопросы с вариантами ответа. Это материалы, оформленные в виде «карусели».
• Система отлично подходит для составления историй на основе данных. В частности, можно создавать впечатляющие «прокручиваемые» истории без необходимости писать код.
• В распоряжении пользователя имеется множество настроек.

Слабые стороны бесплатной версии

• Данные и проекты являются общедоступными, их нельзя скрыть.
• В бесплатной версии нельзя подключить визуализацию к CSV-файлу, меняющемуся в режиме реального времени, или к файлу системы Google Таблицы.

Пример

На этой странице можно найти интерактивную Bar Race-диаграмму, демонстрирующую изменение численности населения в различных странах между 1960 и 2016 годами.

Сведения о численности населения разных стран

2. Datawrapper

Datawrapper — это инструмент, который позволяет создавать интерактивные диаграммы, карты и таблицы. При этом для его эффективного использования не нужно обладать знаниями в области дизайна. Разработчики этого инструмента учли множество правил дизайна, которыми имеет смысл следовать при визуализации данных. Кроме этого надо отметить, что всё то, что создаётся с помощью Datawrapper, подходит для просмотра на любых устройствах.

Кому стоит обратить внимание на этот инструмент? Он рассчитан, преимущественно, на творческих людей — на писателей, блогеров, журналистов. В целом можно сказать, что он направлен на создание интерактивных изображений, дополняющих какие-либо текстовые материалы.

Сильные стороны бесплатной версии

• Поддерживается подключение изменяющихся CSV-файлов и файлов из системы Google Таблицы.
• Бесплатный тарифный план позволяет создавать и публиковать неограниченное количество диаграмм, карт и таблиц.

Слабые стороны бесплатной версии

• Бесплатная версия позволяет экспортировать диаграммы только в PNG-файлы.
• Тому, кто решит перейти на платную версию системы, придётся заплатить 499 евро за месяц подписки.

Пример

Вот диаграмма разброса данных, созданная для оценки языковых особенностей сериалов Netflix.

Анализ языковых особенностей сериалов Netflix

3. ChartBlocks

ChartBlocks является частью Ceros — облачной дизайн-платформы, которая позволяет всем желающим, будь то специалисты по маркетингу или дизайнеры, создавать интересные материалы, привлекающие внимание пользователей. Писать код при работе с этой платформой не требуется.

ChartBlocks позволяет очень быстро создавать отлично выглядящие диаграммы. Среди типов диаграмм, доступных в этой системе можно отметить столбчатые, линейные, круговые, точечные диаграммы. Для того чтобы приступить к работе с системой достаточно создать учётную запись.

Кому подойдёт ChartBlocks? Любому, кого интересует создание простых визуализаций данных за короткое время.

Сильные стороны бесплатной версии

• Процесс создания диаграмм в ChartBlocks отличается крайней простотой и понятностью. Это — один из самых простых среди существующих инструментов такого рода.
• Доступ посторонних к диаграммам можно ограничивать даже в бесплатной версии проекта.

Слабые стороны бесплатной версии

• Система не позволяет иметь более 50 активных диаграмм.
• Поддерживается лишь до 50000 просмотров в месяц.
• Загружать в систему данные можно только в форматах CSV и Microsoft Excel. Максимальный размер файла — 50 Мб.

Пример

Вот пример столбчатой диаграммы, на которой показано число строк, приходящихся на главных героев «Игры престолов» в 7 сезонах. На создание этой диаграммы ушло всего несколько минут.

Столбчатая диаграмма, созданная с помощью ChartBlocks

4. Infogram

Infogram — это инструмент для визуализации данных, который помогает создавать привлекательные материалы. Помимо поддержки системой обычных диаграмм — столбчатых, линейных, круговых, она позволяет создавать инфографику и отчёты.

Кому стоит присмотреться к Infogram? Тем, кого интересует создание различных информационных материалов, а не только обычных диаграмм.

Сильные стороны бесплатной версии

• Infogram, в отличие от других инструментов, поддерживает анимации, позволяющие изменять масштаб объектов, организовывать их перемещение, отражение, появление и исчезновение, прокрутку.
• В визуализации можно добавлять собственные элементы, изображения и фигуры.

Слабые стороны бесплатной версии

• В бесплатной версии можно создать не более 10 проектов, в каждом из которых может содержаться до 5 страниц.
• Infogram поддерживает более 550 типов карт. Но в бесплатной версии доступно лишь 13 типов.
• В бесплатной версии нельзя создавать проекты, закрытые от посторонних.
• Нельзя организовывать подключение к источникам данных и работать с данными, изменяющимися в режиме реального времени.

Пример

Вот пример использования одного из типов карт, доступных бесплатно. На такую карту можно добавить любые элементы и анимации.

Карта, созданная средствами Infogram

5. Chart Studio

Chart Studio — это проект Plotly, представляющий собой онлайн-инструмент для создания диаграмм. Фактически это — редактор для создания диаграмм, основанных на D3.js и WebGL.

Кому подойдёт Chart Studio? На сайте проекта сказано, что Chart Studio — это инструмент, предназначенный для всех, кто работает с диаграммами. Это, например, дата-сайентисты, Dash-разработчики, люди, создающие отчёты и презентации, журналисты.

Сильные стороны бесплатной версии

• Тот, кто умеет программировать, может воспользоваться API Chart Studio, доступный для Python, R, Julia и MATLAB.

Слабые стороны бесплатной версии

• Количество просмотров общедоступных диаграмм ограничено 1000 в день.
• Система поддерживает загрузку данных с использованием более чем 20 типов файлов, подключение к SQL-хранилищам с использованием Falcon — бесплатного SQL-клиента Plotly. Но в бесплатной версии данные можно загружать только в виде файлов Microsoft Excel и CSV-файлов.
• Материалы можно экспортировать только в форматах PNG и JPEG.

Пример

Вот диаграмма разброса данных, построенная для анализа воздействия количества сказанных слов в каждом эпизоде сериала «Аватар» на рейтинги IMDB.

Диаграмма, созданная с помощью Chart Studio

6. Knight Lab

Knight Lab — это опенсорсные, нетребовательные к ресурсам инструменты, поддающиеся глубокой настройке и предназначенные для тех, кто занимается составлением историй на основе данных. Эти инструменты визуализации данных отличаются от других аналогичных проектов. Истории, основанные на данных, можно «рассказывать» с использованием Storyline, с использованием карт (Storymap) и временных рядов (Timeline).

Кому стоит взглянуть на Knight Lab? Проект нацелен, преимущественно, на журналистов, но он будет интересен всем, кто занимается созданием интерактивных историй на основе данных.

Сильные стороны бесплатной версии

• Для создания историй разных видов нужны лишь данные, хранящиеся в системе Google Таблицы.
• Тот, кто умеет программировать, может воспользоваться возможностями по динамическому созданию или обновлению материалов с использованием формата JSON.

Слабые стороны бесплатной версии

• Knight Lab, в отличие от других инструментов для визуализации данных, не предлагает своим пользователей возможностей по созданию традиционных диаграмм и таблиц.

Пример

Вот результат применения одного из бесплатных шаблонов, имеющихся в системе.

Результат использования Knight Lab

7. Tableau Public

Tableau Public — это один из самых популярных инструментов, но если вы о нём не слышали — знайте, что это — бесплатная платформа, которая позволяет создавать визуализации, делиться ими с другими людьми, исследовать данные. С помощью этой платформы можно легко и быстро создавать интерактивные диаграммы, карты, информационные панели.

Кому будет интересен этот инструмент? Всем, кто работает с данными и хочет создавать их качественные интерактивные визуальные представления.

Сильные стороны бесплатной версии

• Все визуализации, созданные с помощью Tableau Public, могут бесплатно просматривать миллионы пользователей.
• Существует много учебных руководство по Tableau.
• Система поддерживает обширные возможности по настройке диаграмм.

Слабые стороны бесплатной версии

• Визуализации, опубликованные на Tableau Public, доступны абсолютно всем. Это платформа, которая ориентирована на работу с общедоступными данными.
• Импортировать данные в систему можно из CSV-файлов, из файлов Microsoft Excel и из системы Google Таблицы. А вот, например, подключение к базе данных бесплатная версия платформы не поддерживает.

Пример

Вот схема, демонстрирующая сведения о тех, кто создаёт визуализации с помощью Tableau Public.

Результаты использования Tableau Public

8. RAWGraphs

Платформа RAWGraphs находится последней в нашем списке, но это не значит, что она хуже других. С её помощью, правда, нельзя создавать интерактивные визуализации, но это не значит, что она недостойна внимания. Цель RAWGraphs заключается в том, чтобы организовать связь между приложениями для работы с электронными таблицами, вроде Microsoft Excel, и векторными графическими редакторами наподобие Adobe Illustrator, Inkscape и Sketch.

Сильные стороны бесплатной версии

• Диаграммы в RAWGraphs очень просто создавать, для работы с системой не нужно даже регистрировать учётную запись.
• Система поддерживает различные форматы входных данных — TSV, CSV, DSV, JSON и Excel-файлы(.xls, .xlsx).
• По сведениям RAWGraphs обработка данных производится исключительно средствами браузера. Платформа не занимается серверной обработкой или хранением данных. Никто из тех, кто не имеет отношения к данным, не сможет их просматривать, модифицировать или копировать.
• RAWGraphs — это система, поддающаяся расширению. Например, добавлять в неё новые диаграммы можно, обладая базовыми знаниями D3.js.

Слабые стороны бесплатной версии

• Диаграммы, создаваемые в RAWGraphs, иногда выглядят слишком простыми. У пользователей системы есть не особенно много механизмов для подстройки их под свои нужды.
• Визуализации данных не являются интерактивными.

Пример

Вот пример визуализации данных, где в виде иерархической структуры представлено количество жителей некоторых городов.

Результат визуализации данных с использованием RAWGraph

Итоги

Не существует идеального инструмента для визуализации данных. Именно поэтому полезно освоить 2-3 таких инструмента, дополняющих друг друга, и пользоваться их наиболее удачными возможностями.

Вы ознакомились с 8 новыми инструментами для создания интерактивных визуализаций, не требующих навыков программирования. После того, как вы научитесь работать с некоторыми из них, я рекомендую найти библиотеки для визуализации данных, созданные для используемого вами языка. Это даст вам больше возможностей по настройке визуализаций под ваши нужды.

Если вы, например, пишете на Python — взгляните на этот материал. В нём речь идёт о работе с Plotly, Seaborn и Matplotlib.

Какими инструментами для визуализации данных вы пользуетесь?

• Data Science
• визуализация данных
• разработка

• Блог компании RUVDS.com
• Веб-разработка
• Администрирование баз данных