Spec-Zone.ru › D3.js 6

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

D3 — это набор модулей, разработанных для совместной работы; вы можете использовать модули независимо или вместе как часть базовой сборки. Исходный код и документация для каждого модуля доступны в его репозитории. Подробности вы найдёте по ссылкам ниже. Для изменений между основными версиями смотрите ИЗМЕНЕНИЯ; также смотрите заметки о релизе и справочник 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.cumsum - вычислить кумулятивную сумму итерируемого объекта.
  • d3.quantile - вычислить квантиль для итерируемого объекта чисел.
  • d3.quantileSorted - вычислить квантиль для отсортированного массива чисел.
  • d3.variance - вычислить дисперсию итерируемого объекта чисел.
  • d3.deviation - вычислить стандартное отклонение итерируемого объекта чисел.
  • d3.fcumsum - вычислить кумулятивную сумму с полной точностью.
  • d3.fsum - вычислить сумму с полной точностью для итерируемого объекта чисел.
  • new d3.Adder - создаёт сумматор с полной точностью.
  • adder.add - добавляет значение в сумматор.
  • adder.valueOf - возвращает представление значения сумматора с двойной точностью.

Поиск

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

  • 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.group - сгруппировать итерируемый объект в вложенную Map.
  • d3.groups - сгруппировать итерируемый объект в вложенный массив.
  • d3.index - проиндексировать итерируемый объект во вложенную Map.
  • d3.indexes - проиндексировать итерируемый объект во вложенный массив.
  • d3.rollup - свести итерируемый объект во вложенную Map.
  • d3.rollups - свести итерируемый объект во вложенный массив.
  • d3.groupSort - отсортировать ключи в соответствии с сгруппированными значениями.
  • 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.offsethttps://github.com/d3/d3-axis/blob/v2.1.0/README.md#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 - возвращает шестнадцатеричное строковое представление RGB этого цвета.
  • color.formatHsl - возвращает строковое представление RGB этого цвета.
  • color.formatRgb - возвращает строковое представление HSL этого цвета.
  • color.toString - возвращает строковое представление RGB этого цвета.
  • d3.rgb - создание нового цвета RGB.
  • d3.hsl - создание нового цвета 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.interpolateBlues -
  • d3.interpolateGreens -
  • d3.interpolateGreys -
  • d3.interpolateOranges -
  • d3.interpolatePurples -
  • d3.interpolateReds -
  • d3.schemeBlues -
  • d3.schemeGreens -
  • d3.schemeGreys -
  • d3.schemeOranges -
  • d3.schemePurples -
  • d3.schemeReds -

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

  • d3.interpolateBuGn - Интерполятор 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 - установка ширины полосы оценщика плотности.

Диаграммы Вороного (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).
  • 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.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

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

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

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

  • d3.geoArea - вычисление сферической площади заданного объекта.
  • d3.geoBounds - вычисление прямоугольника границ широты-долготы для данного объекта.
  • 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 - устанавливает функцию доступа к идентификатору родительского узла.
  • 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 и др.).
  • d3.treemapResquarify - аналогично d3.treemapSquarify, но обеспечивает стабильные обновления.
  • squarify.ratio - устанавливает желаемое соотношение сторон прямоугольника.
  • d3.partition - создаёт новую схему компоновки partition (лепестковое или солнечное дерево).
  • partition - компонует заданную иерархию в виде диаграммы partition.
  • partition.size - устанавливает размер схемы компоновки.
  • partition.round - устанавливает, будут ли округляться выходные координаты.
  • partition.padding - устанавливает отступ.
  • d3.pack - создаёт новую схему компоновки circle-packing.
  • pack - компонует указанную иерархию с помощью circle-packing.
  • 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 - нарисовать квадратичный Bézier-сегмент.
  • path.bezierCurveTo - нарисовать кубический Bézier-сегмент.
  • path.arcTo - нарисовать сегмент дуги окружности.
  • path.arc - нарисовать сегмент дуги окружности.
  • path.rect - нарисовать прямоугольник.
  • path.toString - сериализовать в строку данных SVG path.

Многоугольники (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 - установка контекста отрисовки.

Диаграммы

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

  • 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.lineRadial - создание нового генератора радиальных линий.
  • lineRadial - генерация линии для заданного набора данных.
  • lineRadial.angle - установка доступа к углу.
  • lineRadial.radius - установка доступа к радиусу.
  • lineRadial.defined - установка доступа к определению.
  • lineRadial.curve - установка интерполятора кривых.
  • lineRadial.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.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.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.linkVertical - создание нового генератора вертикальной связи.
  • d3.linkHorizontal - создание нового генератора горизонтальной связи.
  • link - генерация связи.
  • link.source - установка аксессора источника.
  • link.target - установка аксессора цели.
  • link.x - установка аксессора точки x.
  • link.y - установка аксессора точки y.
  • link.context - установка контекста отрисовки.
  • d3.linkRadial - создание нового генератора радиальной связи.
  • linkRadial.angle - установка аксессора угла точки.
  • linkRadial.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.
  • 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 - форматировщик UTC в формате ISO 8601.
  • d3.isoParse - парсер UTC в формате ISO 8601.
  • 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.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.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.filter - отфильтровать элементы на основе данных.
  • transition.merge - объединить этот переход с другим.
  • transition.transition - запланировать новый переход после текущего.
  • transition.selection - возвращает выборку для этого перехода.
  • 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 - единичное преобразование.

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

Spec-Zone.ru

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