Справочник по API D3
D3 4.0 — это набор модулей, предназначенных для совместной работы; вы можете использовать модули по отдельности или вместе как часть стандартного сборки. Исходный код и документация для каждого модуля доступны в его репозитории. Чтобы узнать больше, перейдите по ссылкам ниже. Изменения между версиями 3.x и 4.0 см. в CHANGES; см. также ссылку на справочник 3.x.
- Массивы (Статистики, Поиск, Преобразования, Гистограммы)
- Оси
- Щетки
- Аккорды
- Коллекции (Объекты, Карты, Множества, Вложенности)
- Цвета
- Диспетчеры
- Перетаскивание
- Значения, разделенные разделителями
- Сглаживания
- Силы
- Форматы чисел
- Географические данные (Пути, Проекции, Сферическая математика, Сферические фигуры, Потоки, Преобразования)
- Иерархии
- Интерполяторы
- Пути
- Многоугольники
- Четвертичные деревья
- Очереди
- Случайные числа
- Запросы
- Масштабирование (Непрерывные, Последовательные, Квантование, Порядковые)
- Выборки (Выбор, Изменение, Данные, Обработка событий, Управление потоком, Локальные переменные, Пространства имён)
- Фигуры (Дуги, Секторы, Линии, Площади, Кривые, Связи, Символы, Стопки)
- Форматы времени
- Интервалы времени
- Таймеры
- Переходы
- Диаграммы Вороного
- Масштабирование
D3 использует семантическую версионирование. Текущая версия доступна как d3.version.
Массивы (d3-array)
Обработка массивов, сортировка, поиск, обобщение и т. д.
Статистики
Методы для вычисления основных статистических показателей.
- d3.min - вычислить минимальное значение в массиве.
- d3.max - вычислить максимальное значение в массиве.
- d3.extent - вычислить минимальное и максимальное значение в массиве.
- d3.sum - вычислить сумму массива чисел.
- d3.mean - вычислить среднее арифметическое массива чисел.
- d3.median - вычислить медиану массива чисел (0,5-квантиль).
- d3.quantile - вычислить квантиль для отсортированного массива чисел.
- d3.variance - вычислить дисперсию массива чисел.
- d3.deviation - вычислить стандартное отклонение массива чисел.
Поиск
Методы поиска элементов в массивах.
- d3.scan - линейный поиск элемента с помощью компаратора.
- d3.bisect - бинарный поиск значения в отсортированном массиве.
- d3.bisectRight - бинарный поиск значения в отсортированном массиве.
- d3.bisectLeft - бинарный поиск значения в отсортированном массиве.
- d3.bisector - бинарный поиск с использованием аксессора или компаратора.
- bisector.left - bisectLeft с заданным компаратором.
- bisector.right - bisectRight с заданным компаратором.
- d3.ascending - вычислить естественный порядок двух значений.
- d3.descending - вычислить естественный порядок двух значений.
Преобразования
Методы для преобразования массивов и генерации новых массивов.
- d3.cross - вычислить декартово произведение двух массивов.
- d3.merge - объединить несколько массивов в один массив.
- d3.pairs - создать массив смежных пар элементов.
- d3.permute - переупорядочить массив элементов в соответствии с массивом индексов.
- d3.shuffle - случайным образом изменить порядок элементов массива.
- d3.ticks - сгенерировать репрезентативные значения из числового интервала.
- d3.tickIncrement - сгенерировать репрезентативные значения из числового интервала.
- d3.tickStep - сгенерировать репрезентативные значения из числового интервала.
- d3.range - сгенерировать диапазон числовых значений.
- d3.transpose - транспонировать массив массивов.
- d3.zip - транспонировать переменное количество массивов.
Гистограммы
Разбить дискретные выборки на непрерывные непересекающиеся интервалы.
- d3.histogram - создать новый генератор гистограмм.
- гистограмма - вычислить гистограмму для данного массива выборок.
- гистограмма.value - указать функцию для получения значения каждой выборки.
- гистограмма.domain - указать интервал наблюдаемых значений.
- гистограмма.thresholds - указать, как значения делятся на интервалы.
- d3.thresholdFreedmanDiaconis - правило разделения на интервалы Фридмана-Дикона.
- d3.thresholdScott - правило разделения на интервалы Скотта.
- d3.thresholdSturges - формула разделения на интервалы Стерджеса.
Оси (d3-axis)
Человекочитаемые отметки для шкал.
- d3.axisTop - создать новый генератор оси сверху.
- d3.axisRight - создать новый генератор оси справа.
- d3.axisBottom - создать новый генератор оси снизу.
- d3.axisLeft - создать новый генератор оси слева.
- ось - сгенерировать ось для данного выбора.
- ось.scale - установить шкалу.
- ось.ticks - настроить способ генерации и форматирования отметок.
- ось.tickArguments - настроить способ генерации и форматирования отметок.
- ось.tickValues - явно установить значения отметок.
- ось.tickFormat - явно установить формат отметок.
- ось.tickSize - установить размер отметок.
- ось.tickSizeInner - установить размер внутренних отметок.
- ось.tickSizeOuter - установить размер внешних отметок (границы).
- ось.tickPadding - установить отступ между отметками и метками.
Щетки (d3-brush)
Выбрать область одной или двух размерностей с помощью мыши или сенсорного экрана.
- d3.brush - создать новую двумерную щетку.
- d3.brushX - создать щетку по x-измерению.
- d3.brushY - создать щетку по y-измерению.
- щетка - применить щетку к выбору.
- щетка.move - переместить выбор щетки.
- щетка.extent - определить область, по которой можно перемещать щетку.
- щетка.filter - управлять тем, какие события ввода инициируют перемещение щетки.
- щетка.handleSize - установить размер ручек щетки.
- щетка.on - прослушивать события щетки.
- d3.brushSelection - получить выбор щетки для данного узла.
Хо́рды (d3-chord)
- d3.chord - создание новой компоновки аккордов.
- chord - вычисление компоновки для данной матрицы.
- chord.padAngle - установка отступа между смежными группами.
- chord.sortGroups - определение порядка групп.
- chord.sortSubgroups - определение порядка источников и целей внутри групп.
- chord.sortChords - определение порядка аккордов между группами.
- d3.ribbon - создание генератора формы ленты.
- ribbon - генерация формы ленты.
- ribbon.source - установка обработчика источника.
- ribbon.target - установка обработчика цели.
- ribbon.radius - установка радиуса ленты для источника или цели.
- ribbon.startAngle - установка начального угла ленты для источника или цели.
- ribbon.endAngle - установка конечного угла ленты для источника или цели.
- ribbon.context - установка контекста отрисовки.
Коллекции (d3-collection)
Удобные структуры данных для элементов, имеющих ключи в виде строк.
Объекты
Методы для преобразования ассоциативных массивов (объектов) в массивы.
- d3.keys - вывод списка ключей ассоциативного массива.
- d3.values - вывод списка значений ассоциативного массива.
- d3.entries - вывод списка пар ключ-значение ассоциативного массива.
Карты
Подобно ES6 Map, но с ключами в виде строк и некоторыми другими отличиями.
- d3.map - создание новой пустой карты.
- map.has - возвращает true, если карта содержит указанный ключ.
- map.get - получение значения для данного ключа.
- map.set - установка значения для данного ключа.
- map.remove - удаление записи для данного ключа.
- map.clear - удаление всех записей.
- map.keys - получение массива ключей.
- map.values - получение массива значений.
- map.entries - получение массива пар ключ-значение (объекты).
- map.each - вызов функции для каждой записи.
- map.empty - возвращает false, если карта имеет хотя бы одну запись.
- map.size - вычисление количества записей.
Множества
Подобно ES6 Set, но с ключами в виде строк и некоторыми другими отличиями.
- d3.set - создание нового пустого множества.
- set.has - возвращает true, если множество содержит данное значение.
- set.add - добавление данного значения.
- set.remove - удаление данного значения.
- set.clear - удаление всех значений.
- set.values - получение массива значений.
- set.each - вызов функции для каждого значения.
- set.empty - возвращает true, если множество пустое.
- set.size - вычисление количества значений.
Вложенные структуры
Группировка данных в произвольные иерархии.
- d3.nest - создание нового генератора вложенных структур.
- nest.key - добавление уровня в иерархию вложенных структур.
- nest.sortKeys - сортировка текущего уровня вложенных структур по ключу.
- nest.sortValues - сортировка уровня вложенных структур по значению.
- nest.rollup - указание функции агрегирования для листов значений.
- nest.map - генерация вложенных структур, возвращающая карту.
- nest.object - генерация вложенных структур, возвращающая ассоциативный массив.
- nest.entries - генерация вложенных структур, возвращающая массив пар ключ-значение.
Цвета (d3-color)
Обработка и преобразование цветовых пространств.
- d3.color - разобрать заданный спецификатор цвета CSS.
- color.rgb - вычислить эквивалент этого цвета в RGB.
- color.brighter - создать более светлую копию этого цвета.
- color.darker - создать более тёмную копию этого цвета.
- color.displayable - возвращает true, если цвет отображается на стандартном оборудовании.
- color.toString - отформатировать цвет как строку в шестнадцатеричном представлении RGB.
- d3.rgb - создать новый цвет RGB.
- d3.hsl - создать новый цвет HSL.
- d3.lab - создать новый цвет Lab.
- d3.hcl - создать новый цвет HCL.
- d3.cubehelix - создать новый цвет Cubehelix.
Обработчики событий (d3-dispatch)
Разделение задач с использованием именованных обратных вызовов.
- d3.dispatch - создать пользовательский обработчик событий.
- dispatch.on - зарегистрировать или отменить регистрацию обработчика событий.
- dispatch.copy - создать копию обработчика событий.
- dispatch.call - отправить событие зарегистрированным обработчикам.
- dispatch.apply - отправить событие зарегистрированным обработчикам.
Перетаскивание (d3-drag)
Перетаскивание SVG, HTML или Canvas с помощью мыши или сенсорного ввода.
- d3.drag - создать поведение перетаскивания.
- drag - применить поведение перетаскивания к выделению.
- drag.container - установить систему координат.
- drag.filter - игнорировать некоторые начальные события ввода.
- drag.touchable - установить детектор поддержки сенсорного ввода.
- drag.subject - установить объект, который перетаскивается.
- drag.clickDistance - установить пороговое расстояние клика.
- drag.on - прослушивать события перетаскивания.
- event.on - прослушивать события перетаскивания текущего жеста.
- d3.dragDisable - предотвратить перетаскивание и выделение текста.
- d3.dragEnable - включить перетаскивание и выделение текста.
Значения, разделенные разделителями (d3-dsv)
Парсинг и форматирование значений, разделенных разделителями, чаще всего CSV и TSV.
- d3.dsvFormat - создать новый парсер и форматировщик для заданного разделителя.
- dsv.parse - разобрать заданную строку, возвращая массив объектов.
- dsv.parseRows - разобрать заданную строку, возвращая массив строк.
- dsv.format - отформатировать заданный массив объектов.
- dsv.formatRows - отформатировать заданный массив строк.
- d3.csvParse - разобрать заданную строку CSV, возвращая массив объектов.
- d3.csvParseRows - разобрать заданную строку CSV, возвращая массив строк.
- d3.csvFormat - отформатировать заданный массив объектов в формате CSV.
- d3.csvFormatRows - отформатировать заданный массив строк в формате CSV.
- d3.tsvParse - разобрать заданную строку TSV, возвращая массив объектов.
- d3.tsvParseRows - разобрать заданную строку TSV, возвращая массив строк.
- d3.tsvFormat - отформатировать заданный массив объектов в формате TSV.
- d3.tsvFormatRows - отформатировать заданный массив строк в формате TSV.
Сплайны (d3-ease)
Функции сплайна для плавной анимации.
- ease - плавное изменение заданного нормированного времени.
- d3.easeLinear - линейное сглаживание; тождественная функция.
- d3.easePolyIn - полиномиальное сглаживание; возводит время в заданную степень.
- d3.easePolyOut - обратное полиномиальное сглаживание.
- d3.easePolyInOut - симметричное полиномиальное сглаживание.
- poly.exponent - задание показателя степени полинома.
- d3.easeQuad - псевдоним для easeQuadInOut.
- d3.easeQuadIn - квадратичное сглаживание; возводит время в квадрат.
- d3.easeQuadOut - обратное квадратичное сглаживание.
- d3.easeQuadInOut - симметричное квадратичное сглаживание.
- d3.easeCubic - псевдоним для easeCubicInOut.
- d3.easeCubicIn - кубическое сглаживание; возводит время в куб.
- d3.easeCubicOut - обратное кубическое сглаживание.
- d3.easeCubicInOut - симметричное кубическое сглаживание.
- d3.easeSin - псевдоним для easeSinInOut.
- d3.easeSinIn - синусоидальное сглаживание.
- d3.easeSinOut - обратное синусоидальное сглаживание.
- d3.easeSinInOut - симметричное синусоидальное сглаживание.
- d3.easeExp - псевдоним для easeExpInOut.
- d3.easeExpIn - экспоненциальное сглаживание.
- d3.easeExpOut - обратное экспоненциальное сглаживание.
- d3.easeExpInOut - симметричное экспоненциальное сглаживание.
- d3.easeCircle - псевдоним для easeCircleInOut.
- d3.easeCircleIn - круговое сглаживание.
- d3.easeCircleOut - обратное круговое сглаживание.
- d3.easeCircleInOut - симметричное круговое сглаживание.
- d3.easeElastic - псевдоним для easeElasticOut.
- d3.easeElasticIn - упругое сглаживание, как резинка.
- d3.easeElasticOut - обратное упругое сглаживание.
- d3.easeElasticInOut - симметричное упругое сглаживание.
- elastic.amplitude - задание амплитуды упругого эффекта.
- elastic.period - задание периода упругого эффекта.
- d3.easeBack - псевдоним для easeBackInOut.
- d3.easeBackIn - предвосхищающее сглаживание, как танцор, сгибающий колени перед прыжком.
- d3.easeBackOut - обратное предвосхищающее сглаживание.
- d3.easeBackInOut - симметричное предвосхищающее сглаживание.
- back.overshoot - задание величины перескока.
- d3.easeBounce - псевдоним для easeBounceOut.
- d3.easeBounceIn - сглаживание с отскоком, как резиновый мяч.
- d3.easeBounceOut - обратное сглаживание с отскоком.
- d3.easeBounceInOut - симметричное сглаживание с отскоком.
Силы (d3-force)
Расположение графов с направленными силами с использованием интегрирования метода Верле.
- d3.forceSimulation - создание новой симуляции сил.
- симуляция.restart - перезапуск таймера симуляции.
- симуляция.stop - остановка таймера симуляции.
- симуляция.tick - продвижение симуляции на один шаг.
- симуляция.nodes - установка узлов симуляции.
- симуляция.alpha - установка текущего альфа-значения.
- симуляция.alphaMin - установка минимального порога альфа-значения.
- симуляция.alphaDecay - установка экспоненциальной скорости затухания альфа-значения.
- симуляция.alphaTarget - установка целевого альфа-значения.
- симуляция.velocityDecay - установка скорости затухания скорости.
- симуляция.force - добавление или удаление силы.
- симуляция.find - поиск ближайшего узла к заданной позиции.
- симуляция.on - добавление или удаление обработчика события.
- сила - применение силы.
- сила.initialize - инициализация силы с заданными узлами.
- d3.forceCenter - создание центрирующей силы.
- центр.x - установка координаты центра по оси x.
- центр.y - установка координаты центра по оси y.
- d3.forceCollide - создание силы кругового столкновения.
- столкновение.radius - установка радиуса окружности.
- столкновение.strength - установка силы разрешения столкновения.
- столкновение.iterations - установка количества итераций.
- d3.forceLink - создание силы связи.
- связь.links - установка массива связей.
- связь.id - связь узлов по числовому индексу или строковому идентификатору.
- связь.distance - установка расстояния между связями.
- связь.strength - установка силы связи.
- связь.iterations - установка количества итераций.
- d3.forceManyBody - создание силы взаимодействия многих тел.
- manyBody.strength - установка силы взаимодействия.
- manyBody.theta - установка точности приближения Барнса–Хата.
- manyBody.distanceMin - ограничение силы при близком расположении узлов.
- manyBody.distanceMax - ограничение силы при большом расстоянии между узлами.
- d3.forceX - создание силы позиционирования по оси x.
- x.strength - установка силы взаимодействия.
- x.x - установка целевой координаты по оси x.
- d3.forceY - создание силы позиционирования по оси y.
- y.strength - установка силы взаимодействия.
- y.y - установка целевой координаты по оси y.
- d3.forceRadial - создание радиальной силы позиционирования.
- radial.strength - установка силы взаимодействия.
- radial.radius - установка целевого радиуса.
- radial.x - установка целевой координаты центра по оси x.
- radial.y - установка целевой координаты центра по оси y.
Форматы чисел (d3-format)
Форматирование чисел для отображения.
- d3.format - псевдоним для locale.format на стандартной локали.
- d3.formatPrefix - псевдоним для locale.formatPrefix на стандартной локали.
- d3.formatSpecifier - парсинг спецификатора формата чисел.
- d3.formatLocale - определение пользовательской локали.
- d3.formatDefaultLocale - определение стандартной локали.
- locale.format - создание формата для чисел.
- locale.formatPrefix - создание формата чисел с префиксом СИ.
- d3.precisionFixed - вычисление десятичной точности для фиксированной точки.
- d3.precisionPrefix - вычисление десятичной точности для формата с префиксом СИ.
- d3.precisionRound - вычисление значащих цифр для округленного формата.
Географические данные (d3-geo)
Географические проекции, фигуры и математические операции.
Пути
- d3.geoPath - создание нового генератора географических путей.
- path - спроецировать и отобразить указанное свойство.
- path.area - вычислить спроецированную плоскую площадь заданного свойства.
- path.bounds - вычислить спроецированную плоскую ограничивающую рамку заданного свойства.
- path.centroid - вычислить спроецированный плоский центр масс заданного свойства.
- path.measure - вычислить спроецированную плоскую длину заданного свойства.
- path.projection - установить географическую проекцию.
- path.context - установить контекст рендеринга.
- path.pointRadius - установить радиус для отображения точечных свойств.
Проекции
- projection - спроецировать указанную точку сферы на плоскость.
- projection.invert - спроецировать обратную точку с плоскости на сферу.
- projection.stream - обернуть указанный поток для проекции геометрии.
- projection.clipAngle - установить радиус круга обрезки.
- projection.clipExtent - установить область обрезки области просмотра в пикселях.
- projection.scale - установить коэффициент масштаба.
- projection.translate - установить смещение перевода.
- projection.fitExtent - установить масштаб и перевод для подгонки объекта GeoJSON.
- projection.fitSize - установить масштаб и перевод для подгонки объекта GeoJSON.
- projection.fitWidth - установить масштаб и перевод для подгонки объекта GeoJSON.
- projection.fitHeight - установить масштаб и перевод для подгонки объекта GeoJSON.
- projection.center - установить центральную точку.
- projection.rotate - установить углы сферического вращения по трём осям.
- projection.precision - установить пороговое значение точности для адаптивного взятия проб.
- projection.preclip - установить преобразование потока сферической обрезки.
- projection.postclip - установить преобразование потока плоской обрезки.
- d3.geoClipAntimeridian - обрезает сферические геометрии, пересекающие антимеридиан.
- d3.geoClipCircle - обрезает сферические геометрии до малого круга.
- d3.geoClipRectangle - обрезает плоские геометрии до прямоугольной области просмотра.
- d3.geoAlbers - проекция Альберса с равной площадью коническая.
- d3.geoAlbersUsa - составная проекция Альберса для США.
- d3.geoAzimuthalEqualArea - проекция азимутальной равной площади.
- d3.geoAzimuthalEquidistant - азимутальная равноотдалённая проекция.
- d3.geoConicConformal - коническая конформная проекция.
- d3.geoConicEqualArea - коническая проекция равной площади (Альберса).
- d3.geoConicEquidistant - коническая равноотдалённая проекция.
- conic.parallels - установить две стандартные параллели.
- d3.geoEquirectangular - прямоугольная проекция (plate carreé).
- d3.geoGnomonic - проекция гномоническая.
- d3.geoMercator - сферическая проекция Меркатора.
- d3.geoOrthographic - азимутальная ортогональная проекция.
- d3.geoStereographic - азимутальная стереографическая проекция.
- d3.geoTransverseMercator - поперечная сферическая проекция Меркатора.
- project - спроецировать указанную точку сферы на плоскость.
- project.invert - спроецировать обратную точку с плоскости на сферу.
- d3.geoProjection - создание пользовательской проекции.
- d3.geoProjectionMutator - создание настраиваемой пользовательской проекции.
- d3.geoAzimuthalEqualAreaRaw - исходная проекция азимутальной равной площади.
- d3.geoAzimuthalEquidistantRaw - исходная азимутальная равноотдалённая проекция.
- d3.geoConicConformalRaw - исходная коническая конформная проекция.
- d3.geoConicEqualAreaRaw - исходная коническая проекция равной площади (Альберса).
- d3.geoConicEquidistantRaw - исходная коническая равноотдалённая проекция.
- d3.geoEquirectangularRaw - исходная прямоугольная проекция (plate carreé).
- d3.geoGnomonicRaw - исходная гномоническая проекция.
- d3.geoMercatorRaw - исходная проекция Меркатора.
- d3.geoOrthographicRaw - исходная азимутальная ортогональная проекция.
- d3.geoStereographicRaw - исходная азимутальная стереографическая проекция.
- d3.geoTransverseMercatorRaw - исходная поперечная сферическая проекция Меркатора.
Сферическая математика
- d3.geoArea - вычислить сферическую площадь заданного объекта.
- d3.geoBounds - вычислить прямоугольник ограничений по широте и долготе для заданного объекта.
- d3.geoCentroid - вычислить сферический центр тяжести заданного объекта.
- d3.geoContains - проверить, находится ли точка внутри заданного объекта.
- d3.geoDistance - вычислить расстояние по большой окружности между двумя точками.
- d3.geoLength - вычислить длину линии или периметр многоугольника.
- d3.geoInterpolate - интерполировать между двумя точками по большой окружности.
- d3.geoRotation - создать функцию поворота для заданных углов.
- rotation - повернуть заданную точку вокруг сферы.
- rotation.invert - отменить поворот заданной точки вокруг сферы.
Сферические фигуры
- d3.geoCircle - создать генератор окружности.
- circle - сгенерировать кусочно-определённую окружность как многоугольник.
- circle.center - указать центр окружности в широте и долготе.
- circle.radius - указать угловой радиус в градусах.
- circle.precision - указать точность кусочно-определённой окружности.
- d3.geoGraticule - создать генератор меридианов и параллелей.
- graticule - сгенерировать Многолинию меридианов и параллелей.
- graticule.lines - сгенерировать массив линий меридианов и параллелей.
- graticule.outline - сгенерировать Многоугольник границ сетки.
- graticule.extent - получить или установить основные и второстепенные области.
- graticule.extentMajor - получить или установить основную область.
- graticule.extentMinor - получить или установить второстепенную область.
- graticule.step - получить или установить интервалы основных и второстепенных шагов.
- graticule.stepMajor - получить или установить интервалы основных шагов.
- graticule.stepMinor - получить или установить интервалы второстепенных шагов.
- graticule.precision - получить или установить точность по широте.
- d3.geoGraticule10 - сгенерировать стандартную глобальную сетку с шагом в 10°.
Потоки
- d3.geoStream - преобразовать объект GeoJSON в поток геометрий.
- stream.point - указывает точку с указанными координатами.
- stream.lineStart - указывает начало линии или кольца.
- stream.lineEnd - указывает конец линии или кольца.
- stream.polygonStart - указывает начало многоугольника.
- stream.polygonEnd - указывает конец многоугольника.
- stream.sphere - указывает сферу.
Преобразования
- d3.geoIdentity - масштабирование, трансляция или обрезка плоской геометрии.
- identity.reflectX - отразить по оси x.
- identity.reflectY - отразить по оси y.
- d3.geoTransform - определить пользовательское преобразование геометрии.
Иерархии (d3-hierarchy)
Алгоритмы компоновки для визуализации иерархических данных.
- d3.hierarchy - строит корневой узел из иерархических данных.
- node.ancestors - генерирует массив предков.
- node.descendants - генерирует массив потомков.
- node.leaves - генерирует массив листьев.
- node.path - генерирует кратчайший путь к другому узлу.
- node.links - генерирует массив связей.
- node.sum - оценивает и агрегирует количественные значения.
- node.sort - сортирует всех дочерних братьев.
- node.count - подсчитывает количество листьев.
- node.each - обход в ширину.
- node.eachAfter - обход по принципу "после" (post-order).
- node.eachBefore - обход по принципу "перед" (pre-order).
- node.copy - копирует иерархию.
- d3.stratify - создает новый оператор stratify.
- stratify - строит корневой узел из табличных данных.
- stratify.id - устанавливает доступ к идентификатору узла.
- stratify.parentId - устанавливает доступ к идентификатору родительского узла.
- d3.cluster - создаёт новый макет кластеризации (дендрограмма).
- cluster - размещает заданную иерархию в виде дендрограммы.
- cluster.size - устанавливает размер макета.
- cluster.nodeSize - устанавливает размер узла.
- cluster.separation - устанавливает расстояние между листьями.
- d3.tree - создает новый макет упорядоченного дерева.
- tree - размещает заданную иерархию в виде упорядоченного дерева.
- tree.size - устанавливает размер макета.
- tree.nodeSize - устанавливает размер узла.
- tree.separation - устанавливает расстояние между узлами.
- d3.treemap - создаёт новый макет treemap.
- treemap - размещает заданную иерархию в виде treemap.
- treemap.tile - устанавливает метод разбиения.
- treemap.size - устанавливает размер макета.
- treemap.round - устанавливает, будут ли координаты округлены.
- treemap.padding - устанавливает отступ.
- treemap.paddingInner - устанавливает отступ между соседними узлами.
- treemap.paddingOuter - устанавливает отступ между родительским и дочерними узлами.
- treemap.paddingTop - устанавливает отступ между верхней границей родителя и дочерними узлами.
- treemap.paddingRight - устанавливает отступ между правой границей родителя и дочерними узлами.
- treemap.paddingBottom - устанавливает отступ между нижней границей родителя и дочерними узлами.
- treemap.paddingLeft - устанавливает отступ между левой границей родителя и дочерними узлами.
- d3.treemapBinary - разбиение с использованием сбалансированного бинарного дерева.
- d3.treemapDice - разбиение по горизонтальным строкам.
- d3.treemapSlice - разбиение по вертикальным столбцам.
- d3.treemapSliceDice - чередование разбиения по строкам и столбцам.
- d3.treemapSquarify - разбиение с использованием квадратифицированных строк (по Bruls et. al.).
- d3.treemapResquarify - как d3.treemapSquarify, но выполняет стабильные обновления.
- squarify.ratio - устанавливает желаемое соотношение сторон прямоугольника.
- d3.partition - создаёт новый макет разделения (ледяная сосулька или солнцеворот).
- partition - размещает заданную иерархию в виде диаграммы разделения.
- partition.size - устанавливает размер макета.
- partition.round - устанавливает, будут ли координаты округлены.
- partition.padding - устанавливает отступ.
- d3.pack - создаёт новый макет круговой упаковки.
- pack - размещает заданную иерархию с помощью круговой упаковки.
- pack.radius - устанавливает функцию радиуса.
- pack.size - устанавливает размер макета.
- pack.padding - установить отступ.
- d3.packSiblings - расположить указанный массив кругов.
- d3.packEnclose - заключить указанный массив кругов.
Интерполяторы (d3-interpolate)
Интерполировать числа, цвета, строки, массивы, объекты — всё что угодно!
- d3.interpolate - интерполировать произвольные значения.
- d3.interpolateArray - интерполировать массивы произвольных значений.
- d3.interpolateDate - интерполировать даты.
- d3.interpolateNumber - интерполировать числа.
- d3.interpolateObject - интерполировать произвольные объекты.
- d3.interpolateRound - интерполировать целые числа.
- d3.interpolateString - интерполировать строки с вставленными числами.
- d3.interpolateTransformCss - интерполировать 2D CSS преобразования.
- d3.interpolateTransformSvg - интерполировать 2D SVG преобразования.
- d3.interpolateZoom - масштабировать и перемещать между двумя представлениями.
- d3.interpolateRgb - интерполировать цвета RGB.
- d3.interpolateRgbBasis - сгенерировать сплайн Безье через набор цветов.
- d3.interpolateRgbBasisClosed - сгенерировать замкнутый сплайн Безье через набор цветов.
- d3.interpolateHsl - интерполировать цвета HSL.
- d3.interpolateHslLong - интерполировать цвета HSL, длинным способом.
- d3.interpolateLab - интерполировать цвета Lab.
- d3.interpolateHcl - интерполировать цвета HCL.
- d3.interpolateHclLong - интерполировать цвета HCL, длинным способом.
- d3.interpolateCubehelix - интерполировать цвета Cubehelix.
- d3.interpolateCubehelixLong - интерполировать цвета Cubehelix, длинным способом.
- interpolate.gamma - применить гамма-коррекцию во время интерполяции.
- d3.interpolateBasis - сгенерировать сплайн Безье через набор значений.
- d3.interpolateBasisClosed - сгенерировать замкнутый сплайн Безье через набор значений.
- d3.quantize - сгенерировать равномерно распределённые образцы из интерполятора.
Пути (d3-path)
Сериализовать команды пути Canvas в SVG.
- d3.path - создать новый сериализатор пути.
- path.moveTo - переместиться в заданную точку.
- path.closePath - закрыть текущий подпуть.
- path.lineTo - нарисовать отрезок прямой линии.
- path.quadraticCurveTo - нарисовать квадратный сегмент Безье.
- path.bezierCurveTo - нарисовать кубический сегмент Безье.
- path.arcTo - нарисовать сегмент дуги окружности.
- path.arc - нарисовать сегмент дуги окружности.
- path.rect - нарисовать прямоугольник.
- path.toString - сериализовать в строку данных пути SVG.
Многоугольники (d3-polygon)
Геометрические операции для двумерных многоугольников.
- d3.polygonArea - вычислить площадь заданного многоугольника.
- d3.polygonCentroid - вычислить центр масс заданного многоугольника.
- d3.polygonHull - вычислить выпуклую оболочку заданных точек.
- d3.polygonContains - проверить, лежит ли точка внутри многоугольника.
- d3.polygonLength - вычислить длину периметра заданного многоугольника.
Четвертичные деревья (d3-quadtree)
Двумерное рекурсивное пространственное разбиение.
- d3.quadtree - создать новый, пустой квадродерево.
- quadtree.x - установить accessor для x.
- quadtree.y - установить accessor для y.
- quadtree.add - добавить элемент данных в квадродерево.
- quadtree.addAll - добавить массив данных в квадродерево.
- quadtree.remove - удалить элемент данных из квадродерева.
- quadtree.removeAll - удалить массив данных из квадродерева.
- quadtree.copy - создать копию квадродерева.
- quadtree.root - получить корневой узел квадродерева.
- quadtree.data - извлечь все данные из квадродерева.
- quadtree.size - посчитать количество данных в квадродереве.
- quadtree.find - быстро найти ближайший элемент данных в квадродереве.
- quadtree.visit - выборочно посетить узлы в квадродереве.
- quadtree.visitAfter - посетить все узлы в квадродереве.
- quadtree.cover - расширить квадродерево, чтобы оно охватывало точку.
- quadtree.extent - расширить квадродерево, чтобы оно охватывало область.
Очереди (d3-queue)
Оценивать асинхронные задачи с настраиваемой конкурентностью.
- d3.queue - управлять одновременной оценкой асинхронных задач.
- queue.defer - зарегистрировать задачу для оценки.
- queue.abort - прервать любые активные задачи и отменить любые ожидающие.
- queue.await - зарегистрировать обратный вызов на завершение задач.
- queue.awaitAll - зарегистрировать обратный вызов на завершение всех задач.
Генерация случайных чисел (d3-random)
Генерировать случайные числа из различных распределений.
- d3.randomUniform - из равномерного распределения.
- d3.randomNormal - из нормального распределения.
- d3.randomLogNormal - из лог-нормального распределения.
- d3.randomBates - из распределения Бейтса.
- d3.randomIrwinHall - из распределения Ирвина–Холла.
- d3.randomExponential - из экспоненциального распределения.
- random.source - установить источник случайности.
Запросы (d3-request)
Удобная альтернатива асинхронному XMLHttpRequest.
- d3.request - сделать асинхронный запрос.
- request.header - установить заголовок запроса.
- request.user - установить пользователя для аутентификации.
- request.password - установить пароль для аутентификации.
- request.mimeType - установить тип MIME.
- request.timeout - установить таймаут в миллисекундах.
- request.responseType - установить тип ответа.
- request.response - установить функцию ответа.
- request.get - отправить запрос GET.
- request.post - отправить запрос POST.
- request.send - установить запрос.
- request.abort - прервать запрос.
- request.on - прослушать событие запроса.
- d3.csv - получить файл значений, разделённых запятыми (CSV).
- d3.html - получить HTML-файл.
- d3.json - получить файл JSON.
- d3.text - получить текстовый файл.
- d3.tsv - получить файл значений, разделённых табуляцией (TSV).
- d3.xml - получить XML-файл.
Масштабирование (d3-scale)
Кодирования, которые сопоставляют абстрактные данные с визуальным представлением.
Непрерывные шкалы
Сопоставляют непрерывную, количественную область с непрерывным диапазоном.
- continuous - вычисляет значение диапазона, соответствующее заданному значению области.
- continuous.invert - вычисляет значение области, соответствующее заданному значению диапазона.
- continuous.domain - устанавливает входную область.
- continuous.range - устанавливает выходной диапазон.
- continuous.rangeRound - устанавливает выходной диапазон и включает округление.
- continuous.clamp - включает привязку к области или диапазону.
- continuous.interpolate - устанавливает выходной интерполятор.
- continuous.ticks - вычисляет представительные значения из области.
- continuous.tickFormat - форматирует метки для человеческого восприятия.
- continuous.nice - расширяет область до красивых круглых чисел.
- continuous.copy - создает копию этой шкалы.
- d3.scaleLinear - создает количественную линейную шкалу.
- d3.scalePow - создает количественную шкалу степени.
- pow - вычисляет значение диапазона, соответствующее заданному значению области.
- pow.invert - вычисляет значение области, соответствующее заданному значению диапазона.
- pow.exponent - устанавливает показатель степени.
- pow.domain - устанавливает входную область.
- pow.range - устанавливает выходной диапазон.
- pow.rangeRound - устанавливает выходной диапазон и включает округление.
- pow.clamp - включает привязку к области или диапазону.
- pow.interpolate - устанавливает выходной интерполятор.
- pow.ticks - вычисляет представительные значения из области.
- pow.tickFormat - форматирует метки для человеческого восприятия.
- pow.nice - расширяет область до красивых круглых чисел.
- pow.copy - создает копию этой шкалы.
- d3.scaleSqrt - создает количественную шкалу степени с показателем 0,5.
- d3.scaleLog - создает количественную логарифмическую шкалу.
- log - вычисляет значение диапазона, соответствующее заданному значению области.
- log.invert - вычисляет значение области, соответствующее заданному значению диапазона.
- log.base - устанавливает основание логарифма.
- log.domain - устанавливает входную область.
- log.range - устанавливает выходной диапазон.
- log.rangeRound - устанавливает выходной диапазон и включает округление.
- log.clamp - включает привязку к области или диапазону.
- log.interpolate - устанавливает выходной интерполятор.
- log.ticks - вычисляет представительные значения из области.
- log.tickFormat - форматирует метки для человеческого восприятия.
- log.nice - расширяет область до красивых круглых чисел.
- log.copy - создает копию этой шкалы.
- d3.scaleIdentity - создает количественную тождественную шкалу.
- d3.scaleTime - создает линейную шкалу для времени.
- time - вычисляет значение диапазона, соответствующее заданному значению области.
- time.invert - вычисляет значение области, соответствующее заданному значению диапазона.
- time.domain - устанавливает входную область.
- time.range - устанавливает выходной диапазон.
- time.rangeRound - устанавливает выходной диапазон и включает округление.
- time.clamp - включает привязку к области или диапазону.
- time.interpolate - устанавливает выходной интерполятор.
- time.ticks - вычисляет представительные значения из области.
- time.tickFormat - форматирует метки для человеческого восприятия.
- time.nice - расширяет область до красивых круглых временных значений.
- time.copy - создает копию этой шкалы.
- d3.scaleUtc - создает линейную шкалу для UTC.
Последовательные шкалы
Отображает непрерывную количественную область на непрерывный, фиксированный интерполятор.
- d3.scaleSequential - создание последовательной шкалы.
- sequential.interpolator - установка интерполятора вывода шкалы.
- d3.interpolateViridis - цветовая схема от тёмного к светлому.
- d3.interpolateInferno - цветовая схема от тёмного к светлому.
- d3.interpolateMagma - цветовая схема от тёмного к светлому.
- d3.interpolatePlasma - цветовая схема от тёмного к светлому.
- d3.interpolateWarm - цветовая схема с вращением оттенков.
- d3.interpolateCool - цветовая схема с вращением оттенков.
- d3.interpolateRainbow - циклическая цветовая схема с вращением оттенков.
- d3.interpolateCubehelixDefault - цветовая схема от тёмного к светлому с вращением оттенков.
Шкалы квантования
Сопоставление непрерывного количественного домена с дискретным диапазоном.
- d3.scaleQuantize - создание равномерной квантизующей линейной шкалы.
- quantize - вычисление значения диапазона, соответствующего заданному значению домена.
- quantize.invertExtent - вычисление значений домена, соответствующих заданному значению диапазона.
- quantize.domain - установка входного домена.
- quantize.range - установка выходного диапазона.
- quantize.nice - расширение домена до красивых целых чисел.
- quantize.ticks - вычисление представительных значений из домена.
- quantize.tickFormat - форматирование меток для удобства восприятия человеком.
- quantize.copy - создание копии этой шкалы.
- d3.scaleQuantile - создание квантильной квантизующей линейной шкалы.
- quantile - вычисление значения диапазона, соответствующего заданному значению домена.
- quantile.invertExtent - вычисление значений домена, соответствующих заданному значению диапазона.
- quantile.domain - установка входного домена.
- quantile.range - установка выходного диапазона.
- quantile.quantiles - получение пороговых значений квантилей.
- quantile.copy - создание копии этой шкалы.
- d3.scaleThreshold - создание произвольной квантизующей линейной шкалы.
- threshold - вычисление значения диапазона, соответствующего заданному значению домена.
- threshold.invertExtent - вычисление значений домена, соответствующих заданному значению диапазона.
- threshold.domain - установка входного домена.
- threshold.range - установка выходного диапазона.
- threshold.copy - создание копии этой шкалы.
Порядковые шкалы
Сопоставление дискретного домена с дискретным диапазоном.
- d3.scaleOrdinal - создать порядковую шкалу.
- ordinal - вычислить значение диапазона, соответствующее данному значению области определения.
- ordinal.domain - установить входную область определения.
- ordinal.range - установить выходной диапазон.
- ordinal.unknown - установить выходное значение для неизвестных входных данных.
- ordinal.copy - создать копию этой шкалы.
- d3.scaleImplicit - специальное неизвестное значение для неявных областей определения.
- d3.scaleBand - создать порядковую полосную шкалу.
- band - вычислить начальную точку полосы, соответствующую данному значению области определения.
- band.domain - установить входную область определения.
- band.range - установить выходной диапазон.
- band.rangeRound - установить выходной диапазон и включить округление.
- band.round - включить округление.
- band.paddingInner - установить отступ между полосами.
- band.paddingOuter - установить отступ снаружи первой и последней полосы.
- band.padding - установить отступ снаружи и между полосами.
- band.align - установить выравнивание полосы, если есть дополнительное пространство.
- band.bandwidth - получить ширину каждой полосы.
- band.step - получить расстояние между начальными точками смежных полос.
- band.copy - создать копию этой шкалы.
- d3.scalePoint - создать порядковую точечную шкалу.
- point - вычислить точку, соответствующую заданному значению области определения.
- point.domain - установить входную область определения.
- point.range - установить выходной диапазон.
- point.rangeRound - установить выходной диапазон и включить округление.
- point.round - включить округление.
- point.padding - установить отступ снаружи первой и последней точки.
- point.align - установить выравнивание точек, если есть дополнительное пространство.
- point.bandwidth - возвращает ноль.
- point.step - получить расстояние между начальными точками смежных точек.
- point.copy - создать копию этой шкалы.
- d3.schemeCategory10 - категориальная схема с 10 цветами.
- d3.schemeCategory20 - категориальная схема с 20 цветами.
- d3.schemeCategory20b - категориальная схема с 20 цветами.
- d3.schemeCategory20c - категориальная схема с 20 цветами.
Выборки (d3-selection)
Преобразуйте DOM, выбрав элементы и присоединив их к данным.
Выбор элементов
- d3.selection - выбрать корневой элемент документа.
- d3.select - выбрать элемент из документа.
- d3.selectAll - выбрать несколько элементов из документа.
- selection.select - выбрать дочерний элемент для каждого выбранного элемента.
- selection.selectAll - выбрать несколько дочерних элементов для каждого выбранного элемента.
- selection.filter - отфильтровать элементы на основе данных.
- selection.merge - объединить этот выбор с другим.
- d3.matcher - проверить, соответствует ли элемент селектору.
- d3.selector - выбрать элемент.
- d3.selectorAll - выбрать элементы.
- d3.window - получить окно владельца узла.
- d3.style - получить текущее значение стиля узла.
Изменение элементов
- selection.attr - получить или установить атрибут.
- selection.classed - получить, добавить или удалить CSS-классы.
- selection.style - получить или установить свойство стиля.
- selection.property - получить или установить (сырое) свойство.
- selection.text - получить или установить текстовое содержимое.
- selection.html - получить или установить внутренний HTML.
- selection.append - создать, добавить и выбрать новые элементы.
- selection.insert - создать, вставить и выбрать новые элементы.
- selection.remove - удалить элементы из документа.
- selection.sort - отсортировать элементы в документе на основе данных.
- selection.order - переупорядочить элементы в документе, чтобы соответствовать выбранным.
- selection.raise - переупорядочить каждый элемент как последнего потомка своего родителя.
- selection.lower - переупорядочить каждый элемент как первого потомка своего родителя.
- d3.creator - создать элемент по имени.
Объединение данных
- selection.data - объединить элементы с данными.
- selection.enter - получить выборку enter (элементы, отсутствующие в данных).
- selection.exit - получить выборку exit (элементы, отсутствующие в данных).
- selection.datum - получить или установить данные элемента (без объединения).
Обработка событий
- selection.on - добавить или удалить обработчики событий.
- selection.dispatch - отправить пользовательское событие.
- d3.event - текущее пользовательское событие во время взаимодействия.
- d3.customEvent - временно определить пользовательское событие.
- d3.mouse - получить положение мыши относительно заданного контейнера.
- d3.touch - получить положение касания относительно заданного контейнера.
- d3.touches - получить позиции касаний относительно заданного контейнера.
- d3.clientPoint - получить позицию относительно заданного контейнера.
Поток управления
- selection.each - вызвать функцию для каждого элемента.
- selection.call - вызвать функцию с этим выбором.
- selection.empty - возвращает true, если этот выбор пуст.
- selection.nodes - возвращает массив всех выбранных элементов.
- selection.node - возвращает первый (не нулевой) элемент.
- selection.size - возвращает количество элементов.
Локальные переменные
- d3.local - объявляет новую локальную переменную.
- local.set - установить значение локальной переменной.
- local.get - получить значение локальной переменной.
- local.remove - удалить локальную переменную.
- local.toString - получить идентификатор свойства локальной переменной.
Пространства имён
- d3.namespace - квалифицировать префиксное имя XML, такое как “xlink:href”.
- d3.namespaces - встроенные пространства имен XML.
Фигуры (d3-shape)
Графические примитивы для визуализации.
Дуги
Круговые или кольцевые сектора, как в круговой или кольцевой диаграмме.
- d3.arc - создать новый генератор дуги.
- arc - сгенерировать дугу для заданных данных.
- arc.centroid - вычислить середину дуги.
- arc.innerRadius - установить внутренний радиус.
- arc.outerRadius - установить внешний радиус.
- arc.cornerRadius - установить радиус скругления углов.
- arc.startAngle - установить начальный угол.
- arc.endAngle - установить конечный угол.
- arc.padAngle - установить угол между смежными дугами (для дуг с отступом).
- arc.padRadius - установить радиус, на котором происходит линеаризация отступа.
- arc.context - установить контекст отрисовки.
Диаграммы в виде секторов
Вычислить необходимые углы для представления табличных данных в виде круговой или кольцевой диаграммы.
- d3.pie - создать новый генератор диаграммы в виде секторов.
- pie - вычислить углы дуг для заданных данных.
- pie.value - установить обработчик значений.
- pie.sort - установить компаратор порядка сортировки.
- pie.sortValues - установить компаратор порядка сортировки.
- pie.startAngle - установить общий начальный угол.
- pie.endAngle - установить общий конечный угол.
- pie.padAngle - установить угол отступа между смежными секторами.
Линии
Сплайн или ломаная линия, как в диаграмме с линиями.
- d3.line - создать новый генератор линий.
- line - сгенерировать линию для заданных данных.
- line.x - установить обработчик x.
- line.y - установить обработчик y.
- line.defined - установить обработчик определённых значений.
- line.curve - установить интерполятор кривой.
- line.context - установить контекст отрисовки.
- d3.radialLine - создать новый генератор радиальных линий.
- radialLine - сгенерировать линию для заданных данных.
- radialLine.angle - установить обработчик угла.
- radialLine.radius - установить обработчик радиуса.
- radialLine.defined - установить обработчик определённых значений.
- radialLine.curve - установить интерполятор кривой.
- radialLine.context - установить контекст отрисовки.
Площади
Площадь, определяемая ограничивающей верхней линией и базовой линией, как в диаграмме с областями.
- d3.area - создать новый генератор области.
- area - сгенерировать область для заданного набора данных.
- area.x - задать обработчики x0 и x1.
- area.x0 - задать обработчик базового значения x.
- area.x1 - задать обработчик значения верхнего значения x.
- area.y - задать обработчики y0 и y1.
- area.y0 - задать обработчик базового значения y.
- area.y1 - задать обработчик значения верхнего значения y.
- area.defined - задать обработчик определения.
- area.curve - задать интерполятор кривой.
- area.context - задать контекст отрисовки.
- area.lineX0 - вывести линию для левого края области.
- area.lineX1 - вывести линию для правого края области.
- area.lineY0 - вывести линию для верхнего края области.
- area.lineY1 - вывести линию для нижнего края области.
- d3.radialArea - создать новый генератор радиальной области.
- radialArea - сгенерировать область для заданного набора данных.
- radialArea.angle - задать обработчики начального и конечного угла.
- radialArea.startAngle - задать обработчик начального угла.
- radialArea.endAngle - задать обработчик конечного угла.
- radialArea.radius - задать обработчики внутреннего и внешнего радиуса.
- radialArea.innerRadius - задать обработчик внутреннего радиуса.
- radialArea.outerRadius - задать обработчик внешнего радиуса.
- radialArea.defined - задать обработчик определения.
- radialArea.curve - задать интерполятор кривой.
- radialArea.context - задать контекст отрисовки.
- radialArea.lineStartAngle - вывести линию для начального края области.
- radialArea.lineEndAngle - вывести линию для конечного края области.
- radialArea.lineInnerRadius - вывести линию для внутреннего края области.
- radialArea.lineOuterRadius - вывести линию для внешнего края области.
Кривые
Интерполировать между точками для создания непрерывной формы.
- d3.curveBasis - кубическая сплайн-базисная кривая, повторяющая конечные точки.
- d3.curveBasisClosed - замкнутая кубическая сплайн-базисная кривая.
- d3.curveBasisOpen - кубическая сплайн-базисная кривая.
- d3.curveBundle - выпрямленная кубическая сплайн-базисная кривая.
- bundle.beta - установить значение натяжения пучка beta.
- d3.curveCardinal - кубическая кардинальная сплайн-кривая с односторонней разностью на каждом конце.
- d3.curveCardinalClosed - замкнутая кубическая кардинальная сплайн-кривая.
- d3.curveCardinalOpen - кубическая кардинальная сплайн-кривая.
- cardinal.tension - установить натяжение кардинальной сплайн-кривой.
- d3.curveCatmullRom - кубическая сплайн-кривая Catmull–Rom с односторонней разностью на каждом конце.
- d3.curveCatmullRomClosed - замкнутая кубическая сплайн-кривая Catmull–Rom.
- d3.curveCatmullRomOpen - кубическая сплайн-кривая Catmull–Rom.
- catmullRom.alpha - установить параметр Catmull–Rom alpha.
- d3.curveLinear - ломаная линия.
- d3.curveLinearClosed - замкнутая ломаная линия.
- d3.curveMonotoneX - кубическая сплайн-кривая, которая, при заданной монотонности по x, сохраняет ее по y.
- d3.curveMonotoneY - кубическая сплайн-кривая, которая, при заданной монотонности по y, сохраняет ее по x.
- d3.curveNatural - естественная кубическая сплайн-кривая.
- d3.curveStep - кусочно-постоянная функция.
- d3.curveStepAfter - кусочно-постоянная функция.
- d3.curveStepBefore - кусочно-постоянная функция.
- curve.areaStart - начать новый сегмент области.
- curve.areaEnd - закончить текущий сегмент области.
- curve.lineStart - начать новый сегмент линии.
- curve.lineEnd - закончить текущий сегмент линии.
- curve.point - добавить точку к текущему сегменту линии.
Связи
Гладкая кубическая кривая Безье от источника к цели.
- d3.linkVertical - создать новый генератор вертикальной связи.
- d3.linkHorizontal - создать новый генератор горизонтальной связи.
- link - сгенерировать связь.
- link.source - установить обработчик источника.
- link.target - установить обработчик цели.
- link.x - установить обработчик значения x точки.
- link.y - установить обработчик значения y точки.
- d3.linkRadial - создать новый генератор радиальной связи.
- radialLink.angle - установить обработчик значения угла точки.
- radialLink.radius - установить обработчик значения радиуса точки.
Символы
Категориальное кодирование формы, как в точечном графике.
- d3.symbol - создать новый генератор символов.
- symbol - сгенерировать символ для данного элемента данных.
- symbol.type - установить тип символа.
- symbol.size - установить размер символа в квадратных пикселях.
- symbol.context - установить контекст отрисовки.
- d3.symbols - массив встроенных типов символов.
- d3.symbolCircle - круг.
- d3.symbolCross - греческий крест с равными по длине ветвями.
- d3.symbolDiamond - ромб.
- d3.symbolSquare - квадрат.
- d3.symbolStar - пятиконечная звезда (пентаграмма).
- d3.symbolTriangle - треугольник направленный вверх.
- d3.symbolWye - форма Y.
- symbolType.draw - нарисовать этот символ в заданном контексте.
Стопки
Стопки фигур, размещая одну рядом с другой, как в столбчатой диаграмме с группами.
- d3.stack - создание нового генератора стеков.
- stack - генерация стека для заданного набора данных.
- stack.keys - установка ключей-аксессоров.
- stack.value - установка акссессора значений.
- stack.order - установка акссессора порядка.
- stack.offset - установка акссессора смещения.
- d3.stackOrderAscending - расположение наименьших рядов внизу.
- d3.stackOrderDescending - расположение наибольших рядов внизу.
- d3.stackOrderInsideOut - расположение больших рядов посередине.
- d3.stackOrderNone - использование заданного порядка рядов.
- d3.stackOrderReverse - использование обратного заданного порядка рядов.
- d3.stackOffsetExpand - нормализация базовой линии до нуля, а верхней линии до единицы.
- d3.stackOffsetDiverging - положительные значения выше нуля; отрицательные ниже нуля.
- d3.stackOffsetNone - применение нулевой базовой линии.
- d3.stackOffsetSilhouette - центрирование диаграммы потока вокруг нуля.
- d3.stackOffsetWiggle - минимизация колебаний диаграммы потока.
Форматы времени (d3-time-format)
Парсинг и форматирование времени, вдохновлённые strptime и strftime.
- d3.timeFormat - псевдоним для locale.format в стандартном локали.
- d3.timeParse - псевдоним для locale.parse в стандартном локали.
- d3.utcFormat - псевдоним для locale.utcFormat в стандартном локали.
- d3.utcParse - псевдоним для locale.utcParse в стандартном локали.
- d3.isoFormat - форматтер ISO 8601 UTC.
- d3.isoParse - парсер ISO 8601 UTC.
- d3.timeFormatLocale - определение пользовательского локали.
- d3.timeFormatDefaultLocale - определение стандартного локали.
- locale.format - создание форматировщика времени.
- locale.parse - создание парсера времени.
- locale.utcFormat - создание форматировщика UTC.
- locale.utcParse - создание парсера UTC.
Временные интервалы (d3-time)
Калькулятор специфических человеческих условностей времени.
- d3.timeInterval - реализует новый пользовательский временной интервал.
- interval - псевдоним для interval.floor.
- interval.floor - округляет вниз до ближайшей границы.
- interval.round - округляет до ближайшей границы.
- interval.ceil - округляет вверх до ближайшей границы.
- interval.offset - смещает дату на некоторое количество интервалов.
- interval.range - генерирует диапазон дат с границами интервала.
- interval.filter - создает отфильтрованный подмножество этого интервала.
- interval.every - создаёт отфильтрованное подмножество этого интервала.
- interval.count - считает границы интервала между двумя датами.
- d3.timeMillisecond, d3.utcMillisecond - интервал миллисекунд.
- d3.timeMilliseconds, d3.utcMilliseconds - псевдонимы для millisecond.range.
- d3.timeSecond, d3.utcSecond - интервал секунд.
- d3.timeSeconds, d3.utcSeconds - псевдонимы для second.range.
- d3.timeMinute, d3.utcMinute - интервал минут.
- d3.timeMinutes, d3.utcMinutes - псевдонимы для minute.range.
- d3.timeHour, d3.utcHour - интервал часов.
- d3.timeHours, d3.utcHours - псевдонимы для hour.range.
- d3.timeDay, d3.utcDay - интервал дней.
- d3.timeDays, d3.utcDays - псевдонимы для day.range.
- d3.timeWeek, d3.utcWeek - псевдонимы для sunday.
- d3.timeWeeks, d3.utcWeeks - псевдонимы для week.range.
- d3.timeSunday, d3.utcSunday - интервал недели, начинающийся с воскресенья.
- d3.timeSundays, d3.utcSundays - псевдонимы для sunday.range.
- d3.timeMonday, d3.utcMonday - интервал недели, начинающийся с понедельника.
- d3.timeMondays, d3.utcMondays - псевдонимы для monday.range.
- d3.timeTuesday, d3.utcTuesday - интервал недели, начинающийся со вторника.
- d3.timeTuesdays, d3.utcTuesdays - псевдонимы для tuesday.range.
- d3.timeWednesday, d3.utcWednesday - интервал недели, начинающийся со среды.
- d3.timeWednesdays, d3.utcWednesdays - псевдонимы для wednesday.range.
- d3.timeThursday, d3.utcThursday - интервал недели, начинающийся с четверга.
- d3.timeThursdays, d3.utcThursdays - псевдонимы для thursday.range.
- d3.timeFriday, d3.utcFriday - интервал недели, начинающийся с пятницы.
- d3.timeFridays, d3.utcFridays - псевдонимы для friday.range.
- d3.timeSaturday, d3.utcSaturday - интервал недели, начинающийся с субботы.
- d3.timeSaturdays, d3.utcSaturdays - псевдонимы для saturday.range.
- d3.timeMonth, d3.utcMonth - интервал месяцев.
- d3.timeMonths, d3.utcMonths - псевдонимы для month.range.
- d3.timeYear, d3.utcYear - интервал лет.
- d3.timeYears, d3.utcYears - псевдонимы для year.range.
Таймеры (d3-timer)
Эффективный очередь для управления тысячами одновременных анимаций.
- d3.now - получить текущее время с высокой точностью.
- d3.timer - запланировать новый таймер.
- timer.restart - сбросить время начала таймера и обратный вызов.
- timer.stop - остановить таймер.
- d3.timerFlush - немедленно выполнить все подходящие таймеры.
- d3.timeout - запланировать таймер, который останавливается после первого вызова обратного.
- d3.interval - запланировать таймер, который вызывается с заданным периодом.
Переходы (d3-transition)
Анимированные переходы для выборок.
- selection.transition - запланировать переход для выбранных элементов.
- selection.interrupt - прервать и отменить переходы для выбранных элементов.
- d3.transition - запланировать переход для корневого элемента документа.
- transition.select - запланировать переход для выбранных элементов.
- transition.selectAll - запланировать переход для выбранных элементов.
- transition.filter - отфильтровать элементы на основе данных.
- transition.merge - объединить этот переход с другим.
- transition.selection - возвращает выборку для этого перехода.
- transition.transition - запланировать новый переход после этого.
- transition.call - вызвать функцию с этим переходом.
- transition.nodes - возвращает массив всех выбранных элементов.
- transition.node - возвращает первый (не нулевой) элемент.
- transition.size - возвращает количество элементов.
- transition.empty - возвращает true, если этот переход пуст.
- transition.each - вызвать функцию для каждого элемента.
- transition.on - добавить или удалить обработчики событий перехода.
- transition.attr - выполнить интерполяцию заданного атрибута с помощью стандартной интерполяционной функции.
- transition.attrTween - выполнить интерполяцию заданного атрибута с помощью пользовательской интерполяционной функции.
- transition.style - выполнить интерполяцию заданного свойства стиля с помощью стандартной интерполяционной функции.
- transition.styleTween - выполнить интерполяцию заданного свойства стиля с помощью пользовательской интерполяционной функции.
- transition.text - установить текстовое содержимое при старте перехода.
- transition.remove - удалить выбранные элементы по завершении перехода.
- transition.tween - выполнить пользовательский код во время перехода.
- transition.delay - задать задержку для каждого элемента в миллисекундах.
- transition.duration - задать продолжительность для каждого элемента в миллисекундах.
- transition.ease - указать функцию плавного изменения.
- d3.active - выбрать активный переход для заданного узла.
- d3.interrupt - прервать активный переход для заданного узла.
Диаграммы Вороного (d3-voronoi)
Вычислить диаграмму Вороного для заданного набора точек.
- d3.voronoi - создание нового генератора Вороного.
- voronoi - генерация новой диаграммы Вороного для заданных точек.
- voronoi.polygons - вычисление многоугольников Вороного для заданных точек.
- voronoi.triangles - вычисление треугольников Делоне для заданных точек.
- voronoi.links - вычисление связей Делоне для заданных точек.
- voronoi.x - установка обработчика x.
- voronoi.y - установка обработчика y.
- voronoi.extent - установка наблюдаемой области точек.
- voronoi.size - установка наблюдаемой области точек.
- diagram.polygons - вычисление многоугольников для данной диаграммы Вороного.
- diagram.triangles - вычисление треугольников для данной диаграммы Вороного.
- diagram.links - вычисление связей для данной диаграммы Вороного.
- diagram.find - поиск ближайшей точки в данной диаграмме Вороного.
Масштабирование (d3-zoom)
Панорамирование и масштабирование SVG, HTML или Canvas с помощью мыши или сенсорного ввода.
- d3.zoom - создание поведения масштабирования.
- zoom - применение поведения масштабирования к выбранным элементам.
- zoom.transform - изменение преобразования для выбранных элементов.
- zoom.translateTo - перемещение преобразования для выбранных элементов.
- zoom.translateBy - перемещение преобразования для выбранных элементов.
- zoom.scaleBy - масштабирование преобразования для выбранных элементов.
- zoom.scaleTo - масштабирование преобразования для выбранных элементов.
- zoom.filter - управление событиями ввода, которые инициируют масштабирование.
- zoom.touchable - установка детектора поддержки сенсорного ввода.
- zoom.wheelDelta - переопределение масштабирования для событий колеса мыши.
- zoom.clickDistance - установка порога расстояния щелчка.
- zoom.extent - установка области просмотра.
- zoom.scaleExtent - установка диапазона допустимых масштабов.
- zoom.translateExtent - установка области масштабируемого мира.
- zoom.constrain - переопределение логики ограничения преобразования.
- zoom.duration - установка продолжительности переходов масштабирования.
- zoom.interpolate - управление интерполяцией переходов масштабирования.
- zoom.on - прослушивание событий масштабирования.
- d3.zoomTransform - получение преобразования масштабирования для данного элемента.
- transform.scale - масштабирование преобразования на указанную величину.
- transform.translate - перемещение преобразования на указанную величину.
- transform.apply - применение преобразования к заданной точке.
- transform.applyX - применение преобразования к заданной координате x.
- transform.applyY - применение преобразования к заданной координате y.
- transform.invert - отмена применения преобразования к заданной точке.
- transform.invertX - отмена применения преобразования к заданной координате x.
- transform.invertY - отмена применения преобразования к заданной координате y.
- transform.rescaleX - применение преобразования к области значений шкалы x.
- transform.rescaleY - применение преобразования к области значений шкалы y.
- transform.toString - форматирование преобразования как строки SVG-преобразования.
- d3.zoomIdentity - тождественное преобразование.
© 2010–2017 Michael Bostock
Licensed under the BSD License.
https://github.com/d3/d3/blob/master/API.md