1. Высокие диаграммы
Highcharts — это современная библиотека JavaScript для построения диаграмм, основанная на технологии SVG. Он не требует никаких плагинов. Интеграция со всеми основными веб-фреймворками проста.
При всей своей простоте Highcharts также очень совместим со старыми браузерами, поэтому вы можете выбрать его, если вам не нужно представлять данные с использованием расширенных стилей диаграмм.
Возможности:
- Оптимизирован как для адаптивного дизайна, так и для сенсорных устройств;
- Умение работать с большими данными;
- Рендеринг всплывающих подсказок при наведении выполняется очень быстро;
- Возможность аннотировать графики;
- Данные можно загружать на графики непосредственно из CSV-файла.
Подробности/статистика/информация:
- Лицензия: бесплатно для некоммерческого использования, платное для коммерческого
- Цена: бесплатно до $ 7060
- Основные зависимости: Нет зависимостей
- Звезды GitHub: 10,2 тыс. (github.com)
- 772 компании используют Highcharts (stackshare.io)
Компании, использующие Highcharts:
- Фейсбук
- ИБМ
- Мастеркард
- "Переполнение стека"
"Больше информации"
2. Чартист-js
Chartist.js — очень современная библиотека на основе SVG. Его наиболее заметной особенностью является анимация SVG в диаграммах, созданных с помощью этой библиотеки.
Он имеет прочную технологическую базу и очень прост в реализации. За считанные минуты вы можете создать невероятно впечатляющую диаграмму, которая легко взаимодействует с любым внутренним источником данных. Chartist.js легко настроить, а также легко настроить с помощью Sass.
В этой библиотеке всего восемь базовых типов диаграмм, которые можно импровизировать над несколькими другими типами. Каждый из них полностью отзывчив, но не имеет такого огромного переходного эффекта, как другие.
Возможности:
- Фильтрация по меткам; Щелкните легенду, чтобы показать или скрыть данные на диаграмме.
- Вместо этого нечисловая ось Y имеет метки
- Простая настройка с интерполяцией линейных графиков.
Подробности/статистика/информация:
- Лицензия: с открытым исходным кодом
- Цена: Бесплатно
- Основные зависимости: Нет зависимостей
- Звезды GitHub: 12,6 тыс. (github.com)
"Больше информации"
3. C3.Js
C3 — очень эффективная библиотека визуализации диаграмм на основе D3. Библиотека C3 быстро обрабатывается, имеет хорошую совместимость с браузерами и очень проста в интеграции. Если вы ищете без излишеств, C3 — достойный выбор.
Он также включает в себя хорошую документацию по самой простой библиотеке.
Возможности:
- Обширные учебные пособия и документация;
- Отзывчивый и готовый к мобильным устройствам;
- Стильные всплывающие подсказки уже интегрированы;
- Фильтруемый ряд данных.
Подробности/статистика/информация:
- Лицензия: с открытым исходным кодом
- Цена: Бесплатно
- Основные зависимости: D3.js
- 31 компания использует C3.Js (stackshare.io)
- Звезды GitHub: 9,1 тыс. (github.com)
Компании, использующие c3.js:
"Больше информации"
4. Chart.js
Chart.js — это библиотека JavaScript на основе HTML5 для создания анимированных, интерактивных и настраиваемых диаграмм и графиков. Chart.js — гораздо более легкий продукт, чем Highcharts, и не предлагает такого большого выбора.
API Chart.js относительно прост и хорошо документирован. Chart.js использует холст вместо SVG. Библиотека активно поддерживается и имеет несколько плагинов для расширения ее функциональности.
Chart.js предлагает восемь различных типов диаграмм для визуализации данных с готовой анимацией. Он совместим со всеми современными браузерами. Кроме того, адаптивное поведение диаграмм может быть включено с помощью некоторой конфигурации.
Подробности/статистика/информация:
- Лицензия: с открытым исходным кодом
- Цена: Бесплатно
- Основные зависимости: Moment.js
- 855 компаний используют Chart.js (stackshare.io)
- Звезды GitHub: 54,4 тыс. (github.com)
Компании, использующие Chart.js:
"Больше информации"
5. сюжет
Plotly — одна из самых распространенных библиотек, преуспевающая библиотека с отличной документацией, включая учебник для каждого типа диаграмм.
Он имеет открытый исходный код с 2015 года, что означает, что любой может использовать его бесплатно. Plotly.js поддерживает 20 типов диаграмм, включая карты SVG, трехмерные диаграммы и статистические графики. Он построен на основе D3.js и stack.gl.
Доступные типы диаграмм и графиков имеют профессиональный внешний вид. Создание диаграммы — это просто вопрос загрузки вашей информации и настройки макета, осей, примечаний и легенды.
Подробности/статистика/информация:
- Лицензия: с открытым исходным кодом
- Цена: Бесплатно, платно для предприятий
- Основные зависимости: D3.js, Stack.gl
- 33 компании используют Plotly (stackshare.io)
- Звезды GitHub: 13,9 тыс. (github.com)
Компании, использующие Plotly:
"Больше информации"
6. НВД3
NVD3 также входит в список самых популярных библиотек. Построенный на D3.js, как и другие вышеперечисленные, он имеет прочную техническую базу.
Производительность относительно хорошая, и у него есть базовые анимации для визуальной стимуляции в достаточно простом интерфейсе. Данные можно загружать напрямую из файлов .json, что означает, что NVD3 может легко интегрироваться с существующими решениями API данных.
По сравнению с другими библиотеками в этом списке, она выглядит относительно небольшой, многие диаграммы недоступны, но присутствуют наиболее общие типы диаграмм.
Эта библиотека визуализации имеет полностью открытый исходный код с лицензией Apache 2.0.
Подробности/статистика/информация:
- Лицензия: с открытым исходным кодом
- Цена: Бесплатно, платно для предприятий
- Основные зависимости: D3.js
- 48 компаний используют NVD3 (stackshare.io)
- Звезды GitHub: 7,1 тыс. (github.com)
Компании, использующие NVD3:
"Больше информации"
7. FusionCharts
FusionCharts, пожалуй, имеет полную коллекцию графиков и карт. С более чем 90 типами диаграмм и 965 картами вы найдете все, что вам нужно прямо из коробки.
Он поддерживает форматы данных JSON и XML, и вы можете экспортировать диаграммы в PNG, JPEG, SVG или PDF. У них есть хорошая коллекция бизнес-панелей и живые демонстрации для вдохновения.
Их диаграммы и карты работают на всех устройствах и платформах, легко настраиваются и обеспечивают прекрасное взаимодействие. Но при всем при этом немного дороговато.
Подробности/статистика/информация:
- Лицензия: Платная
- Цена: от $497
- Основные зависимости: Нет зависимостей
- 4 компании используют FusionCharts (stackshare.io)
- Звезды GitHub: 59 (github.com)
Компании, использующие FusionCharts:
"Больше информации"
8. D3.Js
D3 — это библиотека JavaScript с открытым исходным кодом, выпущенная под лицензией BSD. Он предоставляет огромное количество диаграмм, графиков и других методов визуализации данных. D3 дает вам почти все, что вам нужно для визуального представления ваших данных любого типа.
На сайте представлена исчерпывающая документация. Приведены примеры, помогающие приступить к работе и использовать библиотеку.
D3 поддерживает все современные браузеры. Он был протестирован в Firefox, Google Chrome, Safari, Opera, IE9+, Android и iOS.
У D3.js есть две существенные проблемы: у него крутая кривая обучения и он совместим только с современными браузерами (IE 9+). Возьмите его, только если у вас есть достаточно времени, чтобы изучить и принять его.
Подробности/статистика/информация:
- Лицензия: с открытым исходным кодом
- Цена: Бесплатно для всех пользователей
- Основные зависимости: Нет зависимостей
- 690 компаний используют D3 (stackshare.io)
- Звезды GitHub: 3,9 тыс. (github.com)
Компании, использующие D3:
"Больше информации"
9. AnyChart
AnyChart — это надежная, легкая и многофункциональная библиотека диаграмм JS с рендерингом в SVG/VML. На самом деле это дает веб-разработчикам прекрасную возможность создавать различные диаграммы, которые помогут им проводить анализ данных и принимать решения на основе данных.
Функции:
- Более 80 типов диаграмм JS, включая базовые диаграммы, биржевые диаграммы, карты, диаграммы Ганта и PERT.
- Существует множество способов установки данных: XML, JSON, CSV, JS API, Google Sheets и HTML Table.
- Готовые индикаторы технического анализа акций и инструменты рисования (аннотации).
- Его можно интегрировать с Angular, Qlik, Oracle APEX, React, Elasticsearch, Vue.js, Android, iOS и т. д.
Подробности/статистика/информация:
- Лицензия: Платная для коммерческого использования
- Цена: от 49 до 799 долларов США по индивидуальной цене. Бесплатно для некоммерческого использования
- Основные зависимости: –Нет зависимостей
- Звезды GitHub: 297 (github.com)
Компании, использующие AnyChart:
"Больше информации"
Первоначально опубликовано на raftlabs.co