Spec-Zone.ru › D3.js 5

Справочник по 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API