Учебник D3.js

D3.js Programming Tutorial

Изучаем D3.js

D3.js представляет библиотеку на языке JavaScript для обработки и визуализации данных. Само название D3 расшифровывается как Data-Driven Documents и как бы делает упор на управление данными, хотя ключевой функциональностью библиотеки являются мощные возможности для их визуализации.

Библиотека D3.js основана прежде всего на использовании JavaScript, SVG и CSS в противовес другим подобным библиотекам, которые вместо SVG используют элемент canvas и его возможности. Если стандартные механизмы рисования, например, элемент canvas, полагаются на пиксели, то svg использует векторы. Применение SVG позволяет создавать структуры с насыщенной графикой, обладающие анимацией и возможностями взаимодействия.

Глава 1. Введение в D3.js

Что такое D3.js?

Выборка элементов и операторы

Глава 2. Работа с данными

Привязка данных

Функции для работы с данными

Фильтрация данных

Сортировка данных

Scale, Domain и Range

Глава 3. Графические элементы

Создание графических форм

Создание путей и групп объектов

Трансформации и переходы

Глава 4. Графики и диаграммы

Координатные оси

Даты и время на осях

Двумерные координаты

Линейная диаграмма

Добавление к графику маркеров и текстовых меток

Диаграммы с областями

Интерполяция и сглаживание графиков

Несколько графиков в одной координатной системе

Гистограммы

Гистограммы с нечисловыми данными

Круговые диаграммы

Добавление легенды диаграммы