Справочник по API D3
D3 — это набор модулей, разработанных для совместной работы; вы можете использовать модули по отдельности или вместе как часть стандартного сборки. Исходный код и документация для каждого модуля доступны в его репозитории. Подробнее вы можете узнать, перейдя по ссылкам ниже. Для изменений между основными версиями см. ИЗМЕНЕНИЯ; также см. примечания к выпуску и справочник 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 — создание нового генератора гистограмм.
- histogram — вычисление гистограммы для заданного массива выборок.
- histogram.value — указание аксессора значения для каждой выборки.
- histogram.domain — указание интервала наблюдаемых значений.
- histogram.thresholds — указание того, как значения делятся на интервалы.
- d3.thresholdFreedmanDiaconis — правило бинирования Фридмана–Диакониса.
- d3.thresholdScott — правило бинирования Скотта.
- d3.thresholdSturges — формула бинирования Стерджеса.
Оси (d3-axis)
Наглядные метки для шкал.
- d3.axisTop — создание нового генератора оси сверху.
- d3.axisRight — создание нового генератора оси справа.
- d3.axisBottom — создание нового генератора оси снизу.
- d3.axisLeft — создание нового генератора оси слева.
- axis — генерация оси для заданного выбора.
- axis.scale — установка масштаба.
- axis.ticks — настройка генерации и форматирования шкал.
- axis.tickArguments — настройка генерации и форматирования шкал.
- axis.tickValues — явное задание значений шкал.
- axis.tickFormat — явное задание форматирования шкал.
- axis.tickSize — задание размера шкал.
- axis.tickSizeInner — задание размера внутренних шкал.
- axis.tickSizeOuter — задание размера внешних (границы) шкал.
- axis.tickPadding — задание отступа между шкалами и метками.
Щетки (d3-brush)
Выбор области в одном или двух измерениях с помощью мыши или сенсорного экрана.
- d3.brush — создание новой двумерной щетки.
- d3.brushX — создание щетки по оси x.
- d3.brushY — создание щетки по оси y.
- brush — применение щетки к выборке.
- brush.move — перемещение области выделения щетки.
- brush.extent — определение области, по которой можно перетаскивать щетку.
- brush.filter — управление событиями, которые инициируют перемещение щетки.
- brush.handleSize — задание размера ручек щетки.
- brush.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.hex - возвращает шестнадцатеричное строковое представление RGB этого цвета.
- color.toString - возвращает строковое представление RGB этого цвета.
- d3.rgb - создать новый цвет RGB.
- d3.hsl - создать новый цвет HSL.
- d3.lab - создать новый цвет Lab.
- d3.hcl - создать новый цвет HCL.
- d3.lch - создать новый цвет HCL.
- d3.gray - создать новый серый цвет Lab.
- d3.cubehelix - создать новый цвет Cubehelix.
Цветовые схемы (d3-scale-chromatic)
Цветовые градиенты и палитры для количественных, порядковых и категориальных шкал.
Категориальные
- d3.schemeCategory10 -
- d3.schemeAccent -
- d3.schemeDark2 -
- d3.schemePaired -
- d3.schemePastel1 -
- d3.schemePastel2 -
- d3.schemeSet1 -
- d3.schemeSet2 -
- d3.schemeSet3 -
Расходящиеся
- d3.interpolateBrBG -
- d3.interpolatePiYG -
- d3.interpolatePRGn -
- d3.interpolatePuOr -
- d3.interpolateRdBu -
- d3.interpolateRdGy -
- d3.interpolateRdYlBu -
- d3.interpolateRdYlGn -
- d3.interpolateSpectral -
- d3.schemeBrBG -
- d3.schemePiYG -
- d3.schemePRGn -
- d3.schemePuOr -
- d3.schemeRdBu -
- d3.schemeRdGy -
- d3.schemeRdYlBu -
- d3.schemeRdYlGn -
- d3.schemeSpectral -
Последовательные (один оттенок)
- d3.interpolateBlues -
- d3.interpolateGreens -
- d3.interpolateGreys -
- d3.interpolateOranges -
- d3.interpolatePurples -
- d3.interpolateReds -
- d3.schemeBlues -
- d3.schemeGreens -
- d3.schemeGreys -
- d3.schemeOranges -
- d3.schemePurples -
- d3.schemeReds -
Последовательные (несколько оттенков)
- d3.interpolateBuGn -
- d3.interpolateBuPu -
- d3.interpolateCool -
- d3.interpolateCubehelixDefault -
- d3.interpolateGnBu -
- d3.interpolateInferno -
- d3.interpolateMagma -
- d3.interpolateOrRd -
- d3.interpolatePlasma -
- d3.interpolatePuBu -
- d3.interpolatePuBuGn -
- d3.interpolatePuRd -
- d3.interpolateRdPu -
- d3.interpolateViridis -
- d3.interpolateWarm -
- d3.interpolateYlGn -
- d3.interpolateYlGnBu -
- d3.interpolateYlOrBr -
- d3.interpolateYlOrRd -
- d3.schemeBuGn -
- d3.schemeBuPu -
- d3.schemeGnBu -
- d3.schemeOrRd -
- d3.schemePuBu -
- d3.schemePuBuGn -
- d3.schemePuRd -
- d3.schemeRdPu -
- d3.schemeYlGn -
- d3.schemeYlGnBu -
- d3.schemeYlOrBr -
- d3.schemeYlOrRd -
Циклические
- d3.interpolateRainbow - радуга “меньше раздражающая”
- d3.interpolateSinebow - плавная радуга “синебоу”
Контуры (d3-contour)
Вычисление полигонов контуров с помощью метода марширующих квадратов.
- d3.contours - создание нового генератора контуров.
- contours - вычисление контуров для заданной сетки значений.
- contours.contour -
- contours.size -
- contours.smooth -
- contours.thresholds -
- d3.contourDensity - создание нового оценщика плотности.
- density - оценка плотности заданного массива выборок.
- density.x -
- density.y -
- density.cellSize -
- density.thresholds -
- density.bandwidth -
- density.weight -
Диспетчеры событий (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-fetch)
Удобные методы на основе API Fetch.
- d3.blob - получение файла в формате blob.
- d3.buffer - получение файла в виде массива байтов.
- d3.csv - получение файла с разделителем запятая (CSV).
- d3.dsv - получение файла с разделителем (CSV).
- d3.image - получение изображения.
- d3.json - получение файла в формате JSON.
- d3.text - получение текстового файла.
- d3.tsv - получение файла с разделителем табуляция (TSV).
Силы (d3-force)
Расположение графов с использованием сил, основанное на интегрировании скорости Верлета.
- d3.forceSimulation - создать новую симуляцию сил.
- simulation.restart - перезапустить таймер симуляции.
- simulation.stop - остановить таймер симуляции.
- simulation.tick - продвинуть симуляцию на один шаг.
- simulation.nodes - установить узлы симуляции.
- simulation.alpha - установить текущий альфа-коэффициент.
- simulation.alphaMin - установить минимальный порог альфа-коэффициента.
- simulation.alphaDecay - установить скорость экспоненциального затухания альфа-коэффициента.
- simulation.alphaTarget - установить целевой альфа-коэффициент.
- simulation.velocityDecay - установить скорость затухания скорости.
- simulation.force - добавить или удалить силу.
- simulation.find - найти ближайший узел к заданной позиции.
- simulation.on - добавить или удалить обработчик событий.
- force - применить силу.
- force.initialize - инициализировать силу с заданными узлами.
- d3.forceCenter - создать центрирующую силу.
- center.x - установить координату центра по оси x.
- center.y - установить координату центра по оси y.
- d3.forceCollide - создать силу столкновения кругов.
- collide.radius - установить радиус круга.
- collide.strength - установить силу разрешения столкновений.
- collide.iterations - установить количество итераций.
- d3.forceLink - создать силу связи.
- link.links - установить массив связей.
- link.id - связать узлы по числовому индексу или строковому идентификатору.
- link.distance - установить расстояние между связями.
- link.strength - установить силу связи.
- link.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 - создать формат числа с SI-префиксами.
- d3.precisionFixed - вычислить десятичную точность для фиксированной точки.
- d3.precisionPrefix - вычислить десятичную точность для формата с SI-префиксами.
- 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.angle - задать угол поворота после проекции.
- 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.geoEqualEarth - проекция Равноземная.
- d3.geoEquirectangular - прямоугольная проекция (плат-каре).
- 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 - исходная прямоугольная (плат-каре) проекция.
- 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 - сгенерировать MultiLineString меридианов и параллелей.
- graticule.lines - сгенерировать массив LineStrings меридианов и параллелей.
- 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 - обход по принципу постфиксной записи.
- node.eachBefore - обход по принципу префиксной записи.
- 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.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 - разбиение с использованием прямоугольников.
- 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.interpolateHue - интерполирует угол оттенка.
- d3.interpolateDiscrete - генерирует дискретный интерполятор из набора значений.
- d3.interpolateBasis - генерирует сплайн Б-сплайн через набор значений.
- d3.interpolateBasisClosed - генерирует замкнутый сплайн Б-сплайн через набор значений.
- d3.piecewise - генерирует кусочно-линейный интерполятор из набора значений.
- d3.quantize - генерирует равномерно распределённые образцы из интерполятора.
Пути (d3-path)
Сериализуйте команды пути Canvas в SVG.
- d3.path - создать новый сериализатор пути.
- path.moveTo - перейти в заданную точку.
- path.closePath - закрыть текущую подпуть.
- path.lineTo - нарисовать отрезок прямой.
- path.quadraticCurveTo - нарисовать квадратный Bézier сегмент.
- path.bezierCurveTo - нарисовать кубический Bézier сегмент.
- 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-random)
Генерация случайных чисел из различных распределений.
- d3.randomUniform - из равномерного распределения.
- d3.randomNormal - из нормального распределения.
- d3.randomLogNormal - из логнормального распределения.
- d3.randomBates - из распределения Бейтса.
- d3.randomIrwinHall - из распределения Ирвина–Холла.
- d3.randomExponential - из экспоненциального распределения.
- random.source - задать источник случайности.
Масштабирование (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.scaleDiverging - создание разделяющей шкалы.
- diverging.interpolator - установка интерполятора выходного значения шкалы.
Шкалы квантования
Сопоставление непрерывного, количественного домена с дискретным диапазоном.
- 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-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.clone - вставка клонов выбранных элементов.
- selection.sort - сортировка элементов в документе на основе данных.
- selection.order - переупорядочивает элементы в документе в соответствии с выбором.
- selection.raise - переупорядочивает каждый элемент как последнего дочернего элемента его родителя.
- selection.lower - переупорядочивает каждый элемент как первого дочернего элемента его родителя.
- d3.create - создание и выбор отсоединённого элемента.
- d3.creator - создание элемента по имени.
Соединение данных
- selection.data - соединение элементов с данными.
- selection.enter - получение выборки ввода (элементы, отсутствующие в данных).
- selection.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 - кубический сплайн Катмулла–Рома, с односторонней разностью на каждом конце.
- d3.curveCatmullRomClosed - замкнутый кубический сплайн Катмулла–Рома.
- d3.curveCatmullRomOpen - кубический сплайн Катмулла–Рома.
- catmullRom.alpha - задаёт параметр Катмулла–Рома 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-timer)
Эффективная очередь для управления тысячами одновременных анимаций.
- d3.now - получение текущего времени с высокой точностью.
- d3.timer - планирование нового таймера.
- timer.restart - сброс начального времени таймера и обратного вызова.
- timer.stop - остановка таймера.
- d3.timerFlush - немедленное выполнение всех подходящих таймеров.
- d3.timeout - планирование таймера, который останавливается при первом обратном вызове.
- d3.interval - планирование таймера, который вызывается с заданным периодом.
Переходы (d3-transition)
Анимированные переходы для выборок.
- выборка.transition - запланировать переход для выбранных элементов.
- выборка.interrupt - прервать и отменить переходы для выбранных элементов.
- d3.transition - запланировать переход для корневого элемента документа.
- переход.select - запланировать переход для выбранных элементов.
- переход.selectAll - запланировать переход для выбранных элементов.
- переход.filter - отфильтровать элементы на основе данных.
- переход.merge - объединить этот переход с другим.
- переход.selection - возвращает выборку для этого перехода.
- переход.transition - запланировать новый переход после этого.
- переход.call - вызвать функцию с этим переходом.
- переход.nodes - возвращает массив всех выбранных элементов.
- переход.node - возвращает первый (не нулевой) элемент.
- переход.size - возвращает количество элементов.
- переход.empty - возвращает true, если этот переход пуст.
- переход.each - вызвать функцию для каждого элемента.
- переход.on - добавить или удалить обработчики событий перехода.
- переход.attr - проинтерполировать заданный атрибут с помощью интерполятора по умолчанию.
- переход.attrTween - проинтерполировать заданный атрибут с помощью пользовательского интерполятора.
- переход.style - проинтерполировать заданное свойство стиля с помощью интерполятора по умолчанию.
- переход.styleTween - проинтерполировать заданное свойство стиля с помощью пользовательского интерполятора.
- переход.text - установить текстовое содержимое при запуске перехода.
- переход.remove - удалить выбранные элементы по завершении перехода.
- переход.tween - выполнить пользовательский код во время перехода.
- переход.delay - указать задержку для каждого элемента в миллисекундах.
- переход.duration - указать продолжительность для каждого элемента в миллисекундах.
- переход.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 - получить преобразование масштабирования для данного элемента.
- преобразование.scale - изменить масштаб преобразования на указанную величину.
- преобразование.translate - сдвинуть преобразование на указанную величину.
- преобразование.apply - применить преобразование к заданной точке.
- преобразование.applyX - применить преобразование к заданной координате x.
- преобразование.applyY - применить преобразование к заданной координате y.
- преобразование.invert - отменить преобразование для заданной точки.
- преобразование.invertX - отменить преобразование для заданной координаты x.
- преобразование.invertY - отменить преобразование для заданной координаты y.
- преобразование.rescaleX - применить преобразование к области значений шкалы x.
- преобразование.rescaleY - применить преобразование к области значений шкалы y.
- преобразование.toString - отформатировать преобразование в строку преобразования SVG.
- d3.zoomIdentity - единичное преобразование.
© 2010–2018 Michael Bostock
Licensed under the BSD License.
https://github.com/d3/d3/blob/master/API.md