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

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

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

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

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

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

Статистики

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

d3.min - вычисление минимального значения в итерируемом объекте.
d3.minIndex - вычисление индекса минимального значения в итерируемом объекте.
d3.max - вычисление максимального значения в итерируемом объекте.
d3.maxIndex - вычисление индекса максимального значения в итерируемом объекте.
d3.extent - вычисление минимального и максимального значения в итерируемом объекте.
d3.sum - вычисление суммы итерируемого объекта чисел.
d3.mean - вычисление среднего арифметического значения итерируемого объекта чисел.
d3.median - вычисление медианы итерируемого объекта чисел (0,5-квантиль).
d3.medianIndex - вычисление индекса медианы итерируемого объекта чисел (0,5-квантиль).
d3.mode - вычисление моды (наиболее часто встречающегося значения) итерируемого объекта чисел.
d3.cumsum - вычисление кумулятивной суммы итерируемого объекта.
d3.rank - вычисление ранга итерируемого объекта.
d3.quantile - вычисление квантиля для итерируемого объекта чисел.
d3.quantileIndex - вычисление индекса квантиля для итерируемого объекта чисел.
d3.quantileSorted - вычисление квантиля для отсортированного массива чисел.
d3.variance - вычисление дисперсии итерируемого объекта чисел.
d3.deviation - вычисление стандартного отклонения итерируемого объекта чисел.
d3.fcumsum - вычисление кумулятивной суммы чисел с полной точностью.
d3.fsum - вычисление суммы итерируемого объекта чисел с полной точностью.
new d3.Adder - создание полносистемного суммирования чисел.
adder.add - добавление значения к сумматору.
adder.valueOf - возвращает представление значения сумматора с двойной точностью.
d3.blur - размытие массива чисел на месте.
d3.blur2 - размытие двумерного массива чисел на месте.
d3.blurImage - размытие RGBA ImageData на месте.

Поиск

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

d3.least - возвращает наименьший элемент итерируемого объекта.
d3.leastIndex - возвращает индекс наименьшего элемента итерируемого объекта.
d3.greatest - возвращает наибольший элемент итерируемого объекта.
d3.greatestIndex - возвращает индекс наибольшего элемента итерируемого объекта.
d3.bisectCenter - бинарный поиск значения в отсортированном массиве.
d3.bisectLeft - бинарный поиск значения в отсортированном массиве.
d3.bisect - бинарный поиск значения в отсортированном массиве.
d3.bisectRight - бинарный поиск значения в отсортированном массиве.
d3.bisector - бинарный поиск с использованием доступа или сравнения.
bisector.center - бинарный поиск значения в отсортированном массиве.
bisector.left - bisectLeft с заданным сравнением.
bisector.right - bisectRight с заданным сравнением.
d3.quickselect - переупорядочивание массива чисел.
d3.ascending - вычисление естественного порядка двух значений.
d3.descending - вычисление естественного порядка двух значений.

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

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

d3.flatGroup - сгруппировать итерируемый объект в плоский массив.
d3.flatRollup - свести итерируемый объект в плоский массив.
d3.group - сгруппировать итерируемый объект вложенной Map.
d3.groups - сгруппировать итерируемый объект во вложенный массив.
d3.groupSort - сортировать ключи в соответствии с сгруппированными значениями.
d3.index - индексировать итерируемый объект вложенной Map.
d3.indexes - индексировать итерируемый объект вложенный массив.
d3.rollup - свести итерируемый объект во вложенную Map.
d3.rollups - свести итерируемый объект во вложенный массив.
d3.count - подсчитать числовые значения в итерируемом объекте.
d3.cross - вычислить декартово произведение двух итерируемых объектов.
d3.merge - объединить несколько итерируемых объектов в один массив.
d3.pairs - создать массив смежных пар элементов.
d3.permute - переупорядочить итерируемый объект элементов в соответствии с итерируемым объектом индексов.
d3.shuffle - случайным образом изменить порядок итерируемого объекта.
d3.shuffler - случайным образом изменить порядок итерируемого объекта.
d3.ticks - сгенерировать репрезентативные значения из числового интервала.
d3.tickIncrement - сгенерировать репрезентативные значения из числового интервала.
d3.tickStep - сгенерировать репрезентативные значения из числового интервала.
d3.nice - расширить интервал, чтобы он соответствовал отметкам.
d3.range - сгенерировать диапазон числовых значений.
d3.transpose - транспонировать массив массивов.
d3.zip - транспонировать переменное количество массивов.

Итерируемые объекты

d3.every - проверить, удовлетворяют ли все значения условию.
d3.some - проверить, удовлетворяет ли какое-либо значение условию.
d3.filter - отфильтровать значения.
d3.map - отобразить значения.
d3.reduce - свести значения.
d3.reverse - изменить порядок значений.
d3.sort - отсортировать значения.

Наборы

d3.difference - вычислить разность множеств.
d3.disjoint - проверить, являются ли два множества непересекающимися.
d3.intersection - вычислить пересечение множеств.
d3.superset - проверить, является ли множество надмножеством другого.
d3.subset - проверить, является ли множество подмножеством другого.
d3.union - вычислить объединение множеств.

Гистограммы

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

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

Интернирование

d3.InternMap - Map с интернированием ключей.
d3.InternSet - Set с интернированием значений.

Оси (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 - установить отступ между метками и подписями.
axis.offset - установить пиксельный отступ для четких краев.

Кисти (d3-brush)

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

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

Аккорды (d3-chord)

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

Цвета (d3-color)

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

d3.color - разобрать заданный спецификатор цвета CSS.
color.opacity - непрозрачность цвета.
color.rgb - вычислить эквивалент RGB для этого цвета.
color.copy - вернуть копию этого цвета.
color.brighter - создать более светлую копию этого цвета.
color.darker - создать более темную копию этого цвета.
color.displayable - возвращает true, если цвет отображается на стандартном оборудовании.
color.formatHex - возвращает шестнадцатеричное строковое представление RRGGBB этого цвета.
color.formatHex8 - возвращает шестнадцатеричное строковое представление RRGGBBAA этого цвета.
color.formatHsl - возвращает строковое представление RGB этого цвета.
color.formatRgb - возвращает строковое представление HSL этого цвета.
color.toString - возвращает строковое представление RGB этого цвета.
d3.rgb - создать новый цвет RGB.
rgb.clamp - возвращает копию этого цвета, ограниченную цветовым пространством RGB.
d3.hsl - создать новый цвет HSL.
hsl.clamp - возвращает копию этого цвета, ограниченную цветовым пространством HSL.
d3.lab - создать новый цвет Lab.
d3.gray - создать новый серый цвет Lab.
d3.hcl - создать новый цвет HCL.
d3.lch - создать новый цвет HCL.
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.schemeTableau10 - массив из десяти категориальных цветов.

Расходящиеся

d3.interpolateBrBG - интерполятор ColorBrewer BrBG.
d3.interpolatePiYG - интерполятор ColorBrewer PiYG.
d3.interpolatePRGn - интерполятор ColorBrewer PRGn.
d3.interpolatePuOr - интерполятор ColorBrewer PuOr.
d3.interpolateRdBu - интерполятор ColorBrewer RdBu.
d3.interpolateRdGy - интерполятор ColorBrewer RdGy.
d3.interpolateRdYlBu - интерполятор ColorBrewer RdYlBu.
d3.interpolateRdYlGn - интерполятор ColorBrewer RdYlGn.
d3.interpolateSpectral - интерполятор ColorBrewer spectral.
d3.schemeBrBG - схема ColorBrewer BrBG.
d3.schemePiYG - схема ColorBrewer PiYG.
d3.schemePRGn - схема ColorBrewer PRGn.
d3.schemePuOr - схема ColorBrewer PuOr.
d3.schemeRdBu - схема ColorBrewer RdBu.
d3.schemeRdGy - схема ColorBrewer RdGy.
d3.schemeRdYlBu - схема ColorBrewer RdYlBu.
d3.schemeRdYlGn - схема ColorBrewer RdYlGn.
d3.schemeSpectral - схема ColorBrewer spectral.

Последовательные (один оттенок)

Последовательные (многоцветные)

d3.interpolateBuGn - Интерполятор BuGn из ColorBrewer.
d3.interpolateBuPu - Интерполятор BuPu из ColorBrewer.
d3.interpolateCividis - Интерполятор cividis.
d3.interpolateCool - Интерполятор cool.
d3.interpolateCubehelixDefault - Интерполятор cubehelix.
d3.interpolateGnBu - Интерполятор GnBu из ColorBrewer.
d3.interpolateInferno - Интерполятор inferno.
d3.interpolateMagma - Интерполятор magma.
d3.interpolateOrRd - Интерполятор OrRd из ColorBrewer.
d3.interpolatePlasma - Интерполятор plasma.
d3.interpolatePuBu - Интерполятор PuBu из ColorBrewer.
d3.interpolatePuBuGn - Интерполятор PuBuGn из ColorBrewer.
d3.interpolatePuRd - Интерполятор PuRd из ColorBrewer.
d3.interpolateRdPu - Интерполятор RdPu из ColorBrewer.
d3.interpolateTurbo - Интерполятор turbo.
d3.interpolateViridis - Интерполятор viridis.
d3.interpolateWarm - Интерполятор warm.
d3.interpolateYlGn - Интерполятор YlGn из ColorBrewer.
d3.interpolateYlGnBu - Интерполятор YlGnBu из ColorBrewer.
d3.interpolateYlOrBr - Интерполятор YlOrBr из ColorBrewer.
d3.interpolateYlOrRd - Интерполятор YlOrRd из ColorBrewer.
d3.schemeBuGn - Схема BuGn из ColorBrewer.
d3.schemeBuPu - Схема BuPu из ColorBrewer.
d3.schemeGnBu - Схема GnBu из ColorBrewer.
d3.schemeOrRd - Схема OrRd из ColorBrewer.
d3.schemePuBu - Схема PuBu из ColorBrewer.
d3.schemePuBuGn - Схема PuBuGn из ColorBrewer.
d3.schemePuRd - Схема PuRd из ColorBrewer.
d3.schemeRdPu - Схема RdPu из ColorBrewer.
d3.schemeYlGn - Схема YlGn из ColorBrewer.
d3.schemeYlGnBu - Схема YlGnBu из ColorBrewer.
d3.schemeYlOrBr - Схема YlOrBr из ColorBrewer.
d3.schemeYlOrRd - Схема YlOrRd из ColorBrewer.

Циклические

d3.interpolateRainbow - «менее агрессивный» радужный
d3.interpolateSinebow - «sinebow» плавный радужный

Контуры (d3-contour)

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

d3.contours - создание нового генератора контуров.
contours - вычисление контуров для заданной сетки значений.
contours.contour - вычисление контура для заданного значения.
contours.size - установка размера генератора контуров.
contours.smooth - установка того, сглаживаются ли сгенерированные контуры.
contours.thresholds - установка пороговых значений генератора контуров.
d3.contourDensity - создание нового оценщика плотности.
density - оценка плотности заданного массива выборок.
density.x - установка аксессора x оценщика плотности.
density.y - установка аксессора y оценщика плотности.
density.weight - установка аксессора weight оценщика плотности.
density.size - установка размера оценщика плотности.
density.cellSize - установка размера ячейки оценщика плотности.
density.thresholds - установка пороговых значений оценщика плотности.
density.bandwidth - установка ширины полосы оценщика плотности.
density.contours - вычисление контуров плотности.

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

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

new Delaunay - создать триангуляцию Делоне для массива координат точек.
Delaunay.from - создать триангуляцию Делоне для итерируемого объекта точек.
delaunay.points - координаты точек.
delaunay.halfedges - полуребра триангуляции Делоне.
delaunay.hull - выпуклая оболочка в виде индексов точек.
delaunay.triangles - треугольники триангуляции Делоне.
delaunay.inedges - входящие ребра триангуляции Делоне
delaunay.find - найти ближайшую точку в триангуляции Делоне.
delaunay.neighbors - соседи точки в триангуляции Делоне.
delaunay.render - отрисовка ребер триангуляции Делоне.
delaunay.renderHull - отрисовка выпуклой оболочки.
delaunay.renderTriangle - отрисовка треугольника.
delaunay.renderPoints - отрисовка точек.
delaunay.hullPolygon - замкнутая выпуклая оболочка в виде координат точек.
delaunay.trianglePolygons - перебор всех треугольников как многоугольников.
delaunay.trianglePolygon - возвращает треугольник как многоугольник.
delaunay.update - обновление триангуляции Делоне на месте.
delaunay.voronoi - вычисление диаграммы Вороного, связанной с триангуляцией Делоне.
voronoi.delaunay - исходная триангуляция Делоне диаграммы Вороного.
voronoi.circumcenters - окружности треугольников.
voronoi.vectors - направления для внешних (бесконечных) ячеек диаграммы Вороного.
voronoi.xmin - установить границу xmin диапазона.
voronoi.ymin - установить границу ymin диапазона.
voronoi.xmax - установить границу xmax диапазона.
voronoi.ymax - установить границу ymax диапазона.
voronoi.contains - проверить, находится ли точка внутри ячейки Вороного.
voronoi.neighbors - соседи точки в диаграмме Вороного.
voronoi.render - отрисовка сетки ячеек Вороного.
voronoi.renderBounds - отрисовка диапазона.
voronoi.renderCell - отрисовка ячейки Вороного.
voronoi.cellPolygons - перебор всех ячеек как многоугольников.
voronoi.cellPolygon - возвращает ячейку как многоугольник.
voronoi.update - обновление диаграммы Вороного на месте.

Диспетчеры событий (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 - прослушивание событий перетаскивания.
d3.dragDisable - предотвращение перетаскивания и выбора текста.
d3.dragEnable - включение перетаскивания и выбора текста.
event.on - прослушивание событий перетаскивания в текущем жесте.

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

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

d3.csvParse - парсинг заданной строки CSV, возвращающий массив объектов.
d3.csvParseRows - парсинг заданной строки CSV, возвращающий массив строк.
d3.csvFormat - форматирование заданного массива объектов в CSV.
d3.csvFormatBody - форматирование заданного массива объектов в CSV.
d3.csvFormatRows - форматирование заданного массива строк в CSV.
d3.csvFormatRow - форматирование заданной строки в CSV.
d3.csvFormatValue - форматирование заданного значения в CSV.
d3.tsvParse - парсинг заданной строки TSV, возвращающий массив объектов.
d3.tsvParseRows - парсинг заданной строки TSV, возвращающий массив строк.
d3.tsvFormat - форматирование заданного массива объектов в TSV.
d3.tsvFormatBody - форматирование заданного массива объектов в TSV.
d3.tsvFormatRows - форматирование заданного массива строк в TSV.
d3.tsvFormatRow - форматирование заданной строки в TSV.
d3.tsvFormatValue - форматирование заданного значения в TSV.
d3.dsvFormat - создание нового парсера и форматировщика для заданного разделителя.
dsv.parse - парсинг заданной строки, возвращающий массив объектов.
dsv.parseRows - парсинг заданной строки, возвращающий массив строк.
dsv.format - форматирование заданного массива объектов.
dsv.formatBody - форматирование заданного массива объектов.
dsv.formatRows - форматирование заданного массива строк.
dsv.formatRow - форматирование заданной строки.
dsv.formatValue - форматирование заданного значения.
d3.autoType - автоматическое определение типов значений для данного объекта.

Функции плавного изменения (d3-ease)

Функции плавного изменения для анимации.

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

Загрузка данных (d3-fetch)

Удобные методы поверх API Fetch.

d3.blob - получить файл в виде объекта Blob.
d3.buffer - получить файл в виде массива байтов.
d3.csv - получить файл CSV (Comma-Separated Values).
d3.dsv - получить файл DSV (Delimiter-Separated Values).
d3.html - получить HTML-файл.
d3.image - получить изображение.
d3.json - получить JSON-файл.
d3.svg - получить SVG-файл.
d3.text - получить текстовый файл.
d3.tsv - получить файл TSV (Tab-Separated Values).
d3.xml - получить XML-файл.

Силы (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.randomSource - установка источника случайных чисел симуляции.
simulation.on - добавление или удаление обработчика событий.
force - применение силы.
force.initialize - инициализация силы с заданными узлами.
d3.forceCenter - создание силы центрирования.
center.x - установка координаты центра по оси x.
center.y - установка координаты центра по оси y.
center.strength - установка силы центрирования.
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 на стандартном языке.
locale.format - создание формата чисел.
locale.formatPrefix - создание формата чисел с префиксами СИ.
d3.formatSpecifier - разбор спецификатора формата чисел.
new d3.FormatSpecifier - дополняет объект спецификатора формата чисел.
d3.precisionFixed - вычисление десятичной точности для фиксированной точки.
d3.precisionPrefix - вычисление десятичной точности для формата с префиксами СИ.
d3.precisionRound - вычисление значащих цифр для округленного обозначения.
d3.formatLocale - определение пользовательского языка.
d3.formatDefaultLocale - определение стандартного языка.

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

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

Пути

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

Проекции

проекция - спроецировать указанную точку сферы на плоскость.
проекция.invert - спроецировать указанную точку с плоскости на сферу.
проекция.stream - обернуть указанный поток для проецирования геометрии.
проекция.preclip - задать функцию сферического обрезания для проекции.
проекция.postclip - задать функцию каркасного обрезания для проекции.
проекция.clipAngle - задать радиус окружности обрезания.
проекция.clipExtent - задать область обрезания окна в пикселях.
проекция.scale - задать коэффициент масштаба.
проекция.translate - задать смещение перевода.
проекция.center - задать центральную точку.
проекция.angle - задать угол поворота после проецирования.
проекция.reflectX - отразить x-измерение.
проекция.reflectY - отразить y-измерение.
проекция.rotate - задать углы сферического поворота по трём осям.
проекция.precision - задать пороговое значение точности для адаптивного выборки.
проекция.fitExtent - задать масштаб и сдвиг для подгонки объекта GeoJSON.
проекция.fitSize - задать масштаб и сдвиг для подгонки объекта GeoJSON.
проекция.fitWidth - задать масштаб и сдвиг для подгонки объекта GeoJSON.
проекция.fitHeight - задать масштаб и сдвиг для подгонки объекта GeoJSON.
d3.geoAzimuthalEqualArea - азимутальная равноплощадная проекция.
d3.geoAzimuthalEqualAreaRaw - исходная азимутальная равноплощадная проекция.
d3.geoAzimuthalEquidistant - азимутальная равнорасстояная проекция.
d3.geoAzimuthalEquidistantRaw - исходная азимутальная равнорасстояная проекция.
d3.geoGnomonic - гномоническая проекция.
d3.geoGnomonicRaw - исходная гномоническая проекция.
d3.geoOrthographic - ортографическая азимутальная проекция.
d3.geoOrthographicRaw - исходная ортографическая азимутальная проекция.
d3.geoStereographic - стереографическая азимутальная проекция.
d3.geoStereographicRaw - исходная стереографическая азимутальная проекция.
d3.geoEqualEarth - проекция Equal Earth.
d3.geoEqualEarthRaw - исходная проекция Equal Earth.
d3.geoAlbersUsa - составная проекция Альберса для США.
коническая.parallels - задать две стандартные параллели.
d3.geoAlbers - коническая равноплощадная проекция Альберса.
d3.geoConicConformal - коническая конформная проекция.
d3.geoConicConformalRaw - исходная коническая конформная проекция.
d3.geoConicEqualArea - коническая равноплощадная (проекция Альберса) проекция.
d3.geoConicEqualAreaRaw - исходная коническая равноплощадная (проекция Альберса) проекция.
d3.geoConicEquidistant - коническая равнорасстояная проекция.
d3.geoConicEquidistantRaw - исходная коническая равнорасстояная проекция.
d3.geoEquirectangular - прямоугольная проекция (плат-каре).
d3.geoEquirectangularRaw - исходная прямоугольная проекция (плат-каре).
d3.geoMercator - сферическая проекция Меркатора.
d3.geoMercatorRaw - исходная проекция Меркатора.
d3.geoTransverseMercator - поперечная сферическая проекция Меркатора.
d3.geoTransverseMercatorRaw - исходная поперечная сферическая проекция Меркатора.
d3.geoNaturalEarth1 - проекция Equal Earth, версия 1.
d3.geoNaturalEarth1Raw - исходная проекция Equal Earth, версия 1

Исходные проекции

проектировать - спроецировать указанную точку сферы на плоскость.
проектировать.invert - спроецировать указанную точку с плоскости на сферу.
d3.geoProjection - создание пользовательской проекции.
d3.geoProjectionMutator - создание настраиваемой пользовательской проекции.

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

d3.geoArea - вычисление площади сферы заданного объекта.
d3.geoBounds - вычисление области охватывающего прямоугольника (bounding box) по широте-долготе для данного объекта.
d3.geoCentroid - вычисление сферического центра заданного объекта.
d3.geoDistance - вычисление расстояния по большой окружности между двумя точками.
d3.geoLength - вычисление длины линии или периметра многоугольника.
d3.geoInterpolate - интерполяция между двумя точками вдоль большой окружности.
d3.geoContains - проверка, находится ли точка внутри заданного объекта.
d3.geoRotation - создание функции поворота для указанных углов.
поворот - поворот заданной точки вокруг сферы.
поворот.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.geoTransform - определяет пользовательское преобразование геометрии.
d3.geoIdentity - масштабирование, перемещение или обрезка плоской геометрии.

Обрезка

preclip - предварительная обрезка в географических координатах.
postclip - последующая обрезка в плоских координатах.
d3.geoClipAntimeridian - обрезает сферические геометрии, пересекающие антимеридиан.
d3.geoClipCircle - обрезает сферические геометрии до малой окружности.
d3.geoClipRectangle - обрезает плоскую геометрию до прямоугольного представления.

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

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

d3.hierarchy - создает узел корня из иерархических данных.
node.ancestors - генерирует массив предков.
node.descendants - генерирует массив потомков.
node.leaves - генерирует массив листьев.
node.find - находит узел в иерархии.
node.path - генерирует кратчайший путь к другому узлу.
node.links - генерирует массив связей.
node.sum - вычисляет и агрегирует количественные значения.
node.count - подсчитывает количество листьев.
node.sort - сортирует всех потомков-братьев.
node[Symbol.iterator] - итерируется по иерархии.
node.each - обход по ширине.
node.eachAfter - обход в постфиксной нотации.
node.eachBefore - обход в префиксной нотации.
node.copy - копирует иерархию.
d3.stratify - создает новый оператор stratify.
stratify - строит узел корня из табличных данных.
stratify.id - устанавливает доступ к идентификатору узла.
stratify.parentId - устанавливает доступ к идентификатору родительского узла.
stratify.path - устанавливает доступ к пути.
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 - разделение с использованием прямоугольников, приближенных к квадратам (по Bruls и др.)
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.interpolateNumber - интерполяция чисел.
d3.interpolateRound - интерполяция целых чисел.
d3.interpolateString - интерполяция строк с вложенными числами.
d3.interpolateDate - интерполяция дат.
d3.interpolateArray - интерполяция массивов произвольных значений.
d3.interpolateNumberArray - интерполяция массивов чисел.
d3.interpolateObject - интерполяция произвольных объектов.
d3.interpolateTransformCss - интерполяция 2D CSS-преобразований.
d3.interpolateTransformSvg - интерполяция 2D SVG-преобразований.
d3.interpolateZoom - масштабирование и перемещение между двумя представлениями.
interpolateZoom.rho - установить кривизну rho интерполятора масштабирования.
d3.interpolateDiscrete - создание дискретного интерполятора из набора значений.
d3.quantize - генерация равномерно распределённых выборок из интерполятора.
d3.interpolateRgb - интерполяция цветов RGB.
d3.interpolateRgbBasis - создание B-сплайна по набору цветов.
d3.interpolateRgbBasisClosed - создание замкнутого B-сплайна по набору цветов.
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.interpolateBasis - создание B-сплайна по набору значений.
d3.interpolateBasisClosed - создание замкнутого B-сплайна по набору значений.
d3.piecewise - создание кусочно-линейного интерполятора из набора значений.

Пути (d3-path)

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

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

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

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

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

Четверти (d3-quadtree)

Двумерное рекурсивное пространственное деление.

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

Случайные числа (d3-random)

Генерация случайных чисел из различных распределений.

d3.randomUniform - из равномерного распределения.
d3.randomInt - из равномерного целочисленного распределения.
d3.randomNormal - из нормального распределения.
d3.randomLogNormal - из логарифмически-нормального распределения.
d3.randomBates - из распределения Бейтса.
d3.randomIrwinHall - из распределения Ирвина–Холла.
d3.randomExponential - из экспоненциального распределения.
d3.randomPareto - из распределения Парето.
d3.randomBernoulli - из распределения Бернулли.
d3.randomGeometric - из геометрического распределения.
d3.randomBinomial - из биномиального распределения.
d3.randomGamma - из гамма-распределения.
d3.randomBeta - из бета-распределения.
d3.randomWeibull - из распределения Вейбулла, Гумбеля или Фреше.
d3.randomCauchy - из распределения Коши.
d3.randomLogistic - из логистического распределения.
d3.randomPoisson - из пуассоновского распределения.
random.source - установить источник случайности.
d3.randomLcg - генератор псевдослучайных чисел с заданным начальным значением.

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

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

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

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

continuous - вычислить значение диапазона, соответствующее данному значению области.
continuous.invert - вычислить значение области, соответствующее данному значению диапазона.
continuous.domain - установить входную область.
continuous.range - установить выходной диапазон.
continuous.rangeRound - установить выходной диапазон и включить округление.
continuous.clamp - включить привязку к области или диапазону.
continuous.unknown - установить выходное значение для неизвестных входных значений.
continuous.interpolate - установить интерполятор для вывода.
continuous.ticks - вычислить представительные значения из области.
continuous.tickFormat - отформатировать метки для восприятия человеком.
continuous.nice - расширить область до красивых, круглых чисел.
continuous.copy - создать копию этой шкалы.
d3.tickFormat - отформатировать метки для восприятия человеком.
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.scaleSymlog - создать симметричную логарифмическую шкалу.
symlog.constant - установить константу шкалы symlog.
d3.scaleIdentity - создает шкалу тождества.
d3.scaleRadial - создаёт радиальную шкалу.
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 - вычисление значения диапазона, соответствующего входному значению.
sequential.domain - установка входной области.
sequential.clamp - включение привязки к области.
sequential.interpolator - установка выходного интерполятора шкалы.
sequential.range - установка выходного диапазона.
sequential.rangeRound - установка выходного диапазона и включение округления.
sequential.copy - создание копии этой шкалы.
d3.scaleSequentialLog - создание логарифмической последовательной шкалы.
d3.scaleSequentialPow - создание степенной последовательной шкалы.
d3.scaleSequentialSqrt - создание степенной последовательной шкалы с показателем степени 0,5.
d3.scaleSequentialSymlog - создание симметричной логарифмической последовательной шкалы.
d3.scaleSequentialQuantile - создание последовательной шкалы с использованием преобразования p-квантиля.
sequentialQuantile.quantiles - возвращение квантилей шкалы.

Растягивающиеся шкалы

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

d3.scaleDiverging - создание растягивающейся шкалы.
diverging - вычисление значения диапазона, соответствующего входному значению.
diverging.domain - установка входной области.
diverging.clamp - включение привязки к области или диапазону.
diverging.interpolator - установка выходного интерполятора шкалы.
diverging.range - установка выходного диапазона.
diverging.rangeRound - установка выходного диапазона и включение округления.
diverging.copy - создание копии этой шкалы.
diverging.unknown - установка выходного значения для неизвестных входных данных.
d3.scaleDivergingLog - создание логарифмической растягивающейся шкалы.
d3.scaleDivergingPow - создание степенной растягивающейся шкалы.
d3.scaleDivergingSqrt - создание растягивающейся степенной шкалы с показателем степени 0,5.
d3.scaleDivergingSymlog - создание симметричной логарифмической растягивающейся шкалы.

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

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

d3.scaleQuantize - создание равномерной линейной шкалы квантования.
quantize - вычисление значения диапазона, соответствующего заданному значению области.
quantize.invertExtent - вычисление значений области, соответствующих заданному значению диапазона.
quantize.domain - установка входной области.
quantize.range - установка выходного диапазона.
quantize.ticks - вычисление представительных значений из области.
quantize.tickFormat - форматирование делений для восприятия человеком.
quantize.nice - расширение области до приятных круглых чисел.
quantize.thresholds - возврат массива вычисленных пороговых значений в области.
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 - объединить это выделение с другим.
selection.selectChild - выбрать дочерний элемент для каждого выбранного элемента.
selection.selectChildren - выбрать дочерние элементы для каждого выбранного элемента.
selection.selection - вернуть выделение.
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.join - ввести, обновить или выйти из элементов на основе данных.
selection.enter - получить выбор ввода (отсутствующие элементы данных).
selection.exit - получить выбор выхода (элементы, отсутствующие в данных).
selection.datum - получить или установить данные элемента (без объединения).

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

selection.on - добавить или удалить обработчики событий.
selection.dispatch - отправить пользовательское событие.
d3.pointer - получить позицию указателя события.
d3.pointers - получить позиции указателей события.

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

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

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

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 - установка контекста отрисовки.
arc.digits - установка точности вывода.

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

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

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 - установка контекста отрисовки.
line.digits - установка точности вывода.
d3.lineRadial - создание нового генератора радиальных линий.
lineRadial - генерирует линию для заданного набора данных.
lineRadial.angle - установка обработчика угла.
lineRadial.radius - установка обработчика радиуса.
lineRadial.defined - установка обработчика определений.
lineRadial.curve - установка интерполятора кривой.
lineRadial.context - установка контекста отрисовки.
lineRadial.digits - установка точности вывода.

Области

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

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.digits - установка точности вывода.
area.lineX0 - вывод линии для левого края области.
area.lineY0 - вывод линии для верхнего края области.
area.lineX1 - вывод линии для правого края области.
area.lineY1 - вывод линии для нижнего края области.
d3.areaRadial - создание нового генератора радиальной области.
areaRadial - генерация области для заданного набора данных.
areaRadial.angle - установка аксессоров начального и конечного углов.
areaRadial.startAngle - установка аксессора начального угла.
areaRadial.endAngle - установка аксессора конечного угла.
areaRadial.radius - установка аксессоров внутреннего и внешнего радиусов.
areaRadial.innerRadius - установка аксессора внутреннего радиуса.
areaRadial.outerRadius - установка аксессора внешнего радиуса.
areaRadial.defined - установка аксессора определений.
areaRadial.curve - установка интерполятора кривой.
areaRadial.context - установка контекста отрисовки.
areaRadial.digits - установка точности вывода.
areaRadial.lineStartAngle - вывод линии для начального края области.
areaRadial.lineInnerRadius - вывод линии для внутреннего края области.
areaRadial.lineEndAngle - вывод линии для конечного края области.
areaRadial.lineOuterRadius - вывод линии для внешнего края области.

Кривые

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

d3.curveBasis - кубическая сплайн-кривая базиса, повторяющая конечные точки.
d3.curveBasisClosed - замкнутая кубическая сплайн-кривая базиса.
d3.curveBasisOpen - кубическая сплайн-кривая базиса.
d3.curveBundle - выпрямленная кубическая сплайн-кривая базиса.
bundle.beta - установка натяжения пучка beta.
d3.curveBumpX - кубическая Bézier-сплайн с горизонтальными касательными.
d3.curveBumpY - кубическая Bézier-сплайн с вертикальными касательными.
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 - добавление точки к текущему сегменту линии.

Ссылки

Гладкая кубическая кривая Bézier от источника к цели.

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

Символы

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

d3.symbol - создание нового генератора символов.
symbol - генерация символа для заданного элемента данных.
symbol.type - установка типа символа.
symbol.size - установка размера символа в квадратных пикселях.
symbol.context - установка контекста отрисовки.
symbol.digits - установка точности вывода.
d3.symbolsFill - массив встроенных типов символов для заливки.
d3.symbolsStroke - массив встроенных типов символов для обводки.
d3.symbolAsterisk - звёздочка; для обводки.
d3.symbolCircle - круг; для заливки или обводки.
d3.symbolCross - греческий крест с равными по длине плечами; для заливки.
d3.symbolDiamond - ромб; для заливки.
d3.symbolDiamond2 - повернутый квадрат; для обводки.
d3.symbolPlus - знак плюс; для обводки.
d3.symbolSquare - квадрат; для заливки.
d3.symbolSquare2 - квадрат; для обводки.
d3.symbolStar - пятиконечная звезда; для заливки.
d3.symbolTriangle - треугольник, направленный вверх; для заливки.
d3.symbolTriangle2 - треугольник, направленный вверх; для обводки.
d3.symbolWye - фигура в форме буквы Y; для заливки.
d3.symbolX - фигура в форме буквы X; для обводки.
d3.pointRadial - относительные координаты точки, заданные углом и радиусом.
symbolType.draw - отрисовка данного символа в заданном контексте.

Столбчатые диаграммы

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

d3.stack - создание нового генератора столбчатых диаграмм.
stack - генерация столбчатой диаграммы для заданного набора данных.
stack.keys - установка ключа-обработчика.
stack.value - установка обработчика значений.
stack.order - установка обработчика порядка.
stack.offset - установка обработчика смещения.
d3.stackOrderAppearance - размещение самых ранних рядов внизу.
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.
locale.format - создание форматировщика времени.
locale.parse - создание анализатора времени.
locale.utcFormat - создание форматировщика UTC.
locale.utcParse - создание анализатора UTC.
d3.timeFormatLocale - определение настраиваемого регионального формата.
d3.timeFormatDefaultLocale - определение регионального формата по умолчанию.

Интервалы времени (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.unixDay - интервал дней.
d3.timeDays, d3.utcDays, d3.unixDays - псевдонимы для 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.timeTicks, d3.utcTicks -
d3.timeTickInterval, d3.utcTickInterval -

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

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

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

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

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

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

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

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

d3.zoom - создание поведения масштабирования.
zoom - применение поведения масштабирования к выбранным элементам.
zoom.transform - изменение преобразования для выбранных элементов.
zoom.translateBy - перемещение преобразования для выбранных элементов.
zoom.translateTo - перемещение преобразования для выбранных элементов.
zoom.scaleBy - масштабирование преобразования для выбранных элементов.
zoom.scaleTo - масштабирование преобразования для выбранных элементов.
zoom.constrain - переопределение логики ограничения преобразования.
zoom.filter - управление событиями ввода, инициирующими масштабирование.
zoom.touchable - установка детектора поддержки сенсорного ввода.
zoom.wheelDelta - переопределение масштабирования для событий прокрутки колесом.
zoom.extent - установка области просмотра.
zoom.scaleExtent - установка допустимого диапазона масштабирования.
zoom.translateExtent - установка области масштабируемого мира.
zoom.clickDistance - установка порогового значения расстояния для клика.
zoom.tapDistance - установка порогового значения расстояния для тапа.
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 - тождественное преобразование.