RU Справка по API - Mingun/d3 GitHub Wiki

ВикиСправка по API
English | Русский

Все функции, переменные и константы D3 находятся в пространстве имён d3.

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

Список разделов:

  • Ядро — выборки, переходы, работа с данными, локализация, работа с цветом и т.д.
  • Шкалы — преобразования между данными и их визуальным представлением
  • SVG — инструменты для создания масштабируемой векторной графики (SVG)
  • Время — разбор и форматирование времени, вычисление календарных интервалов и т.д.
  • Компоновка — извлечение вторичных данных для позиционирования элементов
  • География — проекция сферических координат, работа с широтами и долготами
  • Геометрия — инструменты для двумерной геометрии, такие как диаграммы Вороного и квадродеревья
  • Поведение — переиспользуемые поведения взаимодействия

Ядро (d3)

Выборки

  • d3.select — выбирает элемент из текущего документа.
  • d3.selectAll — выбирает несколько элементов из текущего документа.
  • selection.attr — возвращает или устанавливает значения атрибутов.
  • selection.classed — добавляет или удаляет CSS-классы.
  • selection.style — возвращает или устанавливает свойства стилей.
  • selection.property — возвращает или устанавливает «сырые» свойства.
  • selection.text — возвращает или устанавливает текстовое содержимое.
  • selection.html — возвращает или устанавливает внутреннее HTML-содержимое.
  • selection.append — создаёт и вставляет новые элементы в конец выборки.
  • selection.insert — создаёт и вставляет новые элементы перед существующими элементами.
  • selection.remove — удаляет элементы из документа.
  • selection.data — возвращает или устанавливает данные для группы элементов при расчёте родственных соединений.
  • selection.enter — возвращает заполнители для отсутствующих элементов.
  • selection.exit — возвращает более не нужные элементы.
  • selection.datum — возвращает или устанавливает данные для конкретных элементов без вычисления связей.
  • selection.filter — фильтрует выбранные элементы на основе данных.
  • selection.sort — сортирует элементы в документе на основе данных.
  • selection.order — перестанавливает элементы в документе для их соответствия выборке.
  • selection.on — добавляет и удаляет слушатели событий для взаимодействия.
  • selection.transition — начинает переход на выбранных элементах.
  • selection.interrupt — немедленно прерывает текущий переход, если он есть.
  • selection.each — вызывает функцию для каждого выбранного элемента.
  • selection.call — вызывает функцию, переданную в текущую выборку.
  • selection.empty — возвращает true, если выборка не содержит элементов.
  • selection.node — возвращает первый узел в выборке.
  • selection.size — возвращает количество элементов в выборке.
  • selection.select — выбирает дочерний элемент для каждого выбранного элемента.
  • selection.selectAll — выбирает несколько дочерних элементов для каждого выбранного элемента.
  • d3.selection — расширяет прототип выборки или проверяет типы экземпляров.
  • d3.event — даёт доступ к текущему пользовательскому событию для взаимодейтсвия.
  • d3.mouse — возвращает позицию мыши относительно указанного контейнера.
  • d3.touch — возвращает позицию касания относительно указанного контейнера.
  • d3.touches — возвращает позиции касания относительно указанного контейнера.

Переходы

  • d3.transition — начинает анимированный переход.
  • transition.delay — определяет задержку начала анимации для каждого элемента, в миллисекундах.
  • transition.duration — определяет продолжительность анимации для каждого элемента, в миллисекундах.
  • transition.ease — указывает сглаживающую функцию для перехода.
  • transition.attr — плавно изменяет значение атрибута на новое.
  • transition.attrTween — плавно изменяет значение атрибута между двумя крайними значениями.
  • transition.style — плавно изменяет значение стилевого свойства на новое.
  • transition.styleTween — плавно изменяет значение стилевого свойства между двумя крайними значениями.
  • transition.text — устанавливает текстовое содержимое при начале перехода.
  • transition.tween — устанавливает пользовательский оператор смены значений для запуска в качестве части перехода.
  • transition.select — начинает переход на дочернем элементе для каждого выбранного элемента.
  • transition.selectAll — начинает переход на нескольких дочерних элементах для каждого выбранного элемента.
  • transition.filter — фильтрует переходы на основе данных.
  • transition.transition — когда заканчивается данный переход, начинает следующий на тех же самых элементах.
  • transition.remove — удаляет выбранные элементы в конце перехода.
  • transition.empty — возвращает true, если выборка не содержит элементов.
  • transition.node — возвращает первый узел в выборке.
  • transition.size — возвращает количество элементов в выборке.
  • transition.each — добавляет слушатель событий для события окончания перехода.
  • transition.call — вызывает функцию, переданную в текущий переход.
  • d3.ease — настраивает времена перехода.
  • ease — параметрическая функция сглаживания.
  • d3.timer — запускает пользовательский таймер анимации.
  • d3.timer.flush — немедленно выполняет все таймеры с нулевой задержкой.
  • d3.interpolate — изменяет значение между двумя крайними.
  • interpolate — параметрическая функция изменения значений.
  • d3.interpolateNumber — изменяет значение между двумя числами.
  • d3.interpolateRound — изменяет значение между двумя целыми числами.
  • d3.interpolateString — изменяет строковое значение между двумя крайними.
  • d3.interpolateRgb — изменяет RGB-значение цвета между двумя крайними.
  • d3.interpolateHsl — изменяет HSL-значение цвета между двумя крайними.
  • d3.interpolateLab — изменяет L*a*b*-значение цвета между двумя крайними.
  • d3.interpolateHcl — изменяет HCL-значение цвета между двумя крайними.
  • d3.interpolateArray — изменяет массив между двумя крайними массивами значений.
  • d3.interpolateObject — изменяет объект между двумя крайними произвольными объектами.
  • d3.interpolateTransform — изменяет матрицу двумерных преобразований между двумя крайними.
  • d3.interpolateZoom — плавно изменяет масштабирование и панорамирование между двумя крайними точками.
  • d3.interpolators — регистрирует пользовательскую функцию изменения значений.

Работа с массивами

  • d3.ascending — сравнивает два значения для сортировки по возрастанию.
  • d3.descending — сравнивает два значения для сортировки по убыванию.
  • d3.min — находит минимальное значение в массиве.
  • d3.max — находит максимальное значение в массиве.
  • d3.extent — находит и минимальное, и максимальное значения в массиве.
  • d3.sum — вычисляет сумму в массиве из чисел.
  • d3.mean — вычисляет арифметическое среднее в массиве из чисел.
  • d3.median — вычисляет медиану в массиве из чисел (0.5-квантиль)
  • d3.quantile — вычисляет квантиль для отсортированного массива чисел.
  • d3.bisect — ищет значение в отсортированном массиве.
  • d3.bisectRight — ищет значение в отсортированном массиве.
  • d3.bisectLeft — ищет значение в отсортированном массиве.
  • d3.bisector — устанавливает функцию доступа или сравнения для метода поиска делением пополам.
  • d3.shuffle — перемешивает порядок элементов в массиве.
  • d3.permute — переупорядочивает массив элементов в соответстви с массивом индексов.
  • d3.zip — транспонирует произвольное количество массивов.
  • d3.transpose — транспонирует массив массивов.
  • d3.pairs — возвращает массив с парами соседних элементов.
  • d3.keys — возвращает массив с ключами ассоциативного массива.
  • d3.values — возвращает массив со значениями ассоциативного массива.
  • d3.entries — возвращает массив с парами ключ-значение ассоциативного массива.
  • d3.merge — сливает несколько массивов в один массив.
  • d3.range — генерирует диапазон числовых значений.
  • d3.nest — иерархически группирует элементы массива.
  • nest.key — добавляет уровень иерархии.
  • nest.sortKeys — сортирует текущий уровень иерархии по ключам.
  • nest.sortValues — сортирует листья по значениям.
  • nest.rollup — определяет накопительную функцию для значений в листьях.
  • nest.map — вычисляет оператов nest и возвращает ассоциативный массив.
  • nest.entries — вычисляет оператов nest и возвращает массив пар ключ-значение.
  • d3.map — эмуляция карт ES6, объекты не являются хешами!
  • map.has — возвращает true, если карта содержит указанный ключ.
  • map.get — возвращает значение по указанному ключу.
  • map.set — устанавливает значение по указанному ключу.
  • map.remove — удаляет запись по указанному ключу.
  • map.keys — возвращает массив ключей карты.
  • map.values — возвращает массив значений карты.
  • map.entries — возвращает массив записей карты (объекты ключ-значение).
  • map.forEach — вызывает указанную функцию для каждой записи в карте.
  • map.empty — возвращает false, если карта содержит по крайней мере одну запись.
  • map.size — возвращает количество записей в карте.
  • d3.set — эмуляция множеств ES6, объекты не являются хешами!
  • set.has — возвращает true, если множество содержит указанное значение.
  • set.add — добавляет значение к множеству.
  • set.remove — удаляет значение из множества.
  • set.values — возвращает массив значений множества.
  • set.forEach — вызывает функцию для каждого элемента множества.
  • set.empty — возвращает false, если множество содержит по крайней мере одно значение.
  • set.size — возвращает количество значений в множестве.

Математика

  • d3.random.normal — генерирует случайное число с нормальным распределением.
  • d3.random.logNormal — генерирует случайное число с логнормальным распределением.
  • d3.random.bates — генерирует случайное число с распределением Бейтса.
  • d3.random.irwinHall — генерирует случайное число с распределением Ирвина-Холла.
  • d3.transform — вычисляет стандартную форму матрицы двумерных преобразований.

Загрузка внешних ресурсов

  • d3.xhr — запрашивает ресурс через XMLHttpRequest.
  • xhr.header — устанавливает заголовок запроса.
  • xhr.mimeType — устанавливает заголовок запроса Accept и переопределяет MIME-тип ответа.
  • xhr.response — устанавливает функцию для отображения ответа.
  • xhr.get — выполняет GET-запрос.
  • xhr.post — выполняет POST-запрос.
  • xhr.send — выполняет запрос указанным методом и с указанными данными.
  • xhr.abort — прерывает выполняющийся запрос.
  • xhr.on — добавляет слушатели событий для событий progress, load и error.
  • d3.text — запрашивает текстовый файл.
  • d3.json — запрашивает кусок JSON-а.
  • d3.html — запрашивает фрагмент HTML-документа.
  • d3.xml — запрашивает фрагмент XML-документа.
  • d3.csv — запрашивает файл со значениями, разделёнными запятой (CSV-файл).
  • d3.tsv — запрашивает файл со значениями, разделёнными табуляцией (TSV-файл).

Форматирование строк

  • d3.format — форматирует число как строку.
  • d3.formatPrefix — возвращает приставку СИ для указанного значения и точности.
  • d3.requote — экранирует символы в строке для её дальнейшего использования в регулярных выражениях.
  • d3.round — округляет значение до указанного числа знаков после запятой.

Форматирование CSV (d3.csv)

  • d3.csv — запрашивает файл со значениями, разделёнными запятой (CSV-файл).
  • d3.csv.parse — разбирает строку CSV в объект, используя строку заголовка.
  • d3.csv.parseRows — разбирает строку CSV в кортежи, не используя строку заголовка.
  • d3.csv.format — форматирует массив объектов в строку CSV.
  • d3.csv.formatRows — форматирует массив кортежей в строку CSV.
  • d3.tsv — запрашивает файл со значениями, разделёнными табуляцией (TSV-файл).
  • d3.tsv.parse — разбирает строку TSV в объект, используя строку заголовка.
  • d3.tsv.parseRows — разбирает строку TSV в кортежи, не используя строку заголовка.
  • d3.tsv.format — форматирует массив объектов в строку TSV.
  • d3.tsv.formatRows — форматирует массив кортежей в строку TSV.
  • d3.dsv — создаёт функцию разбора / форматирования для указанного разделителя и MIME-типа.

Локализация

  • d3.locale — создаёт новую локаль, используя указанные строки.
  • locale.numberFormat — создаёт новую функцию форматирования чисел.
  • locale.timeFormat — создаёт новую функцию разбора / форматирования времени.

Цвета

  • d3.rgb — определяет цвет в пространстве RGB.
  • rgb.brighter — увеличивает каналы RGB в определённое количество раз (гамму).
  • rgb.darker — уменьшает каналы RGB в определённое количество раз (гамму).
  • rgb.hsl — преобразует цвет из пространства RGB в пространство HSL.
  • rgb.toString — преобразует цвет из пространства RGB в строку.
  • d3.hsl — определяет цвет в пространстве HSL.
  • hsl.brighter — увеличивает яркость в определённое количество раз (гамму).
  • hsl.darker — уменьшает яркость в определённое количество раз (гамму).
  • hsl.rgb — преобразует цвет из пространства HSL в пространство RGB.
  • hsl.toString — преобразует цвет из пространства HSL в строку.
  • d3.lab — определяет цвет в пространстве L*a*b*.
  • lab.brighter — увеличивает яркость в определённое количество раз (гамму).
  • lab.darker — уменьшает яркость в определённое количество раз (гамму).
  • lab.rgb — преобразует цвет из пространства L*a*b* в пространство RGB.
  • lab.toString — преобразует цвет из пространства L*a*b* в строку.
  • d3.hcl — определяет цвет в пространстве HCL.
  • hcl.brighter — увеличивает яркость в определённое количество раз (гамму).
  • hcl.darker — уменьшает яркость в определённое количество раз (гамму).
  • hcl.rgb — преобразует цвет из пространства HCL в пространство RGB.
  • hcl.toString — преобразует цвет из пространства HCL в строку.

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

  • d3.ns.prefix — даёт доступ или расширяет известные пространства имён XML.
  • d3.ns.qualify — определяет имя с префиксом, вроде «xlink:href».

Внутренние функции

  • d3.functor — создаёт функцию, возвращающую константу.
  • d3.rebind — перепривязывает унаследованый метод для установки / получения значения к подклассу.
  • d3.dispatch — создаёт пользовательский диспетчер событий.
  • dispatch.on — регистрирует и дерегистрирует слушатель событий.
  • dispatch.type — перенаправляет событие в зарегистрированные слушатели.

Шкалы (d3.scale)

Количественые шкалы

  • d3.scale.linear — конструирует линейную количественную шкалу.
  • linear — возвращает значение диапазона, соответствующее переданному значению домена.
  • linear.invert — возвращает значения домена, соответствующее переданному значению диапазона.
  • linear.domain — возвращает / устанавливает входной домен шкалы.
  • linear.range — возвращает / устанавливает выходной диапазон шкалы.
  • linear.rangeRound — устанавливает выходной диапазон шкалы и включает округление.
  • linear.interpolate — возвращает / устанавливает функцию интерполяции выходных значений шкалы.
  • linear.clamp — включает / отключает отсечение выходного диапазона.
  • linear.nice — расширяет домен шкалы для симпатичного округления чисел.
  • linear.ticks — возвращает типичные значения из входного домена для использования в качестве засечек на шкале.
  • linear.tickFormat — возвращает функцию форматирования для отображения значений засечек.
  • linear.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.sqrt — конструирует количественную шкалу с преобразованием квадратного корня.
  • d3.scale.pow — конструирует количественную шкалу с экспоненциальным преобразованием.
  • pow — возвращает значение диапазона, соответствующее переданному значению домена.
  • pow.invert — возвращает значения домена, соответствующее переданному значению диапазона.
  • pow.domain — возвращает / устанавливает входной домен шкалы.
  • pow.range — возвращает / устанавливает выходной диапазон шкалы.
  • pow.rangeRound — устанавливает выходной диапазон шкалы и включает округление.
  • pow.interpolate — возвращает / устанавливает функцию интерполяции выходных значений шкалы.
  • pow.clamp — включает / отключает отсечение выходного диапазона.
  • pow.nice — расширяет домен шкалы для симпатичного округления чисел.
  • pow.ticks — возвращает типичные значения из входного домена для использования в качестве засечек на шкале.
  • pow.tickFormat — возвращает функцию форматирования для отображения значений засечек.
  • pow.exponent — возвращает / устанавливает степень экспоненты.
  • pow.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.log — конструирует количественную шкалу с логарифмическим преобразованием.
  • log — возвращает значение диапазона, соответствующее переданному значению домена.
  • log.invert — возвращает значения домена, соответствующее переданному значению диапазона.
  • log.domain — возвращает / устанавливает входной домен шкалы.
  • log.range — возвращает / устанавливает выходной диапазон шкалы.
  • log.rangeRound — устанавливает выходной диапазон шкалы и включает округление.
  • log.interpolate — возвращает / устанавливает функцию интерполяции выходных значений шкалы.
  • log.clamp — включает / отключает отсечение выходного диапазона.
  • log.nice — расширяет домен шкалы для симпатичного округления чисел.
  • log.ticks — возвращает типичные значения из входного домена для использования в качестве засечек на шкале.
  • log.tickFormat — возвращает функцию форматирования для отображения значений засечек.
  • log.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.quantize — конструирует линейную количественную шкалу с дискретным выходным диапазоном.
  • quantize — возвращает значение диапазона, соответствующее переданному значению домена.
  • quantize.invertExtent — возвращает значения домена, соответствующее переданному значению диапазона.
  • quantize.domain — возвращает / устанавливает входной домен шкалы.
  • quantize.range — возвращает / устанавливает выходной диапазон шкалы (как дискретные значения).
  • quantize.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.threshold — конструирует пороговую шкалу с дискретным выходным диапазоном.
  • threshold — возвращает значение диапазона, соответствующее переданному значению домена.
  • threshold.invertExtent — возвращает значения домена, соответствующее переданному значению диапазона.
  • threshold.domain — возвращает / устанавливает входной домен шкалы.
  • threshold.range — возвращает / устанавливает выходной диапазон шкалы (как дискретные значения).
  • threshold.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.quantile — конструирует количественную шкалу, отображаемую на квантили.
  • quantile — возвращает значение диапазона, соответствующее переданному значению домена.
  • quantile.invertExtent — возвращает значения домена, соответствующее переданному значению диапазона.
  • quantile.domain — возвращает / устанавливает входной домен шкалы (как дискретные значения).
  • quantile.range — возвращает / устанавливает выходной диапазон шкалы (как дискретные значения).
  • quantile.quantiles — возвращает пороговые значения для квантилей.
  • quantile.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.identity — конструирует линейную единичную функцию.
  • identity — единичная функция.
  • identity.invert — эквивалентна identity; единичная функция.
  • identity.domain — возвращает / устанавливает входной домен и выходной диапазон шкалы.
  • identity.range — эквивалентна identity.domain.
  • identity.ticks — возвращает типичные значения из входного домена для использования в качестве засечек на шкале.
  • identity.tickFormat — возвращает функцию форматирования для отображения значений засечек.
  • identity.copy — создаёт новую шкалу из существующей шкалы.

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

  • d3.scale.ordinal — конструирует порядковую шкалу.
  • ordinal — возвращает значение диапазона, соответствующее переданному значению домена.
  • ordinal.domain — возвращает / устанавливает входной домен шкалы.
  • ordinal.range — возвращает / устанавливает выходной диапазон шкалы.
  • ordinal.rangePoints — делит непрерывный выходной диапазон на дискретные точки.
  • ordinal.rangeBands — делит непрерывный выходной диапазон на дискретные полосы.
  • ordinal.rangeRoundBands — делит непрерывный выходной диапазон на дискретные полосы.
  • ordinal.rangeBand — возвращает ширину дискретной полосы.
  • ordinal.rangeExtent — возвращает минимальное и максимальное значения для выходного диапазона.
  • ordinal.copy — создаёт новую шкалу из существующей шкалы.
  • d3.scale.category10 — конструирует порядковую шкалу с десятью цветами для категорий.
  • d3.scale.category20 — конструирует порядковую шкалу с двадцатью цветами для категорий.
  • d3.scale.category20b — конструирует порядковую шкалу с двадцатью цветами для категорий.
  • d3.scale.category20c — конструирует порядковую шкалу с двадцатью цветами для категорий.

SVG (d3.svg)

Фигуры

  • d3.svg.line — создаёт новый генератор линий.
  • line — генерирует кусочно-линейную кривую, как в линейной диаграмме.
  • line.x — возвращает / устанавливает функцию доступа к x-координате.
  • line.y — возвращает / устанавливает функцию доступа к y-координате.
  • line.interpolate — возвращает / устанавливает режим интерполяции.
  • line.tension — возвращает / устанавливает коэффициент натяжения кардинального сплайна.
  • line.defined — контролирует, определена ли линия для указанной точки.
  • d3.svg.line.radial — создаёт новый генератор радиальных линий в полярных координатах.
  • line — генерирует кусочно-линейную кривую, как в лепестковой диаграмме.
  • line.radius — возвращает / устанавливает функцию доступа к радиусу.
  • line.angle — возвращает / устанавливает функцию доступа к углу.
  • line.defined — контролирует, определена ли линия для указанной точки.
  • d3.svg.area — создаёт новый генератор областей.
  • area — генерирует область, ограниченную кусочно-линейной кривой, как в диаграмме с областями.
  • area.x — возвращает / устанавливает функцию доступа к x-координате.
  • area.x0 — возвращает / устанавливает функцию доступа к x0-координате (базовой линии).
  • area.x1 — возвращает / устанавливает функцию доступа к x1-координате (верхней линии).
  • area.y — возвращает / устанавливает функцию доступа к y-координате.
  • area.y0 — возвращает / устанавливает функцию доступа к y0-координате (базовой линии).
  • area.y1 — возвращает / устанавливает функцию доступа к y1-координате (верхней линии).
  • area.interpolate — возвращает / устанавливает режим интерполяции.
  • area.tension — возвращает / устанавливает коэффициент натяжения кардинального сплайна.
  • area.defined — контролирует, определена ли область для указанной точки.
  • d3.svg.area.radial — создаёт новый генератор областей в полярных координатах.
  • area — генерирует область, ограниченную кусочно-линейной кривой, как в диаграмме с областями в полярных координатах.
  • area.radius — возвращает / устанавливает функцию доступа к радиусу.
  • area.innerRadius — возвращает / устанавливает функцию доступа к внутреннему радиусу (базовой линии).
  • area.outerRadius — возвращает / устанавливает функцию доступа к внешнему радиусу (верхней линии).
  • area.angle — возвращает / устанавливает функцию доступа к углу.
  • area.startAngle — возвращает / устанавливает функцию доступа к начальному углу (базовой линии).
  • area.endAngle — возвращает / устанавливает функцию доступа к конечному углу (верхней линии).
  • area.defined — контролирует, определена ли область для указанной точки.
  • d3.svg.arc — создаёт новый генератор колец.
  • arc — генерирует сплошное кольцо, как в круговой или кольцевой диаграммах.
  • arc.innerRadius — возвращает / устанавливает функцию доступа к внутреннему радиусу.
  • arc.outerRadius — возвращает / устанавливает функцию доступа к внешнему радиусу.
  • arc.startAngle — возвращает / устанавливает функцию доступа к начальному углу.
  • arc.endAngle — возвращает / устанавливает функцию доступа к конечному углу.
  • arc.centroid — вычисляет центр масс кольца.
  • d3.svg.symbol — создаёт новый генератор символов.
  • symbol — генерирует категориальные символы, как в диаграмме рассеяния.
  • symbol.type — возвращает / устанавливает функцию доступа к типу символа.
  • symbol.size — возвращает / устанавливает функцию доступа к размеру символа (в квадратных пикселях).
  • d3.svg.symbolTypes — массив поддерживаемых типов символов.
  • d3.svg.chord — создаёт новый генератор хорд.
  • chord — генерирует квадратичную кривую Безье, соединяющую две дуги, как в хордовой диаграмме.
  • chord.radius — возвращает / устанавливает функцию доступа к радиусу дуги.
  • chord.startAngle — возвращает / устанавливает функцию доступа к начальному углу дуги.
  • chord.endAngle — возвращает / устанавливает функцию доступа к конечному углу дуги.
  • chord.source — возвращает / устанавливает функцию доступа к исходной дуге.
  • chord.target — возвращает / устанавливает функцию доступа к целевой дуге.
  • d3.svg.diagonal — создаёт новый генератор диагоналей.
  • diagonal — генерирует двумерный коннектор Безье, как в диаграмме узлов со связями.
  • diagonal.source — возвращает / устанавливает функцию доступа к исходной точке.
  • diagonal.target — возвращает / устанавливает функцию доступа к целевой точке.
  • diagonal.projection — возвращает / устанавливает необязательную трансформацию точек.
  • d3.svg.diagonal.radial — создаёт новый генератор радиальных диагоналей.
  • diagonal — генерирует двумерный коннектор Безье, как в диаграмме узлов со связями.

Оси

  • d3.svg.axis — создаёт новый генератор осей.
  • axis — создаёт или обновляет ось по указанной выборке или переходу.
  • axis.scale — возвращает / устанавливает масштаб оси.
  • axis.orient — возвращает / устанавливает ориентацию оси.
  • axis.ticks — контролирует, какие засечки будут генерироваться на оси.
  • axis.tickValues — явно устанавливает значения засечек.
  • axis.tickSize — устанавливает размер главных, промежуточных и конечных засечек.
  • axis.innerTickSize — устанавливает размер внутренних засечек.
  • axis.outerTickSize — устанавливает размер внешних засечек.
  • axis.tickPadding — устанавливает поля между засечками и их подписями.
  • axis.tickFormat — переопределяет форматирование для подписей засечек.

Элементы управления

  • d3.svg.brush — создаёт кисть для выбора одно- или двумерного региона.
  • brush — применяет кисть к указанной выборке или переходу.
  • brush.x — масштаб кисти по оси x для горизонтального перемещения кисти.
  • brush.y — масштаб кисти по оси y для вертикального перемещения кисти.
  • brush.extent — размеры кисти в нуле, одном и двух измерениях.
  • brush.clear — сбрасывает размеры кисти.
  • brush.empty — определяет, пустые ли размеры кисти.
  • brush.on — устанавливает слушатели событий движения кисти.
  • brush.event — перенаправляет события кисти после установки размеров.

Работа со временем (d3.time)

Форматирование времени

  • d3.time.format — создаёт новую функцию форматирования локального времени по указанному спецификатору.
  • format — переводит дату в строку.
  • format.parse — разбирает строку и переводит её в дату.
  • d3.time.format.multi — создаёт новую функцию форматирования локальной даты с несколькими временн́ыми разрешениями.
  • d3.time.format.utc — создаёт новую функцию форматирования времени UTC по указанному спецификатору.
  • d3.time.format.iso — функция форматирования времени UTC по стандарту ISO 8601.

Временн́ые шкалы

  • d3.time.scale — конструирует линейную временную шкалу.
  • scale — возвращает значение диапазона, соответствующее переданному значению домена.
  • scale.invert — возвращает значения домена, соответствующее переданному значению диапазона.
  • scale.domain — возвращает / устанавливает входной домен шкалы.
  • scale.range — возвращает / устанавливает выходной диапазон шкалы.
  • scale.rangeRound — устанавливает выходной диапазон шкалы и включает округление.
  • scale.interpolate — возвращает / устанавливает функцию интерполяции выходных значений шкалы.
  • scale.clamp — включает / отключает отсечение выходного диапазона.
  • scale.nice — расширяет домен шкалы для симпатичного округления чисел.
  • scale.ticks — возвращает типичные значения из входного домена для использования в качестве засечек на шкале.
  • scale.tickFormat — возвращает функцию форматирования для отображения значений засечек.
  • scale.copy — создаёт новую шкалу из существующей шкалы.

Временн́ые интервалы

  • d3.time.interval — временной интервал локального времени.
  • interval — псевдоним для interval.floor.
  • interval.range — возвращает даты внутри указанного диапазона.
  • interval.floor — округляет вниз до ближайшего интервала.
  • interval.round — округляет вверх или вниз до ближайшего интервала.
  • interval.ceil — округляет вверх до ближайшего интервала.
  • interval.offset — возвращает смещение даты от указанного интервала.
  • interval.utc — возвращает UTC-эквивалент временного интервала.
  • d3.time.day — каждый день (в 12:00 часов дня).
  • d3.time.days — псевдоним для day.range.
  • d3.time.dayOfYear — вычисляет номер дня.
  • d3.time.hour — каждый час (например, в 1:00 ночи).
  • d3.time.hours — псевдоним для hour.range.
  • d3.time.minute — каждую минуту (например, в 1:02 ночи).
  • d3.time.minutes — псевдоним для minute.range.
  • d3.time.month — каждый месяц (например, 1 февраля, в 12:00 часов дня).
  • d3.time.months — псевдоним для month.range.
  • d3.time.second — каждую секунду (например, 1:02:03 ночи).
  • d3.time.seconds — псевдоним для second.range.
  • d3.time.sunday — каждое воскресенье (например, 5 февраля, в 12:00 часов дня).
  • d3.time.sundays — псевдоним для sunday.range.
  • d3.time.sundayOfYear — вычисляет номер недели в предположении, что воскресенье является первым днём.
  • d3.time.monday — каждый понедельник (например, 5 февраля, в 12:00 часов дня).
  • d3.time.mondays — псевдоним для monday.range.
  • d3.time.mondayOfYear — вычисляет номер недели в предположении, что понедельник является первым днём.
  • d3.time.tuesday — каждый вторник (например, 5 февраля, в 12:00 часов дня).
  • d3.time.tuesdays — псевдоним для tuesday.range.
  • d3.time.tuesdayOfYear — вычисляет номер недели в предположении, что вторник является первым днём.
  • d3.time.wednesday — каждую среду (например, 5 февраля, в 12:00 часов дня).
  • d3.time.wednesdays — псевдоним для wednesday.range.
  • d3.time.wednesdayOfYear — вычисляет номер недели в предположении, что среда является первым днём.
  • d3.time.thursday — каждый четверг (например, 5 февраля, в 12:00 часов дня).
  • d3.time.thursdays — псевдоним для thursday.range.
  • d3.time.thursdayOfYear — вычисляет номер недели в предположении, что четверг является первым днём.
  • d3.time.friday — каждую пятницу (например, 5 февраля, в 12:00 часов дня).
  • d3.time.fridays — псевдоним для friday.range.
  • d3.time.fridayOfYear — вычисляет номер недели в предположении, что пятница является первым днём.
  • d3.time.saturday — каждую субботу (например, 5 февраля, в 12:00 часов дня).
  • d3.time.saturdays — псевдоним для saturday.range.
  • d3.time.saturdayOfYear — вычисляет номер недели в предположении, что суббота является первым днём.
  • d3.time.week — псевдоним для sunday.
  • d3.time.weeks — псевдоним для sunday.range.
  • d3.time.weekOfYear — псевдоним для sundayOfYear.
  • d3.time.year — каждый год (например, 1 января в 12:00).
  • d3.time.years — псевдоним для year.range.

Компоновки (d3.layout)

Пакетная компоновка

  • d3.layout.bundle — конструирует новую пакетную компоновкe.
  • bundle — применяет к рёбрам алгоритм иерархического связывания Холтена.

Хордовая компоновка

  • d3.layout.chord — конструирует хордовую диаграмму из матрицы связей.
  • chord.matrix — возвращает / устанавливает данные матрицы для компоновкb.
  • chord.padding — возвращает / устанавливает угловые поля между сегментами хорд.
  • chord.sortGroups — возвращает / устанавливает функцию сравнения групп.
  • chord.sortSubgroups — возвращает / устанавливает функцию сравнения подгрупп.
  • chord.sortChords — возвращает / устанавливает функцию сравнения хорд (порядок наложения).
  • chord.chords — возвращает рассчитанные углы хорд.
  • chord.groups — возвращает рассчитанные углы групп.

Кластерная компоновка

  • d3.layout.cluster — кластеризует записи в дендрограмму.
  • cluster — псевдоним для cluster.nodes.
  • cluster.nodes — вычисляет кластерную компоновку и возвращает массив узлов.
  • cluster.links — вычисляет связи между родителями и потомками узлов дерева.
  • cluster.children — возвращает / устанавливает функцию доступа для дочерних узлов.
  • cluster.sort — возвращает / устанавливает функцию сравнения для соседних узлов.
  • cluster.separation — возвращает / устанавливает функцию определения шага между смежными узлами.
  • cluster.size — возвращает / устанавливает размер компоновки по осям x и y.
  • cluster.nodeSize — определяет фиксированный размер для каждого узла.

Компоновка силовыми полями

  • d3.layout.force — размещает связанные узлы с помощью физического моделирования.
  • force.on — слушает обновления в рассчитанных позициях компоновки.
  • force.nodes — возвращает / устанавливает массив узлов в компоновке.
  • force.links — возвращает / устанавливает массив связей между узлами.
  • force.size — возвращает / устанавливает размер компоновки по осям x и y.
  • force.linkDistance — возвращает / устанавливает расстояние связи.
  • force.linkStrength — возвращает / устанавливает силу связи.
  • force.friction — возвращает / устанавливает коэффициент трения.
  • force.charge — возвращает / устанавливает силу заряда.
  • force.chargeDistance — возвращает / устанавливает максимальную дистанцию, на которой действует заряд.
  • force.gravity — возвращает / устанавливает силу притяжения.
  • force.theta — возвращает / устанавливает точность взаимодействия зарядов.
  • force.start — запускает / перезапускает моделирование при изменении узлов.
  • force.resume — разогревает параметр охлаждения и перезапускает моделирование.
  • force.stop — немедленно прекращает моделирование.
  • force.alpha — возвращает / устанавливает параметр охлаждения.
  • force.tick — выполняет один тик моделирования.
  • force.drag — привязывает поведение к узлам для разрешения интерактивного взаимодействия с компоновкой.

Иерархическая компоновка

  • d3.layout.hierarchy — выводит пользовательскую иерархическую компоновку.
  • hierarchy — псевдоним для hierarchy.nodes.
  • hierarchy.nodes — вычисляет компоновку и возвращает массив узлов.
  • hierarchy.links — вычисляет связи между родителями и потомками узлов дерева.
  • hierarchy.children — возвращает / устанавливает функцию доступа для дочерних узлов.
  • hierarchy.sort — возвращает / устанавливает функцию сравнения для соседних узлов.
  • hierarchy.value — возвращает / устанавливает функцию доступа.
  • hierarchy.revalue — перевычисляет иерархические значения.

Гистограмма

  • d3.layout.histogram — конструирует новую гистограмму.
  • histogram — вычисляет распределение данных, используя квантованные корзины.
  • histogram.value — возвращает / устанавливает функцию доступа.
  • histogram.range — возвращает / устанавливает диапазон расматриваемых значений.
  • histogram.bins — определяет способ размещения значений в корзины.
  • histogram.frequency — вычисляет распределение по количеству значений или из их вероятности.

Компоновка с упаковкой

  • d3.layout.pack — производит иерархическую компоновку, используя рекурсивную упаковку кругов.
  • pack — псевдоним для pack.nodes.
  • pack.nodes — вычисляет компоновку и возвращает массив узлов.
  • pack.links — вычисляет связи между родителями и потомками узлов дерева.
  • pack.children — возвращает / устанавливает функцию доступа к потомкам.
  • pack.sort — контролирует порядок обхода соседних узлов.
  • pack.value — возвращает / устанавливает функцию доступа к размерам кругов.
  • pack.size — определяет размер компоновки по осям x и y.
  • pack.radius — определяет радиус узлов вместо его выведения из значения.
  • pack.padding — определяет поля компоновки в пикселях (приблизительно).

Компоновка с разделением

  • d3.layout.partition — рекурсивно разбивает дерево узлов на «солнечные лучи» или «сосульки».
  • partition — псевдоним для partition.nodes.
  • partition.nodes — вычисляет компоновку и возвращает массив узлов.
  • partition.links — вычисляет связи между родителями и потомками узлов дерева.
  • partition.children — возвращает / устанавливает функцию доступа к потомкам.
  • partition.sort — контролирует порядок обхода соседних узлов.
  • partition.value — возвращает / устанавливает функцию доступа к размерам кругов.
  • partition.size — определяет размер компоновки по осям x и y.

Круговая компоновка

  • d3.layout.pie — конструирует новую круговую компоновку.
  • pie — вычисляет начальные и конечные углы для дуг в круговой или кольцевой диаграмме.
  • pie.value — возвращает / устанавливает функцию доступа.
  • pie.sort — контролирует порядок обхода (по часовой стрелке или против) долей.
  • pie.startAngle — возвращает / устанавливает общий начальный угол диаграммы.
  • pie.endAngle — возвращает / устанавливает общий конечный угол диаграммы.

Стековая компоновка

  • d3.layout.stack — конструирует новую стековую компоновку.
  • stack — вычисляет базовую линию для каждой серии в столбчатой диаграмме или диаграмме с областями.
  • stack.values — возвращает / устанавливает функцию для каждой серии.
  • stack.order — контролирует порядок наслоения серий.
  • stack.offset — определяет алгоритм вычисления общей базовой линии.
  • stack.x — возвращает / устанавливает функцию доступа к x-координате.
  • stack.y — возвращает / устанавливает функцию доступа к y-координате.
  • stack.out — возвращает / устанавливает функцию определения выхода для сохранения базовой линии.

Древовидная компоновка

  • d3.layout.tree — аккуратно позиционирует дерево узлов.
  • tree — псевдоним для tree.nodes.
  • tree.nodes — вычисляет компоновку и возвращает массив узлов.
  • tree.links — вычисляет связи между родителями и потомками узлов дерева.
  • tree.children — возвращает / устанавливает функцию доступа к потомкам.
  • tree.sort — контролирует порядок обхода соседних узлов.
  • tree.separation — возвращает / устанавливает функцию определения шага между смежными узлами.
  • tree.size — определяет размер компоновки по осям x и y.
  • tree.nodeSize — определяет фиксированный размер для каждого узла.

Дендроплан

  • d3.layout.treemap — использует рекурсивное разделение плоскости для отображения дерева узлов.
  • treemap — псевдоним для treemap.nodes.
  • treemap.nodes — вычисляет компоновку и возвращает массив узлов.
  • treemap.links — вычисляет связи между родителями и потомками узлов дерева.
  • treemap.children — возвращает / устанавливает функцию доступа к потомкам.
  • treemap.sort — контролирует порядок обхода соседних узлов.
  • treemap.value — возвращает / устанавливает функцию доступа к размерам ячеек.
  • treemap.size — определяет размер компоновки по осям x и y.
  • treemap.padding — определяет поля между родителями и их потомками.
  • treemap.round — включает / выключает округление для точного наложения на пиксели.
  • treemap.sticky — делает компоновку «липучей» для стабильности обновления.
  • treemap.mode — изменяет алгоритм раскладки дерева на плоскости.

География (d3.geo)

Географические траектории

  • d3.geo.path — создаёт новый генератор географический траекторий.
  • path — проецирует указанную деталь и отрисовывает её на контексте визуализации.
  • path.projection — возвращает / устанавливает географическую проекцию.
  • path.context — возвращает / устанавливает контекст визуализации.
  • path.pointRadius — возвращает / устанавливает радиус отрисовываемых точек.
  • path.area — вычисляет спроецированную площадь указанной детали.
  • path.centroid — вычисляет спроецированный центр масс указанной детали.
  • path.bounds — вычисляет спроецированные границы указанной детали.
  • d3.geo.graticule — создаёт генератор сетки.
  • graticule — генерирует MultiLineString меридианов и параллелей.
  • graticule.lines — генерирует массив LineStrings меридианов и параллелей.
  • graticule.outline — генерирует Polygon по размерам сетки.
  • graticule.extent — возвращает / устанавливает старший и младший размеры.
  • graticule.majorExtent — возвращает / устанавливает старший размер.
  • graticule.minorExtent — возвращает / устанавливает младший размер.
  • graticule.step — возвращает / устанавливает старший и младший интервальные шаги.
  • graticule.majorStep — возвращает / устанавливает старший интервальный шаг.
  • graticule.minorStep — возвращает / устанавливает младший интервальный шаг.
  • graticule.precision — возвращает / устанавливает широтную точность.
  • d3.geo.circle — создаёт генератор кругов.
  • circle — генерирует круг по кусочкам как Polygon.
  • circle.origin — определяет начало координат для широты и долготы.
  • circle.angle — определяет угловой радиус в градусах.
  • circle.precision — определяет точность кусочков круга.
  • d3.geo.area — вычисляет сферическую площадь указанной детали.
  • d3.geo.bounds — вычисляет ограничивающий прямоугольник по широте и долготе указанной детали.
  • d3.geo.centroid — вычисляет сферический центр масс указанной детали.
  • d3.geo.distance — вычисляет расстояние по большой дуге между двумя точками.
  • d3.geo.interpolate — интерполируез значения между двумя точками по большой дуге.
  • d3.geo.length — вычисляет длину строковой линии или периметр многоугольника.
  • d3.geo.rotation — создаёт функцию вращения на указанные углы [λ, φ, γ].
  • rotation — вращает указанное местоположение вокруг сферы.
  • rotation.invert — вращает указанное местоположение вокруг сферы в обратную сторону.

Географические проекции

  • d3.geo.projection — создаёт стандартную проекцию из сырой проекции.
  • projection — проецирует указанное местоположение.
  • projection.invert — инвертирует проекцию для указанной точки.
  • projection.rotate — возвращает / устанавливает трёхосное вращение проекции.
  • projection.center — возвращает / устанавливает местоположение центра проецирования.
  • projection.translate — возвращает / устанавливает смещение позиции проецирования.
  • projection.scale — возвращает / устанавливает масштаб проецирования.
  • projection.clipAngle — возвращает / устанавливает радиус обрезающего проекцию круга.
  • projection.clipExtent — возвращает / устанавливает размеры проекционного окна, в пикселях.
  • projection.precision — возвращает / устанавливает порого точности адаптивной дискретизации.
  • projection.stream — оборачивает указанный слушатель потока, проецирующий входную геометрию.
  • d3.geo.projectionMutator — создаёт стандартную проекцию из изменяемой сырой проекции.
  • d3.geo.albers — равновеликая коническая проекция Альберса.
  • albers.parallels — возвращает / устанавливает проекцию двух стандартных паралелей.
  • d3.geo.albersUsa — сквозная проекция Альберса для Соединённых Штатов Америки.
  • d3.geo.azimuthalEqualArea — равновеликая азимутальная проекция.
  • d3.geo.azimuthalEquidistant — равнопромежуточная азимутальная проекция.
  • d3.geo.conicConformal — конформная коническая проекция.
  • d3.geo.conicEquidistant — равнопромежуточная коническая проекция.
  • d3.geo.conicEqualArea равновеликая коническая проекция Альберса.
  • d3.geo.equirectangular — равнопромежуточная проекция Плате-Карре.
  • d3.geo.gnomonic — гномоническая проекция.
  • d3.geo.mercator — сферическая проекция Меркатора.
  • d3.geo.orthographic — ортографическая азимутальная проекция.
  • d3.geo.stereographic — стереографическая азимутальная проекция.
  • d3.geo.azimuthalEqualArea.raw — сырая равновеликая азимутальная проекция.
  • d3.geo.azimuthalEquidistant.raw — сырая равнопромежуточная азимутальная проекция.
  • d3.geo.conicConformal.raw — сырая конформная коническая проекция.
  • d3.geo.conicEquidistant.raw — сырая равнопромежуточная коническая проекция.
  • d3.geo.conicEqualArea.raw — сырая равновеликая коническая проекция Альберса.
  • d3.geo.equirectangular.raw — сырая равнопромежуточная проекция Плате-Карре.
  • d3.geo.gnomonic.raw — сырая гномоническая проекция.
  • d3.geo.mercator.raw — сырая проекция Меркатора.
  • d3.geo.orthographic.raw — сырая азимутальная ортографическая проекция.
  • d3.geo.stereographic.raw — сырая азимутальная стереографическая проекция.
  • d3.geo.transverseMercator.raw — сырая поперечная проекция Меркатора.

Геометрические потоки

  • d3.geo.stream — конвертирует объект GeoJSON в геометрический поток.
  • stream.point — указывает на координаты x, y (и необязательную z).
  • stream.lineStart — указывает на начало линии кольца.
  • stream.lineEnd — указывает на конец линии кольца.
  • stream.polygonStart — указывает на начало многоугольника.
  • stream.polygonEnd — указывает на конец многоугольника.
  • stream.sphere — указывает на сферу.
  • d3.geo.transform — преобразует потоковую геометрию.
  • transform.stream — оборачивает указанный поток.
  • d3.geo.clipExtent — преобразование потока, которое обрезает геометрию указанным прямоугольником, выровненным по осям координат.
  • clipExtent.extent — устанавливает размеры обрезания.

Геометрия (d3.geom)

Диаграмма Вороного

  • d3.geom.voronoi — создаёт диаграмму Вороного с функциями доступа по умолчанию.
  • voronoi — вычисляет разбиение Вороного для указанных точек.
  • voronoi.x — возвращает / устанавливает функцию доступа к x-координате для каждой точки.
  • voronoi.y — возвращает / устанавливает функцию доступа к y-координате для каждой точки.
  • voronoi.clipExent — возвращает / устанавливает размеры отсечения для разбиения.
  • voronoi.links — вычисляет сетку Делане как сеть связей.
  • voronoi.triangles — вычисляет сетку Делане как разбиение на треугольники.

Квадродерево

  • d3.geom.quadtree — конструирует кводродерево для массива точек.
  • quadtree.add — добавляет точку в квадродерево.
  • quadtree.visit — рекурсивно обходит узлы квадродерева.

Многоугольник

  • d3.geom.polygon — создаёт многоугольник из указанного массива точек.
  • polygon.area — вычисляет полощадь текущего многоугольника обходом против часовой стрелки.
  • polygon.centroid — сычисляет центр масс текущего многоугольника.
  • polygon.clip — обрезает указанный многоугольник текущим многоугольником.

Оболочка

  • d3.geom.hull — создаёт выпуклую оболочку с функциями доступа по умолчанию.
  • hull — вычисляет выпуклую оболочку для указанного массива точек.
  • hull.x — возвращает / устанавливает функцию доступа к x-координате.
  • hull.y — возвращает / устанавливает функцию доступа к y-координате.

Поведение (d3.behavior)

Перетаскивание

Масштабирование

  • d3.behavior.zoom — создаёт поведение масштабирования.
  • zoom — применяет поведение масштабирования к выбранным элементам.
  • zoom.scale — текущий месштабный коэффициент.
  • zoom.translate — текущее смещение.
  • zoom.scaleExtent — необязательные ограничения на масштабный коэффициент.
  • zoom.center — необязательная фокальная точка для масштабирования с помощью колёсика мыши.
  • zoom.size — размеры окна просмотра.
  • zoom.x — необязательный масштаб, чей домен связан с размером по оси x области просмотра.
  • zoom.y — необязательный масштаб, чей домен связан с размером по оси y области просмотра.
  • zoom.on — слушатели изменений масштаба и смещения.
  • zoom.event — перенаправляет события масштабирования после установки масштаба или смещения.