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