D3.js
-
Обзор D3.js
- D3.js — это библиотека JavaScript для создания интерактивных визуализаций данных.
- Она использует стандарты SVG, HTML5 и CSS.
- D3.js является преемником Protovis и была выпущена в 2011 году.
- В 2016 году она была разделена на несколько небольших модульных библиотек.
-
Контекст и предшественники
- Были попытки перенести визуализацию данных в веб-браузеры, включая Prefuse, Flare и Protovis.
- Prefuse и Flare требовали использования Java и Flash соответственно.
- Protovis, основанная на опыте разработки этих инструментов, была прекращена в 2011 году для разработки D3.js.
-
Технические принципы
- D3.js предоставляет функции для выбора элементов, создания SVG-объектов и стилизации.
- Большие наборы данных могут быть привязаны к SVG-объектам для создания диаграмм.
- Данные могут быть в различных форматах, включая JSON и CSV, и могут быть преобразованы в другие форматы с помощью JavaScript.
-
Выборки и операции
- D3.js позволяет программистам выбирать элементы с помощью CSS-селекторов и управлять ими с помощью операторов, аналогичных jQuery.
- Элементы могут быть изменены, добавлены или удалены в зависимости от данных.
-
Переходы и привязка к данным
- D3.js позволяет плавно интерполировать значения атрибутов и стилей в течение определенного времени.
- Загруженные данные управляют созданием SVG-объектов с соответствующими свойствами и поведением.
-
Примеры и рекомендации
- В документации D3.js приведены примеры использования библиотеки.
- D3.js имеет связи с другими фреймворками и библиотеками, такими как Vega и Vega-Lite.
-
Ссылки и ресурсы
- В статье есть ссылки на официальный веб-сайт, галерею и другие ресурсы, связанные с D3.js.