Spec-Zone.ru › D3.js 4

Справочник по API D3

D3 4.0 — это набор модулей, предназначенных для совместной работы; вы можете использовать модули по отдельности или вместе как часть стандартного сборки. Исходный код и документация для каждого модуля доступны в его репозитории. Чтобы узнать больше, перейдите по ссылкам ниже. Изменения между версиями 3.x и 4.0 см. в CHANGES; см. также ссылку на справочник 3.x.

  • Массивы (Статистики, Поиск, Преобразования, Гистограммы)
  • Оси
  • Щетки
  • Аккорды
  • Коллекции (Объекты, Карты, Множества, Вложенности)
  • Цвета
  • Диспетчеры
  • Перетаскивание
  • Значения, разделенные разделителями
  • Сглаживания
  • Силы
  • Форматы чисел
  • Географические данные (Пути, Проекции, Сферическая математика, Сферические фигуры, Потоки, Преобразования)
  • Иерархии
  • Интерполяторы
  • Пути
  • Многоугольники
  • Четвертичные деревья
  • Очереди
  • Случайные числа
  • Запросы
  • Масштабирование (Непрерывные, Последовательные, Квантование, Порядковые)
  • Выборки (Выбор, Изменение, Данные, Обработка событий, Управление потоком, Локальные переменные, Пространства имён)
  • Фигуры (Дуги, Секторы, Линии, Площади, Кривые, Связи, Символы, Стопки)
  • Форматы времени
  • Интервалы времени
  • Таймеры
  • Переходы
  • Диаграммы Вороного
  • Масштабирование

D3 использует семантическую версионирование. Текущая версия доступна как d3.version.

Массивы (d3-array)

Обработка массивов, сортировка, поиск, обобщение и т. д.

Статистики

Методы для вычисления основных статистических показателей.

  • d3.min - вычислить минимальное значение в массиве.
  • d3.max - вычислить максимальное значение в массиве.
  • d3.extent - вычислить минимальное и максимальное значение в массиве.
  • d3.sum - вычислить сумму массива чисел.
  • d3.mean - вычислить среднее арифметическое массива чисел.
  • d3.median - вычислить медиану массива чисел (0,5-квантиль).
  • d3.quantile - вычислить квантиль для отсортированного массива чисел.
  • d3.variance - вычислить дисперсию массива чисел.
  • d3.deviation - вычислить стандартное отклонение массива чисел.

Поиск

Методы поиска элементов в массивах.

  • d3.scan - линейный поиск элемента с помощью компаратора.
  • d3.bisect - бинарный поиск значения в отсортированном массиве.
  • d3.bisectRight - бинарный поиск значения в отсортированном массиве.
  • d3.bisectLeft - бинарный поиск значения в отсортированном массиве.
  • d3.bisector - бинарный поиск с использованием аксессора или компаратора.
  • bisector.left - bisectLeft с заданным компаратором.
  • bisector.right - bisectRight с заданным компаратором.
  • d3.ascending - вычислить естественный порядок двух значений.
  • d3.descending - вычислить естественный порядок двух значений.

Преобразования

Методы для преобразования массивов и генерации новых массивов.

  • d3.cross - вычислить декартово произведение двух массивов.
  • d3.merge - объединить несколько массивов в один массив.
  • d3.pairs - создать массив смежных пар элементов.
  • d3.permute - переупорядочить массив элементов в соответствии с массивом индексов.
  • d3.shuffle - случайным образом изменить порядок элементов массива.
  • d3.ticks - сгенерировать репрезентативные значения из числового интервала.
  • d3.tickIncrement - сгенерировать репрезентативные значения из числового интервала.
  • d3.tickStep - сгенерировать репрезентативные значения из числового интервала.
  • d3.range - сгенерировать диапазон числовых значений.
  • d3.transpose - транспонировать массив массивов.
  • d3.zip - транспонировать переменное количество массивов.

Гистограммы

Разбить дискретные выборки на непрерывные непересекающиеся интервалы.

  • d3.histogram - создать новый генератор гистограмм.
  • гистограмма - вычислить гистограмму для данного массива выборок.
  • гистограмма.value - указать функцию для получения значения каждой выборки.
  • гистограмма.domain - указать интервал наблюдаемых значений.
  • гистограмма.thresholds - указать, как значения делятся на интервалы.
  • d3.thresholdFreedmanDiaconis - правило разделения на интервалы Фридмана-Дикона.
  • d3.thresholdScott - правило разделения на интервалы Скотта.
  • d3.thresholdSturges - формула разделения на интервалы Стерджеса.

Оси (d3-axis)

Человекочитаемые отметки для шкал.

  • d3.axisTop - создать новый генератор оси сверху.
  • d3.axisRight - создать новый генератор оси справа.
  • d3.axisBottom - создать новый генератор оси снизу.
  • d3.axisLeft - создать новый генератор оси слева.
  • ось - сгенерировать ось для данного выбора.
  • ось.scale - установить шкалу.
  • ось.ticks - настроить способ генерации и форматирования отметок.
  • ось.tickArguments - настроить способ генерации и форматирования отметок.
  • ось.tickValues - явно установить значения отметок.
  • ось.tickFormat - явно установить формат отметок.
  • ось.tickSize - установить размер отметок.
  • ось.tickSizeInner - установить размер внутренних отметок.
  • ось.tickSizeOuter - установить размер внешних отметок (границы).
  • ось.tickPadding - установить отступ между отметками и метками.

Щетки (d3-brush)

Выбрать область одной или двух размерностей с помощью мыши или сенсорного экрана.

  • d3.brush - создать новую двумерную щетку.
  • d3.brushX - создать щетку по x-измерению.
  • d3.brushY - создать щетку по y-измерению.
  • щетка - применить щетку к выбору.
  • щетка.move - переместить выбор щетки.
  • щетка.extent - определить область, по которой можно перемещать щетку.
  • щетка.filter - управлять тем, какие события ввода инициируют перемещение щетки.
  • щетка.handleSize - установить размер ручек щетки.
  • щетка.on - прослушивать события щетки.
  • d3.brushSelection - получить выбор щетки для данного узла.

Хо́рды (d3-chord)

  • d3.chord - создание новой компоновки аккордов.
  • chord - вычисление компоновки для данной матрицы.
  • chord.padAngle - установка отступа между смежными группами.
  • chord.sortGroups - определение порядка групп.
  • chord.sortSubgroups - определение порядка источников и целей внутри групп.
  • chord.sortChords - определение порядка аккордов между группами.
  • d3.ribbon - создание генератора формы ленты.
  • ribbon - генерация формы ленты.
  • ribbon.source - установка обработчика источника.
  • ribbon.target - установка обработчика цели.
  • ribbon.radius - установка радиуса ленты для источника или цели.
  • ribbon.startAngle - установка начального угла ленты для источника или цели.
  • ribbon.endAngle - установка конечного угла ленты для источника или цели.
  • ribbon.context - установка контекста отрисовки.

Коллекции (d3-collection)

Удобные структуры данных для элементов, имеющих ключи в виде строк.

Объекты

Методы для преобразования ассоциативных массивов (объектов) в массивы.

  • d3.keys - вывод списка ключей ассоциативного массива.
  • d3.values - вывод списка значений ассоциативного массива.
  • d3.entries - вывод списка пар ключ-значение ассоциативного массива.

Карты

Подобно ES6 Map, но с ключами в виде строк и некоторыми другими отличиями.

  • d3.map - создание новой пустой карты.
  • map.has - возвращает true, если карта содержит указанный ключ.
  • map.get - получение значения для данного ключа.
  • map.set - установка значения для данного ключа.
  • map.remove - удаление записи для данного ключа.
  • map.clear - удаление всех записей.
  • map.keys - получение массива ключей.
  • map.values - получение массива значений.
  • map.entries - получение массива пар ключ-значение (объекты).
  • map.each - вызов функции для каждой записи.
  • map.empty - возвращает false, если карта имеет хотя бы одну запись.
  • map.size - вычисление количества записей.

Множества

Подобно ES6 Set, но с ключами в виде строк и некоторыми другими отличиями.

  • d3.set - создание нового пустого множества.
  • set.has - возвращает true, если множество содержит данное значение.
  • set.add - добавление данного значения.
  • set.remove - удаление данного значения.
  • set.clear - удаление всех значений.
  • set.values - получение массива значений.
  • set.each - вызов функции для каждого значения.
  • set.empty - возвращает true, если множество пустое.
  • set.size - вычисление количества значений.

Вложенные структуры

Группировка данных в произвольные иерархии.

  • d3.nest - создание нового генератора вложенных структур.
  • nest.key - добавление уровня в иерархию вложенных структур.
  • nest.sortKeys - сортировка текущего уровня вложенных структур по ключу.
  • nest.sortValues - сортировка уровня вложенных структур по значению.
  • nest.rollup - указание функции агрегирования для листов значений.
  • nest.map - генерация вложенных структур, возвращающая карту.
  • nest.object - генерация вложенных структур, возвращающая ассоциативный массив.
  • nest.entries - генерация вложенных структур, возвращающая массив пар ключ-значение.

Цвета (d3-color)

Обработка и преобразование цветовых пространств.

  • d3.color - разобрать заданный спецификатор цвета CSS.
  • color.rgb - вычислить эквивалент этого цвета в RGB.
  • color.brighter - создать более светлую копию этого цвета.
  • color.darker - создать более тёмную копию этого цвета.
  • color.displayable - возвращает true, если цвет отображается на стандартном оборудовании.
  • color.toString - отформатировать цвет как строку в шестнадцатеричном представлении RGB.
  • d3.rgb - создать новый цвет RGB.
  • d3.hsl - создать новый цвет HSL.
  • d3.lab - создать новый цвет Lab.
  • d3.hcl - создать новый цвет HCL.
  • d3.cubehelix - создать новый цвет Cubehelix.

Обработчики событий (d3-dispatch)

Разделение задач с использованием именованных обратных вызовов.

  • d3.dispatch - создать пользовательский обработчик событий.
  • dispatch.on - зарегистрировать или отменить регистрацию обработчика событий.
  • dispatch.copy - создать копию обработчика событий.
  • dispatch.call - отправить событие зарегистрированным обработчикам.
  • dispatch.apply - отправить событие зарегистрированным обработчикам.

Перетаскивание (d3-drag)

Перетаскивание SVG, HTML или Canvas с помощью мыши или сенсорного ввода.

  • d3.drag - создать поведение перетаскивания.
  • drag - применить поведение перетаскивания к выделению.
  • drag.container - установить систему координат.
  • drag.filter - игнорировать некоторые начальные события ввода.
  • drag.touchable - установить детектор поддержки сенсорного ввода.
  • drag.subject - установить объект, который перетаскивается.
  • drag.clickDistance - установить пороговое расстояние клика.
  • drag.on - прослушивать события перетаскивания.
  • event.on - прослушивать события перетаскивания текущего жеста.
  • d3.dragDisable - предотвратить перетаскивание и выделение текста.
  • d3.dragEnable - включить перетаскивание и выделение текста.

Значения, разделенные разделителями (d3-dsv)

Парсинг и форматирование значений, разделенных разделителями, чаще всего CSV и TSV.

  • d3.dsvFormat - создать новый парсер и форматировщик для заданного разделителя.
  • dsv.parse - разобрать заданную строку, возвращая массив объектов.
  • dsv.parseRows - разобрать заданную строку, возвращая массив строк.
  • dsv.format - отформатировать заданный массив объектов.
  • dsv.formatRows - отформатировать заданный массив строк.
  • d3.csvParse - разобрать заданную строку CSV, возвращая массив объектов.
  • d3.csvParseRows - разобрать заданную строку CSV, возвращая массив строк.
  • d3.csvFormat - отформатировать заданный массив объектов в формате CSV.
  • d3.csvFormatRows - отформатировать заданный массив строк в формате CSV.
  • d3.tsvParse - разобрать заданную строку TSV, возвращая массив объектов.
  • d3.tsvParseRows - разобрать заданную строку TSV, возвращая массив строк.
  • d3.tsvFormat - отформатировать заданный массив объектов в формате TSV.
  • d3.tsvFormatRows - отформатировать заданный массив строк в формате TSV.

Сплайны (d3-ease)

Функции сплайна для плавной анимации.

  • ease - плавное изменение заданного нормированного времени.
  • d3.easeLinear - линейное сглаживание; тождественная функция.
  • d3.easePolyIn - полиномиальное сглаживание; возводит время в заданную степень.
  • d3.easePolyOut - обратное полиномиальное сглаживание.
  • d3.easePolyInOut - симметричное полиномиальное сглаживание.
  • poly.exponent - задание показателя степени полинома.
  • d3.easeQuad - псевдоним для easeQuadInOut.
  • d3.easeQuadIn - квадратичное сглаживание; возводит время в квадрат.
  • d3.easeQuadOut - обратное квадратичное сглаживание.
  • d3.easeQuadInOut - симметричное квадратичное сглаживание.
  • d3.easeCubic - псевдоним для easeCubicInOut.
  • d3.easeCubicIn - кубическое сглаживание; возводит время в куб.
  • d3.easeCubicOut - обратное кубическое сглаживание.
  • d3.easeCubicInOut - симметричное кубическое сглаживание.
  • d3.easeSin - псевдоним для easeSinInOut.
  • d3.easeSinIn - синусоидальное сглаживание.
  • d3.easeSinOut - обратное синусоидальное сглаживание.
  • d3.easeSinInOut - симметричное синусоидальное сглаживание.
  • d3.easeExp - псевдоним для easeExpInOut.
  • d3.easeExpIn - экспоненциальное сглаживание.
  • d3.easeExpOut - обратное экспоненциальное сглаживание.
  • d3.easeExpInOut - симметричное экспоненциальное сглаживание.
  • d3.easeCircle - псевдоним для easeCircleInOut.
  • d3.easeCircleIn - круговое сглаживание.
  • d3.easeCircleOut - обратное круговое сглаживание.
  • d3.easeCircleInOut - симметричное круговое сглаживание.
  • d3.easeElastic - псевдоним для easeElasticOut.
  • d3.easeElasticIn - упругое сглаживание, как резинка.
  • d3.easeElasticOut - обратное упругое сглаживание.
  • d3.easeElasticInOut - симметричное упругое сглаживание.
  • elastic.amplitude - задание амплитуды упругого эффекта.
  • elastic.period - задание периода упругого эффекта.
  • d3.easeBack - псевдоним для easeBackInOut.
  • d3.easeBackIn - предвосхищающее сглаживание, как танцор, сгибающий колени перед прыжком.
  • d3.easeBackOut - обратное предвосхищающее сглаживание.
  • d3.easeBackInOut - симметричное предвосхищающее сглаживание.
  • back.overshoot - задание величины перескока.
  • d3.easeBounce - псевдоним для easeBounceOut.
  • d3.easeBounceIn - сглаживание с отскоком, как резиновый мяч.
  • d3.easeBounceOut - обратное сглаживание с отскоком.
  • d3.easeBounceInOut - симметричное сглаживание с отскоком.

Силы (d3-force)

Расположение графов с направленными силами с использованием интегрирования метода Верле.

  • d3.forceSimulation - создание новой симуляции сил.
  • симуляция.restart - перезапуск таймера симуляции.
  • симуляция.stop - остановка таймера симуляции.
  • симуляция.tick - продвижение симуляции на один шаг.
  • симуляция.nodes - установка узлов симуляции.
  • симуляция.alpha - установка текущего альфа-значения.
  • симуляция.alphaMin - установка минимального порога альфа-значения.
  • симуляция.alphaDecay - установка экспоненциальной скорости затухания альфа-значения.
  • симуляция.alphaTarget - установка целевого альфа-значения.
  • симуляция.velocityDecay - установка скорости затухания скорости.
  • симуляция.force - добавление или удаление силы.
  • симуляция.find - поиск ближайшего узла к заданной позиции.
  • симуляция.on - добавление или удаление обработчика события.
  • сила - применение силы.
  • сила.initialize - инициализация силы с заданными узлами.
  • d3.forceCenter - создание центрирующей силы.
  • центр.x - установка координаты центра по оси x.
  • центр.y - установка координаты центра по оси y.
  • d3.forceCollide - создание силы кругового столкновения.
  • столкновение.radius - установка радиуса окружности.
  • столкновение.strength - установка силы разрешения столкновения.
  • столкновение.iterations - установка количества итераций.
  • d3.forceLink - создание силы связи.
  • связь.links - установка массива связей.
  • связь.id - связь узлов по числовому индексу или строковому идентификатору.
  • связь.distance - установка расстояния между связями.
  • связь.strength - установка силы связи.
  • связь.iterations - установка количества итераций.
  • d3.forceManyBody - создание силы взаимодействия многих тел.
  • manyBody.strength - установка силы взаимодействия.
  • manyBody.theta - установка точности приближения Барнса–Хата.
  • manyBody.distanceMin - ограничение силы при близком расположении узлов.
  • manyBody.distanceMax - ограничение силы при большом расстоянии между узлами.
  • d3.forceX - создание силы позиционирования по оси x.
  • x.strength - установка силы взаимодействия.
  • x.x - установка целевой координаты по оси x.
  • d3.forceY - создание силы позиционирования по оси y.
  • y.strength - установка силы взаимодействия.
  • y.y - установка целевой координаты по оси y.
  • d3.forceRadial - создание радиальной силы позиционирования.
  • radial.strength - установка силы взаимодействия.
  • radial.radius - установка целевого радиуса.
  • radial.x - установка целевой координаты центра по оси x.
  • radial.y - установка целевой координаты центра по оси y.

Форматы чисел (d3-format)

Форматирование чисел для отображения.

  • d3.format - псевдоним для locale.format на стандартной локали.
  • d3.formatPrefix - псевдоним для locale.formatPrefix на стандартной локали.
  • d3.formatSpecifier - парсинг спецификатора формата чисел.
  • d3.formatLocale - определение пользовательской локали.
  • d3.formatDefaultLocale - определение стандартной локали.
  • locale.format - создание формата для чисел.
  • locale.formatPrefix - создание формата чисел с префиксом СИ.
  • d3.precisionFixed - вычисление десятичной точности для фиксированной точки.
  • d3.precisionPrefix - вычисление десятичной точности для формата с префиксом СИ.
  • d3.precisionRound - вычисление значащих цифр для округленного формата.

Географические данные (d3-geo)

Географические проекции, фигуры и математические операции.

Пути

  • d3.geoPath - создание нового генератора географических путей.
  • path - спроецировать и отобразить указанное свойство.
  • path.area - вычислить спроецированную плоскую площадь заданного свойства.
  • path.bounds - вычислить спроецированную плоскую ограничивающую рамку заданного свойства.
  • path.centroid - вычислить спроецированный плоский центр масс заданного свойства.
  • path.measure - вычислить спроецированную плоскую длину заданного свойства.
  • path.projection - установить географическую проекцию.
  • path.context - установить контекст рендеринга.
  • path.pointRadius - установить радиус для отображения точечных свойств.

Проекции

  • projection - спроецировать указанную точку сферы на плоскость.
  • projection.invert - спроецировать обратную точку с плоскости на сферу.
  • projection.stream - обернуть указанный поток для проекции геометрии.
  • projection.clipAngle - установить радиус круга обрезки.
  • projection.clipExtent - установить область обрезки области просмотра в пикселях.
  • projection.scale - установить коэффициент масштаба.
  • projection.translate - установить смещение перевода.
  • projection.fitExtent - установить масштаб и перевод для подгонки объекта GeoJSON.
  • projection.fitSize - установить масштаб и перевод для подгонки объекта GeoJSON.
  • projection.fitWidth - установить масштаб и перевод для подгонки объекта GeoJSON.
  • projection.fitHeight - установить масштаб и перевод для подгонки объекта GeoJSON.
  • projection.center - установить центральную точку.
  • projection.rotate - установить углы сферического вращения по трём осям.
  • projection.precision - установить пороговое значение точности для адаптивного взятия проб.
  • projection.preclip - установить преобразование потока сферической обрезки.
  • projection.postclip - установить преобразование потока плоской обрезки.
  • d3.geoClipAntimeridian - обрезает сферические геометрии, пересекающие антимеридиан.
  • d3.geoClipCircle - обрезает сферические геометрии до малого круга.
  • d3.geoClipRectangle - обрезает плоские геометрии до прямоугольной области просмотра.
  • d3.geoAlbers - проекция Альберса с равной площадью коническая.
  • d3.geoAlbersUsa - составная проекция Альберса для США.
  • d3.geoAzimuthalEqualArea - проекция азимутальной равной площади.
  • d3.geoAzimuthalEquidistant - азимутальная равноотдалённая проекция.
  • d3.geoConicConformal - коническая конформная проекция.
  • d3.geoConicEqualArea - коническая проекция равной площади (Альберса).
  • d3.geoConicEquidistant - коническая равноотдалённая проекция.
  • conic.parallels - установить две стандартные параллели.
  • d3.geoEquirectangular - прямоугольная проекция (plate carreé).
  • d3.geoGnomonic - проекция гномоническая.
  • d3.geoMercator - сферическая проекция Меркатора.
  • d3.geoOrthographic - азимутальная ортогональная проекция.
  • d3.geoStereographic - азимутальная стереографическая проекция.
  • d3.geoTransverseMercator - поперечная сферическая проекция Меркатора.
  • project - спроецировать указанную точку сферы на плоскость.
  • project.invert - спроецировать обратную точку с плоскости на сферу.
  • d3.geoProjection - создание пользовательской проекции.
  • d3.geoProjectionMutator - создание настраиваемой пользовательской проекции.
  • d3.geoAzimuthalEqualAreaRaw - исходная проекция азимутальной равной площади.
  • d3.geoAzimuthalEquidistantRaw - исходная азимутальная равноотдалённая проекция.
  • d3.geoConicConformalRaw - исходная коническая конформная проекция.
  • d3.geoConicEqualAreaRaw - исходная коническая проекция равной площади (Альберса).
  • d3.geoConicEquidistantRaw - исходная коническая равноотдалённая проекция.
  • d3.geoEquirectangularRaw - исходная прямоугольная проекция (plate carreé).
  • d3.geoGnomonicRaw - исходная гномоническая проекция.
  • d3.geoMercatorRaw - исходная проекция Меркатора.
  • d3.geoOrthographicRaw - исходная азимутальная ортогональная проекция.
  • d3.geoStereographicRaw - исходная азимутальная стереографическая проекция.
  • d3.geoTransverseMercatorRaw - исходная поперечная сферическая проекция Меркатора.

Сферическая математика

  • d3.geoArea - вычислить сферическую площадь заданного объекта.
  • d3.geoBounds - вычислить прямоугольник ограничений по широте и долготе для заданного объекта.
  • d3.geoCentroid - вычислить сферический центр тяжести заданного объекта.
  • d3.geoContains - проверить, находится ли точка внутри заданного объекта.
  • d3.geoDistance - вычислить расстояние по большой окружности между двумя точками.
  • d3.geoLength - вычислить длину линии или периметр многоугольника.
  • d3.geoInterpolate - интерполировать между двумя точками по большой окружности.
  • d3.geoRotation - создать функцию поворота для заданных углов.
  • rotation - повернуть заданную точку вокруг сферы.
  • rotation.invert - отменить поворот заданной точки вокруг сферы.

Сферические фигуры

  • d3.geoCircle - создать генератор окружности.
  • circle - сгенерировать кусочно-определённую окружность как многоугольник.
  • circle.center - указать центр окружности в широте и долготе.
  • circle.radius - указать угловой радиус в градусах.
  • circle.precision - указать точность кусочно-определённой окружности.
  • d3.geoGraticule - создать генератор меридианов и параллелей.
  • graticule - сгенерировать Многолинию меридианов и параллелей.
  • graticule.lines - сгенерировать массив линий меридианов и параллелей.
  • graticule.outline - сгенерировать Многоугольник границ сетки.
  • graticule.extent - получить или установить основные и второстепенные области.
  • graticule.extentMajor - получить или установить основную область.
  • graticule.extentMinor - получить или установить второстепенную область.
  • graticule.step - получить или установить интервалы основных и второстепенных шагов.
  • graticule.stepMajor - получить или установить интервалы основных шагов.
  • graticule.stepMinor - получить или установить интервалы второстепенных шагов.
  • graticule.precision - получить или установить точность по широте.
  • d3.geoGraticule10 - сгенерировать стандартную глобальную сетку с шагом в 10°.

Потоки

  • d3.geoStream - преобразовать объект GeoJSON в поток геометрий.
  • stream.point - указывает точку с указанными координатами.
  • stream.lineStart - указывает начало линии или кольца.
  • stream.lineEnd - указывает конец линии или кольца.
  • stream.polygonStart - указывает начало многоугольника.
  • stream.polygonEnd - указывает конец многоугольника.
  • stream.sphere - указывает сферу.

Преобразования

  • d3.geoIdentity - масштабирование, трансляция или обрезка плоской геометрии.
  • identity.reflectX - отразить по оси x.
  • identity.reflectY - отразить по оси y.
  • d3.geoTransform - определить пользовательское преобразование геометрии.

Иерархии (d3-hierarchy)

Алгоритмы компоновки для визуализации иерархических данных.

  • d3.hierarchy - строит корневой узел из иерархических данных.
  • node.ancestors - генерирует массив предков.
  • node.descendants - генерирует массив потомков.
  • node.leaves - генерирует массив листьев.
  • node.path - генерирует кратчайший путь к другому узлу.
  • node.links - генерирует массив связей.
  • node.sum - оценивает и агрегирует количественные значения.
  • node.sort - сортирует всех дочерних братьев.
  • node.count - подсчитывает количество листьев.
  • node.each - обход в ширину.
  • node.eachAfter - обход по принципу "после" (post-order).
  • node.eachBefore - обход по принципу "перед" (pre-order).
  • node.copy - копирует иерархию.
  • d3.stratify - создает новый оператор stratify.
  • stratify - строит корневой узел из табличных данных.
  • stratify.id - устанавливает доступ к идентификатору узла.
  • stratify.parentId - устанавливает доступ к идентификатору родительского узла.
  • d3.cluster - создаёт новый макет кластеризации (дендрограмма).
  • cluster - размещает заданную иерархию в виде дендрограммы.
  • cluster.size - устанавливает размер макета.
  • cluster.nodeSize - устанавливает размер узла.
  • cluster.separation - устанавливает расстояние между листьями.
  • d3.tree - создает новый макет упорядоченного дерева.
  • tree - размещает заданную иерархию в виде упорядоченного дерева.
  • tree.size - устанавливает размер макета.
  • tree.nodeSize - устанавливает размер узла.
  • tree.separation - устанавливает расстояние между узлами.
  • d3.treemap - создаёт новый макет treemap.
  • treemap - размещает заданную иерархию в виде treemap.
  • treemap.tile - устанавливает метод разбиения.
  • treemap.size - устанавливает размер макета.
  • treemap.round - устанавливает, будут ли координаты округлены.
  • treemap.padding - устанавливает отступ.
  • treemap.paddingInner - устанавливает отступ между соседними узлами.
  • treemap.paddingOuter - устанавливает отступ между родительским и дочерними узлами.
  • treemap.paddingTop - устанавливает отступ между верхней границей родителя и дочерними узлами.
  • treemap.paddingRight - устанавливает отступ между правой границей родителя и дочерними узлами.
  • treemap.paddingBottom - устанавливает отступ между нижней границей родителя и дочерними узлами.
  • treemap.paddingLeft - устанавливает отступ между левой границей родителя и дочерними узлами.
  • d3.treemapBinary - разбиение с использованием сбалансированного бинарного дерева.
  • d3.treemapDice - разбиение по горизонтальным строкам.
  • d3.treemapSlice - разбиение по вертикальным столбцам.
  • d3.treemapSliceDice - чередование разбиения по строкам и столбцам.
  • d3.treemapSquarify - разбиение с использованием квадратифицированных строк (по Bruls et. al.).
  • d3.treemapResquarify - как d3.treemapSquarify, но выполняет стабильные обновления.
  • squarify.ratio - устанавливает желаемое соотношение сторон прямоугольника.
  • d3.partition - создаёт новый макет разделения (ледяная сосулька или солнцеворот).
  • partition - размещает заданную иерархию в виде диаграммы разделения.
  • partition.size - устанавливает размер макета.
  • partition.round - устанавливает, будут ли координаты округлены.
  • partition.padding - устанавливает отступ.
  • d3.pack - создаёт новый макет круговой упаковки.
  • pack - размещает заданную иерархию с помощью круговой упаковки.
  • pack.radius - устанавливает функцию радиуса.
  • pack.size - устанавливает размер макета.
  • pack.padding - установить отступ.
  • d3.packSiblings - расположить указанный массив кругов.
  • d3.packEnclose - заключить указанный массив кругов.

Интерполяторы (d3-interpolate)

Интерполировать числа, цвета, строки, массивы, объекты — всё что угодно!

  • d3.interpolate - интерполировать произвольные значения.
  • d3.interpolateArray - интерполировать массивы произвольных значений.
  • d3.interpolateDate - интерполировать даты.
  • d3.interpolateNumber - интерполировать числа.
  • d3.interpolateObject - интерполировать произвольные объекты.
  • d3.interpolateRound - интерполировать целые числа.
  • d3.interpolateString - интерполировать строки с вставленными числами.
  • d3.interpolateTransformCss - интерполировать 2D CSS преобразования.
  • d3.interpolateTransformSvg - интерполировать 2D SVG преобразования.
  • d3.interpolateZoom - масштабировать и перемещать между двумя представлениями.
  • d3.interpolateRgb - интерполировать цвета RGB.
  • d3.interpolateRgbBasis - сгенерировать сплайн Безье через набор цветов.
  • d3.interpolateRgbBasisClosed - сгенерировать замкнутый сплайн Безье через набор цветов.
  • d3.interpolateHsl - интерполировать цвета HSL.
  • d3.interpolateHslLong - интерполировать цвета HSL, длинным способом.
  • d3.interpolateLab - интерполировать цвета Lab.
  • d3.interpolateHcl - интерполировать цвета HCL.
  • d3.interpolateHclLong - интерполировать цвета HCL, длинным способом.
  • d3.interpolateCubehelix - интерполировать цвета Cubehelix.
  • d3.interpolateCubehelixLong - интерполировать цвета Cubehelix, длинным способом.
  • interpolate.gamma - применить гамма-коррекцию во время интерполяции.
  • d3.interpolateBasis - сгенерировать сплайн Безье через набор значений.
  • d3.interpolateBasisClosed - сгенерировать замкнутый сплайн Безье через набор значений.
  • d3.quantize - сгенерировать равномерно распределённые образцы из интерполятора.

Пути (d3-path)

Сериализовать команды пути Canvas в SVG.

  • d3.path - создать новый сериализатор пути.
  • path.moveTo - переместиться в заданную точку.
  • path.closePath - закрыть текущий подпуть.
  • path.lineTo - нарисовать отрезок прямой линии.
  • path.quadraticCurveTo - нарисовать квадратный сегмент Безье.
  • path.bezierCurveTo - нарисовать кубический сегмент Безье.
  • path.arcTo - нарисовать сегмент дуги окружности.
  • path.arc - нарисовать сегмент дуги окружности.
  • path.rect - нарисовать прямоугольник.
  • path.toString - сериализовать в строку данных пути SVG.

Многоугольники (d3-polygon)

Геометрические операции для двумерных многоугольников.

  • d3.polygonArea - вычислить площадь заданного многоугольника.
  • d3.polygonCentroid - вычислить центр масс заданного многоугольника.
  • d3.polygonHull - вычислить выпуклую оболочку заданных точек.
  • d3.polygonContains - проверить, лежит ли точка внутри многоугольника.
  • d3.polygonLength - вычислить длину периметра заданного многоугольника.

Четвертичные деревья (d3-quadtree)

Двумерное рекурсивное пространственное разбиение.

  • d3.quadtree - создать новый, пустой квадродерево.
  • quadtree.x - установить accessor для x.
  • quadtree.y - установить accessor для y.
  • quadtree.add - добавить элемент данных в квадродерево.
  • quadtree.addAll - добавить массив данных в квадродерево.
  • quadtree.remove - удалить элемент данных из квадродерева.
  • quadtree.removeAll - удалить массив данных из квадродерева.
  • quadtree.copy - создать копию квадродерева.
  • quadtree.root - получить корневой узел квадродерева.
  • quadtree.data - извлечь все данные из квадродерева.
  • quadtree.size - посчитать количество данных в квадродереве.
  • quadtree.find - быстро найти ближайший элемент данных в квадродереве.
  • quadtree.visit - выборочно посетить узлы в квадродереве.
  • quadtree.visitAfter - посетить все узлы в квадродереве.
  • quadtree.cover - расширить квадродерево, чтобы оно охватывало точку.
  • quadtree.extent - расширить квадродерево, чтобы оно охватывало область.

Очереди (d3-queue)

Оценивать асинхронные задачи с настраиваемой конкурентностью.

  • d3.queue - управлять одновременной оценкой асинхронных задач.
  • queue.defer - зарегистрировать задачу для оценки.
  • queue.abort - прервать любые активные задачи и отменить любые ожидающие.
  • queue.await - зарегистрировать обратный вызов на завершение задач.
  • queue.awaitAll - зарегистрировать обратный вызов на завершение всех задач.

Генерация случайных чисел (d3-random)

Генерировать случайные числа из различных распределений.

  • d3.randomUniform - из равномерного распределения.
  • d3.randomNormal - из нормального распределения.
  • d3.randomLogNormal - из лог-нормального распределения.
  • d3.randomBates - из распределения Бейтса.
  • d3.randomIrwinHall - из распределения Ирвина–Холла.
  • d3.randomExponential - из экспоненциального распределения.
  • random.source - установить источник случайности.

Запросы (d3-request)

Удобная альтернатива асинхронному XMLHttpRequest.

  • d3.request - сделать асинхронный запрос.
  • request.header - установить заголовок запроса.
  • request.user - установить пользователя для аутентификации.
  • request.password - установить пароль для аутентификации.
  • request.mimeType - установить тип MIME.
  • request.timeout - установить таймаут в миллисекундах.
  • request.responseType - установить тип ответа.
  • request.response - установить функцию ответа.
  • request.get - отправить запрос GET.
  • request.post - отправить запрос POST.
  • request.send - установить запрос.
  • request.abort - прервать запрос.
  • request.on - прослушать событие запроса.
  • d3.csv - получить файл значений, разделённых запятыми (CSV).
  • d3.html - получить HTML-файл.
  • d3.json - получить файл JSON.
  • d3.text - получить текстовый файл.
  • d3.tsv - получить файл значений, разделённых табуляцией (TSV).
  • d3.xml - получить XML-файл.

Масштабирование (d3-scale)

Кодирования, которые сопоставляют абстрактные данные с визуальным представлением.

Непрерывные шкалы

Сопоставляют непрерывную, количественную область с непрерывным диапазоном.

  • continuous - вычисляет значение диапазона, соответствующее заданному значению области.
  • continuous.invert - вычисляет значение области, соответствующее заданному значению диапазона.
  • continuous.domain - устанавливает входную область.
  • continuous.range - устанавливает выходной диапазон.
  • continuous.rangeRound - устанавливает выходной диапазон и включает округление.
  • continuous.clamp - включает привязку к области или диапазону.
  • continuous.interpolate - устанавливает выходной интерполятор.
  • continuous.ticks - вычисляет представительные значения из области.
  • continuous.tickFormat - форматирует метки для человеческого восприятия.
  • continuous.nice - расширяет область до красивых круглых чисел.
  • continuous.copy - создает копию этой шкалы.
  • d3.scaleLinear - создает количественную линейную шкалу.
  • d3.scalePow - создает количественную шкалу степени.
  • pow - вычисляет значение диапазона, соответствующее заданному значению области.
  • pow.invert - вычисляет значение области, соответствующее заданному значению диапазона.
  • pow.exponent - устанавливает показатель степени.
  • pow.domain - устанавливает входную область.
  • pow.range - устанавливает выходной диапазон.
  • pow.rangeRound - устанавливает выходной диапазон и включает округление.
  • pow.clamp - включает привязку к области или диапазону.
  • pow.interpolate - устанавливает выходной интерполятор.
  • pow.ticks - вычисляет представительные значения из области.
  • pow.tickFormat - форматирует метки для человеческого восприятия.
  • pow.nice - расширяет область до красивых круглых чисел.
  • pow.copy - создает копию этой шкалы.
  • d3.scaleSqrt - создает количественную шкалу степени с показателем 0,5.
  • d3.scaleLog - создает количественную логарифмическую шкалу.
  • log - вычисляет значение диапазона, соответствующее заданному значению области.
  • log.invert - вычисляет значение области, соответствующее заданному значению диапазона.
  • log.base - устанавливает основание логарифма.
  • log.domain - устанавливает входную область.
  • log.range - устанавливает выходной диапазон.
  • log.rangeRound - устанавливает выходной диапазон и включает округление.
  • log.clamp - включает привязку к области или диапазону.
  • log.interpolate - устанавливает выходной интерполятор.
  • log.ticks - вычисляет представительные значения из области.
  • log.tickFormat - форматирует метки для человеческого восприятия.
  • log.nice - расширяет область до красивых круглых чисел.
  • log.copy - создает копию этой шкалы.
  • d3.scaleIdentity - создает количественную тождественную шкалу.
  • d3.scaleTime - создает линейную шкалу для времени.
  • time - вычисляет значение диапазона, соответствующее заданному значению области.
  • time.invert - вычисляет значение области, соответствующее заданному значению диапазона.
  • time.domain - устанавливает входную область.
  • time.range - устанавливает выходной диапазон.
  • time.rangeRound - устанавливает выходной диапазон и включает округление.
  • time.clamp - включает привязку к области или диапазону.
  • time.interpolate - устанавливает выходной интерполятор.
  • time.ticks - вычисляет представительные значения из области.
  • time.tickFormat - форматирует метки для человеческого восприятия.
  • time.nice - расширяет область до красивых круглых временных значений.
  • time.copy - создает копию этой шкалы.
  • d3.scaleUtc - создает линейную шкалу для UTC.

Последовательные шкалы

Отображает непрерывную количественную область на непрерывный, фиксированный интерполятор.

  • d3.scaleSequential - создание последовательной шкалы.
  • sequential.interpolator - установка интерполятора вывода шкалы.
  • d3.interpolateViridis - цветовая схема от тёмного к светлому.
  • d3.interpolateInferno - цветовая схема от тёмного к светлому.
  • d3.interpolateMagma - цветовая схема от тёмного к светлому.
  • d3.interpolatePlasma - цветовая схема от тёмного к светлому.
  • d3.interpolateWarm - цветовая схема с вращением оттенков.
  • d3.interpolateCool - цветовая схема с вращением оттенков.
  • d3.interpolateRainbow - циклическая цветовая схема с вращением оттенков.
  • d3.interpolateCubehelixDefault - цветовая схема от тёмного к светлому с вращением оттенков.

Шкалы квантования

Сопоставление непрерывного количественного домена с дискретным диапазоном.

  • d3.scaleQuantize - создание равномерной квантизующей линейной шкалы.
  • quantize - вычисление значения диапазона, соответствующего заданному значению домена.
  • quantize.invertExtent - вычисление значений домена, соответствующих заданному значению диапазона.
  • quantize.domain - установка входного домена.
  • quantize.range - установка выходного диапазона.
  • quantize.nice - расширение домена до красивых целых чисел.
  • quantize.ticks - вычисление представительных значений из домена.
  • quantize.tickFormat - форматирование меток для удобства восприятия человеком.
  • quantize.copy - создание копии этой шкалы.
  • d3.scaleQuantile - создание квантильной квантизующей линейной шкалы.
  • quantile - вычисление значения диапазона, соответствующего заданному значению домена.
  • quantile.invertExtent - вычисление значений домена, соответствующих заданному значению диапазона.
  • quantile.domain - установка входного домена.
  • quantile.range - установка выходного диапазона.
  • quantile.quantiles - получение пороговых значений квантилей.
  • quantile.copy - создание копии этой шкалы.
  • d3.scaleThreshold - создание произвольной квантизующей линейной шкалы.
  • threshold - вычисление значения диапазона, соответствующего заданному значению домена.
  • threshold.invertExtent - вычисление значений домена, соответствующих заданному значению диапазона.
  • threshold.domain - установка входного домена.
  • threshold.range - установка выходного диапазона.
  • threshold.copy - создание копии этой шкалы.

Порядковые шкалы

Сопоставление дискретного домена с дискретным диапазоном.

  • d3.scaleOrdinal - создать порядковую шкалу.
  • ordinal - вычислить значение диапазона, соответствующее данному значению области определения.
  • ordinal.domain - установить входную область определения.
  • ordinal.range - установить выходной диапазон.
  • ordinal.unknown - установить выходное значение для неизвестных входных данных.
  • ordinal.copy - создать копию этой шкалы.
  • d3.scaleImplicit - специальное неизвестное значение для неявных областей определения.
  • d3.scaleBand - создать порядковую полосную шкалу.
  • band - вычислить начальную точку полосы, соответствующую данному значению области определения.
  • band.domain - установить входную область определения.
  • band.range - установить выходной диапазон.
  • band.rangeRound - установить выходной диапазон и включить округление.
  • band.round - включить округление.
  • band.paddingInner - установить отступ между полосами.
  • band.paddingOuter - установить отступ снаружи первой и последней полосы.
  • band.padding - установить отступ снаружи и между полосами.
  • band.align - установить выравнивание полосы, если есть дополнительное пространство.
  • band.bandwidth - получить ширину каждой полосы.
  • band.step - получить расстояние между начальными точками смежных полос.
  • band.copy - создать копию этой шкалы.
  • d3.scalePoint - создать порядковую точечную шкалу.
  • point - вычислить точку, соответствующую заданному значению области определения.
  • point.domain - установить входную область определения.
  • point.range - установить выходной диапазон.
  • point.rangeRound - установить выходной диапазон и включить округление.
  • point.round - включить округление.
  • point.padding - установить отступ снаружи первой и последней точки.
  • point.align - установить выравнивание точек, если есть дополнительное пространство.
  • point.bandwidth - возвращает ноль.
  • point.step - получить расстояние между начальными точками смежных точек.
  • point.copy - создать копию этой шкалы.
  • d3.schemeCategory10 - категориальная схема с 10 цветами.
  • d3.schemeCategory20 - категориальная схема с 20 цветами.
  • d3.schemeCategory20b - категориальная схема с 20 цветами.
  • d3.schemeCategory20c - категориальная схема с 20 цветами.

Выборки (d3-selection)

Преобразуйте DOM, выбрав элементы и присоединив их к данным.

Выбор элементов

  • d3.selection - выбрать корневой элемент документа.
  • d3.select - выбрать элемент из документа.
  • d3.selectAll - выбрать несколько элементов из документа.
  • selection.select - выбрать дочерний элемент для каждого выбранного элемента.
  • selection.selectAll - выбрать несколько дочерних элементов для каждого выбранного элемента.
  • selection.filter - отфильтровать элементы на основе данных.
  • selection.merge - объединить этот выбор с другим.
  • d3.matcher - проверить, соответствует ли элемент селектору.
  • d3.selector - выбрать элемент.
  • d3.selectorAll - выбрать элементы.
  • d3.window - получить окно владельца узла.
  • d3.style - получить текущее значение стиля узла.

Изменение элементов

  • selection.attr - получить или установить атрибут.
  • selection.classed - получить, добавить или удалить CSS-классы.
  • selection.style - получить или установить свойство стиля.
  • selection.property - получить или установить (сырое) свойство.
  • selection.text - получить или установить текстовое содержимое.
  • selection.html - получить или установить внутренний HTML.
  • selection.append - создать, добавить и выбрать новые элементы.
  • selection.insert - создать, вставить и выбрать новые элементы.
  • selection.remove - удалить элементы из документа.
  • selection.sort - отсортировать элементы в документе на основе данных.
  • selection.order - переупорядочить элементы в документе, чтобы соответствовать выбранным.
  • selection.raise - переупорядочить каждый элемент как последнего потомка своего родителя.
  • selection.lower - переупорядочить каждый элемент как первого потомка своего родителя.
  • d3.creator - создать элемент по имени.

Объединение данных

  • selection.data - объединить элементы с данными.
  • selection.enter - получить выборку enter (элементы, отсутствующие в данных).
  • selection.exit - получить выборку exit (элементы, отсутствующие в данных).
  • selection.datum - получить или установить данные элемента (без объединения).

Обработка событий

  • selection.on - добавить или удалить обработчики событий.
  • selection.dispatch - отправить пользовательское событие.
  • d3.event - текущее пользовательское событие во время взаимодействия.
  • d3.customEvent - временно определить пользовательское событие.
  • d3.mouse - получить положение мыши относительно заданного контейнера.
  • d3.touch - получить положение касания относительно заданного контейнера.
  • d3.touches - получить позиции касаний относительно заданного контейнера.
  • d3.clientPoint - получить позицию относительно заданного контейнера.

Поток управления

  • selection.each - вызвать функцию для каждого элемента.
  • selection.call - вызвать функцию с этим выбором.
  • selection.empty - возвращает true, если этот выбор пуст.
  • selection.nodes - возвращает массив всех выбранных элементов.
  • selection.node - возвращает первый (не нулевой) элемент.
  • selection.size - возвращает количество элементов.

Локальные переменные

  • d3.local - объявляет новую локальную переменную.
  • local.set - установить значение локальной переменной.
  • local.get - получить значение локальной переменной.
  • local.remove - удалить локальную переменную.
  • local.toString - получить идентификатор свойства локальной переменной.

Пространства имён

  • d3.namespace - квалифицировать префиксное имя XML, такое как “xlink:href”.
  • d3.namespaces - встроенные пространства имен XML.

Фигуры (d3-shape)

Графические примитивы для визуализации.

Дуги

Круговые или кольцевые сектора, как в круговой или кольцевой диаграмме.

  • d3.arc - создать новый генератор дуги.
  • arc - сгенерировать дугу для заданных данных.
  • arc.centroid - вычислить середину дуги.
  • arc.innerRadius - установить внутренний радиус.
  • arc.outerRadius - установить внешний радиус.
  • arc.cornerRadius - установить радиус скругления углов.
  • arc.startAngle - установить начальный угол.
  • arc.endAngle - установить конечный угол.
  • arc.padAngle - установить угол между смежными дугами (для дуг с отступом).
  • arc.padRadius - установить радиус, на котором происходит линеаризация отступа.
  • arc.context - установить контекст отрисовки.

Диаграммы в виде секторов

Вычислить необходимые углы для представления табличных данных в виде круговой или кольцевой диаграммы.

  • d3.pie - создать новый генератор диаграммы в виде секторов.
  • pie - вычислить углы дуг для заданных данных.
  • pie.value - установить обработчик значений.
  • pie.sort - установить компаратор порядка сортировки.
  • pie.sortValues - установить компаратор порядка сортировки.
  • pie.startAngle - установить общий начальный угол.
  • pie.endAngle - установить общий конечный угол.
  • pie.padAngle - установить угол отступа между смежными секторами.

Линии

Сплайн или ломаная линия, как в диаграмме с линиями.

  • d3.line - создать новый генератор линий.
  • line - сгенерировать линию для заданных данных.
  • line.x - установить обработчик x.
  • line.y - установить обработчик y.
  • line.defined - установить обработчик определённых значений.
  • line.curve - установить интерполятор кривой.
  • line.context - установить контекст отрисовки.
  • d3.radialLine - создать новый генератор радиальных линий.
  • radialLine - сгенерировать линию для заданных данных.
  • radialLine.angle - установить обработчик угла.
  • radialLine.radius - установить обработчик радиуса.
  • radialLine.defined - установить обработчик определённых значений.
  • radialLine.curve - установить интерполятор кривой.
  • radialLine.context - установить контекст отрисовки.

Площади

Площадь, определяемая ограничивающей верхней линией и базовой линией, как в диаграмме с областями.

  • d3.area - создать новый генератор области.
  • area - сгенерировать область для заданного набора данных.
  • area.x - задать обработчики x0 и x1.
  • area.x0 - задать обработчик базового значения x.
  • area.x1 - задать обработчик значения верхнего значения x.
  • area.y - задать обработчики y0 и y1.
  • area.y0 - задать обработчик базового значения y.
  • area.y1 - задать обработчик значения верхнего значения y.
  • area.defined - задать обработчик определения.
  • area.curve - задать интерполятор кривой.
  • area.context - задать контекст отрисовки.
  • area.lineX0 - вывести линию для левого края области.
  • area.lineX1 - вывести линию для правого края области.
  • area.lineY0 - вывести линию для верхнего края области.
  • area.lineY1 - вывести линию для нижнего края области.
  • d3.radialArea - создать новый генератор радиальной области.
  • radialArea - сгенерировать область для заданного набора данных.
  • radialArea.angle - задать обработчики начального и конечного угла.
  • radialArea.startAngle - задать обработчик начального угла.
  • radialArea.endAngle - задать обработчик конечного угла.
  • radialArea.radius - задать обработчики внутреннего и внешнего радиуса.
  • radialArea.innerRadius - задать обработчик внутреннего радиуса.
  • radialArea.outerRadius - задать обработчик внешнего радиуса.
  • radialArea.defined - задать обработчик определения.
  • radialArea.curve - задать интерполятор кривой.
  • radialArea.context - задать контекст отрисовки.
  • radialArea.lineStartAngle - вывести линию для начального края области.
  • radialArea.lineEndAngle - вывести линию для конечного края области.
  • radialArea.lineInnerRadius - вывести линию для внутреннего края области.
  • radialArea.lineOuterRadius - вывести линию для внешнего края области.

Кривые

Интерполировать между точками для создания непрерывной формы.

  • d3.curveBasis - кубическая сплайн-базисная кривая, повторяющая конечные точки.
  • d3.curveBasisClosed - замкнутая кубическая сплайн-базисная кривая.
  • d3.curveBasisOpen - кубическая сплайн-базисная кривая.
  • d3.curveBundle - выпрямленная кубическая сплайн-базисная кривая.
  • bundle.beta - установить значение натяжения пучка beta.
  • d3.curveCardinal - кубическая кардинальная сплайн-кривая с односторонней разностью на каждом конце.
  • d3.curveCardinalClosed - замкнутая кубическая кардинальная сплайн-кривая.
  • d3.curveCardinalOpen - кубическая кардинальная сплайн-кривая.
  • cardinal.tension - установить натяжение кардинальной сплайн-кривой.
  • d3.curveCatmullRom - кубическая сплайн-кривая Catmull–Rom с односторонней разностью на каждом конце.
  • d3.curveCatmullRomClosed - замкнутая кубическая сплайн-кривая Catmull–Rom.
  • d3.curveCatmullRomOpen - кубическая сплайн-кривая Catmull–Rom.
  • catmullRom.alpha - установить параметр Catmull–Rom alpha.
  • d3.curveLinear - ломаная линия.
  • d3.curveLinearClosed - замкнутая ломаная линия.
  • d3.curveMonotoneX - кубическая сплайн-кривая, которая, при заданной монотонности по x, сохраняет ее по y.
  • d3.curveMonotoneY - кубическая сплайн-кривая, которая, при заданной монотонности по y, сохраняет ее по x.
  • d3.curveNatural - естественная кубическая сплайн-кривая.
  • d3.curveStep - кусочно-постоянная функция.
  • d3.curveStepAfter - кусочно-постоянная функция.
  • d3.curveStepBefore - кусочно-постоянная функция.
  • curve.areaStart - начать новый сегмент области.
  • curve.areaEnd - закончить текущий сегмент области.
  • curve.lineStart - начать новый сегмент линии.
  • curve.lineEnd - закончить текущий сегмент линии.
  • curve.point - добавить точку к текущему сегменту линии.

Связи

Гладкая кубическая кривая Безье от источника к цели.

  • d3.linkVertical - создать новый генератор вертикальной связи.
  • d3.linkHorizontal - создать новый генератор горизонтальной связи.
  • link - сгенерировать связь.
  • link.source - установить обработчик источника.
  • link.target - установить обработчик цели.
  • link.x - установить обработчик значения x точки.
  • link.y - установить обработчик значения y точки.
  • d3.linkRadial - создать новый генератор радиальной связи.
  • radialLink.angle - установить обработчик значения угла точки.
  • radialLink.radius - установить обработчик значения радиуса точки.

Символы

Категориальное кодирование формы, как в точечном графике.

  • d3.symbol - создать новый генератор символов.
  • symbol - сгенерировать символ для данного элемента данных.
  • symbol.type - установить тип символа.
  • symbol.size - установить размер символа в квадратных пикселях.
  • symbol.context - установить контекст отрисовки.
  • d3.symbols - массив встроенных типов символов.
  • d3.symbolCircle - круг.
  • d3.symbolCross - греческий крест с равными по длине ветвями.
  • d3.symbolDiamond - ромб.
  • d3.symbolSquare - квадрат.
  • d3.symbolStar - пятиконечная звезда (пентаграмма).
  • d3.symbolTriangle - треугольник направленный вверх.
  • d3.symbolWye - форма Y.
  • symbolType.draw - нарисовать этот символ в заданном контексте.

Стопки

Стопки фигур, размещая одну рядом с другой, как в столбчатой диаграмме с группами.

  • d3.stack - создание нового генератора стеков.
  • stack - генерация стека для заданного набора данных.
  • stack.keys - установка ключей-аксессоров.
  • stack.value - установка акссессора значений.
  • stack.order - установка акссессора порядка.
  • stack.offset - установка акссессора смещения.
  • d3.stackOrderAscending - расположение наименьших рядов внизу.
  • d3.stackOrderDescending - расположение наибольших рядов внизу.
  • d3.stackOrderInsideOut - расположение больших рядов посередине.
  • d3.stackOrderNone - использование заданного порядка рядов.
  • d3.stackOrderReverse - использование обратного заданного порядка рядов.
  • d3.stackOffsetExpand - нормализация базовой линии до нуля, а верхней линии до единицы.
  • d3.stackOffsetDiverging - положительные значения выше нуля; отрицательные ниже нуля.
  • d3.stackOffsetNone - применение нулевой базовой линии.
  • d3.stackOffsetSilhouette - центрирование диаграммы потока вокруг нуля.
  • d3.stackOffsetWiggle - минимизация колебаний диаграммы потока.

Форматы времени (d3-time-format)

Парсинг и форматирование времени, вдохновлённые strptime и strftime.

  • d3.timeFormat - псевдоним для locale.format в стандартном локали.
  • d3.timeParse - псевдоним для locale.parse в стандартном локали.
  • d3.utcFormat - псевдоним для locale.utcFormat в стандартном локали.
  • d3.utcParse - псевдоним для locale.utcParse в стандартном локали.
  • d3.isoFormat - форматтер ISO 8601 UTC.
  • d3.isoParse - парсер ISO 8601 UTC.
  • d3.timeFormatLocale - определение пользовательского локали.
  • d3.timeFormatDefaultLocale - определение стандартного локали.
  • locale.format - создание форматировщика времени.
  • locale.parse - создание парсера времени.
  • locale.utcFormat - создание форматировщика UTC.
  • locale.utcParse - создание парсера UTC.

Временные интервалы (d3-time)

Калькулятор специфических человеческих условностей времени.

  • d3.timeInterval - реализует новый пользовательский временной интервал.
  • interval - псевдоним для interval.floor.
  • interval.floor - округляет вниз до ближайшей границы.
  • interval.round - округляет до ближайшей границы.
  • interval.ceil - округляет вверх до ближайшей границы.
  • interval.offset - смещает дату на некоторое количество интервалов.
  • interval.range - генерирует диапазон дат с границами интервала.
  • interval.filter - создает отфильтрованный подмножество этого интервала.
  • interval.every - создаёт отфильтрованное подмножество этого интервала.
  • interval.count - считает границы интервала между двумя датами.
  • d3.timeMillisecond, d3.utcMillisecond - интервал миллисекунд.
  • d3.timeMilliseconds, d3.utcMilliseconds - псевдонимы для millisecond.range.
  • d3.timeSecond, d3.utcSecond - интервал секунд.
  • d3.timeSeconds, d3.utcSeconds - псевдонимы для second.range.
  • d3.timeMinute, d3.utcMinute - интервал минут.
  • d3.timeMinutes, d3.utcMinutes - псевдонимы для minute.range.
  • d3.timeHour, d3.utcHour - интервал часов.
  • d3.timeHours, d3.utcHours - псевдонимы для hour.range.
  • d3.timeDay, d3.utcDay - интервал дней.
  • d3.timeDays, d3.utcDays - псевдонимы для day.range.
  • d3.timeWeek, d3.utcWeek - псевдонимы для sunday.
  • d3.timeWeeks, d3.utcWeeks - псевдонимы для week.range.
  • d3.timeSunday, d3.utcSunday - интервал недели, начинающийся с воскресенья.
  • d3.timeSundays, d3.utcSundays - псевдонимы для sunday.range.
  • d3.timeMonday, d3.utcMonday - интервал недели, начинающийся с понедельника.
  • d3.timeMondays, d3.utcMondays - псевдонимы для monday.range.
  • d3.timeTuesday, d3.utcTuesday - интервал недели, начинающийся со вторника.
  • d3.timeTuesdays, d3.utcTuesdays - псевдонимы для tuesday.range.
  • d3.timeWednesday, d3.utcWednesday - интервал недели, начинающийся со среды.
  • d3.timeWednesdays, d3.utcWednesdays - псевдонимы для wednesday.range.
  • d3.timeThursday, d3.utcThursday - интервал недели, начинающийся с четверга.
  • d3.timeThursdays, d3.utcThursdays - псевдонимы для thursday.range.
  • d3.timeFriday, d3.utcFriday - интервал недели, начинающийся с пятницы.
  • d3.timeFridays, d3.utcFridays - псевдонимы для friday.range.
  • d3.timeSaturday, d3.utcSaturday - интервал недели, начинающийся с субботы.
  • d3.timeSaturdays, d3.utcSaturdays - псевдонимы для saturday.range.
  • d3.timeMonth, d3.utcMonth - интервал месяцев.
  • d3.timeMonths, d3.utcMonths - псевдонимы для month.range.
  • d3.timeYear, d3.utcYear - интервал лет.
  • d3.timeYears, d3.utcYears - псевдонимы для year.range.

Таймеры (d3-timer)

Эффективный очередь для управления тысячами одновременных анимаций.

  • d3.now - получить текущее время с высокой точностью.
  • d3.timer - запланировать новый таймер.
  • timer.restart - сбросить время начала таймера и обратный вызов.
  • timer.stop - остановить таймер.
  • d3.timerFlush - немедленно выполнить все подходящие таймеры.
  • d3.timeout - запланировать таймер, который останавливается после первого вызова обратного.
  • d3.interval - запланировать таймер, который вызывается с заданным периодом.

Переходы (d3-transition)

Анимированные переходы для выборок.

  • selection.transition - запланировать переход для выбранных элементов.
  • selection.interrupt - прервать и отменить переходы для выбранных элементов.
  • d3.transition - запланировать переход для корневого элемента документа.
  • transition.select - запланировать переход для выбранных элементов.
  • transition.selectAll - запланировать переход для выбранных элементов.
  • transition.filter - отфильтровать элементы на основе данных.
  • transition.merge - объединить этот переход с другим.
  • transition.selection - возвращает выборку для этого перехода.
  • transition.transition - запланировать новый переход после этого.
  • transition.call - вызвать функцию с этим переходом.
  • transition.nodes - возвращает массив всех выбранных элементов.
  • transition.node - возвращает первый (не нулевой) элемент.
  • transition.size - возвращает количество элементов.
  • transition.empty - возвращает true, если этот переход пуст.
  • transition.each - вызвать функцию для каждого элемента.
  • transition.on - добавить или удалить обработчики событий перехода.
  • transition.attr - выполнить интерполяцию заданного атрибута с помощью стандартной интерполяционной функции.
  • transition.attrTween - выполнить интерполяцию заданного атрибута с помощью пользовательской интерполяционной функции.
  • transition.style - выполнить интерполяцию заданного свойства стиля с помощью стандартной интерполяционной функции.
  • transition.styleTween - выполнить интерполяцию заданного свойства стиля с помощью пользовательской интерполяционной функции.
  • transition.text - установить текстовое содержимое при старте перехода.
  • transition.remove - удалить выбранные элементы по завершении перехода.
  • transition.tween - выполнить пользовательский код во время перехода.
  • transition.delay - задать задержку для каждого элемента в миллисекундах.
  • transition.duration - задать продолжительность для каждого элемента в миллисекундах.
  • transition.ease - указать функцию плавного изменения.
  • d3.active - выбрать активный переход для заданного узла.
  • d3.interrupt - прервать активный переход для заданного узла.

Диаграммы Вороного (d3-voronoi)

Вычислить диаграмму Вороного для заданного набора точек.

  • d3.voronoi - создание нового генератора Вороного.
  • voronoi - генерация новой диаграммы Вороного для заданных точек.
  • voronoi.polygons - вычисление многоугольников Вороного для заданных точек.
  • voronoi.triangles - вычисление треугольников Делоне для заданных точек.
  • voronoi.links - вычисление связей Делоне для заданных точек.
  • voronoi.x - установка обработчика x.
  • voronoi.y - установка обработчика y.
  • voronoi.extent - установка наблюдаемой области точек.
  • voronoi.size - установка наблюдаемой области точек.
  • diagram.polygons - вычисление многоугольников для данной диаграммы Вороного.
  • diagram.triangles - вычисление треугольников для данной диаграммы Вороного.
  • diagram.links - вычисление связей для данной диаграммы Вороного.
  • diagram.find - поиск ближайшей точки в данной диаграмме Вороного.

Масштабирование (d3-zoom)

Панорамирование и масштабирование SVG, HTML или Canvas с помощью мыши или сенсорного ввода.

  • d3.zoom - создание поведения масштабирования.
  • zoom - применение поведения масштабирования к выбранным элементам.
  • zoom.transform - изменение преобразования для выбранных элементов.
  • zoom.translateTo - перемещение преобразования для выбранных элементов.
  • zoom.translateBy - перемещение преобразования для выбранных элементов.
  • zoom.scaleBy - масштабирование преобразования для выбранных элементов.
  • zoom.scaleTo - масштабирование преобразования для выбранных элементов.
  • zoom.filter - управление событиями ввода, которые инициируют масштабирование.
  • zoom.touchable - установка детектора поддержки сенсорного ввода.
  • zoom.wheelDelta - переопределение масштабирования для событий колеса мыши.
  • zoom.clickDistance - установка порога расстояния щелчка.
  • zoom.extent - установка области просмотра.
  • zoom.scaleExtent - установка диапазона допустимых масштабов.
  • zoom.translateExtent - установка области масштабируемого мира.
  • zoom.constrain - переопределение логики ограничения преобразования.
  • zoom.duration - установка продолжительности переходов масштабирования.
  • zoom.interpolate - управление интерполяцией переходов масштабирования.
  • zoom.on - прослушивание событий масштабирования.
  • d3.zoomTransform - получение преобразования масштабирования для данного элемента.
  • transform.scale - масштабирование преобразования на указанную величину.
  • transform.translate - перемещение преобразования на указанную величину.
  • transform.apply - применение преобразования к заданной точке.
  • transform.applyX - применение преобразования к заданной координате x.
  • transform.applyY - применение преобразования к заданной координате y.
  • transform.invert - отмена применения преобразования к заданной точке.
  • transform.invertX - отмена применения преобразования к заданной координате x.
  • transform.invertY - отмена применения преобразования к заданной координате y.
  • transform.rescaleX - применение преобразования к области значений шкалы x.
  • transform.rescaleY - применение преобразования к области значений шкалы y.
  • transform.toString - форматирование преобразования как строки SVG-преобразования.
  • d3.zoomIdentity - тождественное преобразование.

© 2010–2017 Michael Bostock
Licensed under the BSD License.
https://github.com/d3/d3/blob/master/API.md

Spec-Zone.ru

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