Spec-Zone.ru › D3.js 3

D3.js

Справочник API

Все в D3 находится в пространстве имён d3.

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

См. один из:

  • Основной модуль - выборки, переходы, данные, локализация, цвета и т.д.
  • Масштабирование - преобразование между данными и визуальными кодированиями
  • SVG - средства для создания масштабируемых векторных графических изображений
  • Время - парсинг или форматирование времени, вычисление календарных интервалов и т.д.
  • Макеты - вычисление вторичных данных для позиционирования элементов
  • География - проектирование сферических координат, вычисления широты и долготы
  • Геометрия - средства для 2D геометрии, такие как диаграммы Вороного и квадродеревья
  • Поведения - многоразовые поведения для взаимодействия

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 - интерполяция двух 2D матричных преобразований.
  • 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.variance - вычисление дисперсии массива чисел.
  • d3.deviation - вычисление стандартного отклонения массива чисел.
  • 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.entries - вычисление оператора группировки, возвращающего массив кортежей ключ-значение.
  • d3.map - замена для ES6 map, так как объекты не являются хэшами!
  • 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 - вычисляет стандартную форму преобразования 2D матрицы.

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

  • 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 - переназначение унаследованного метода getter/setter для подкласса.
  • 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.base - получение или установка основания логарифма шкалы.
  • 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.rangeRoundPoints - деление непрерывного выходного диапазона для дискретных точек.
  • ordinal.rangeBands - деление непрерывного выходного диапазона для дискретных полос.
  • ordinal.rangeRoundBands - деление непрерывного выходного диапазона для дискретных полос.
  • ordinal.rangeBand - получение ширины дискретного диапазона.
  • ordinal.rangeExtent - получение минимального и максимального значений выходного диапазона.
  • ordinal.copy - создание новой шкалы из существующей.
  • d3.scale.category10 - построение порядковой шкалы с десятью категориальными цветами.
  • d3.scale.category20 - построение порядковой шкалы с двадцатью категориальными цветами.
  • d3.scale.category20b - построение порядковой шкалы с двадцатью категориальными цветами.
  • d3.scale.category20c - построение порядковой шкалы с двадцатью категориальными цветами.

d3.svg (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.interpolate - получение или установка режима интерполяции.
  • line.tension - получение или установка натяжения кардинальной сплайн-кривой.
  • 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.cornerRadius - получение или установка доступа к радиусу угла.
  • arc.padRadius - получение или установка доступа к радиусу отступа.
  • arc.startAngle - получение или установка доступа к начальному углу.
  • arc.endAngle - получение или установка доступа к конечному углу.
  • arc.padAngle - получение или установка доступа к углу отступа.
  • arc.centroid - вычисление центра дуги.
  • d3.svg.symbol - создание нового генератора символов.
  • symbol - генерация категорических символов, как в диаграмме рассеивания.
  • symbol.type - получение или установка доступа к типу символа.
  • symbol.size - получение или установка доступа к размеру символа (в квадратных пикселях).
  • d3.svg.symbolTypes - массив поддерживаемых типов символов.
  • d3.svg.chord - создание нового генератора хорд.
  • chord - генерация квадратичной Bézier-кривой, соединяющей две дуги, как в диаграмме хорд.
  • chord.radius - получение или установка доступа к радиусу дуги.
  • chord.startAngle - получение или установка доступа к начальному углу дуги.
  • chord.endAngle - получение или установка доступа к конечному углу дуги.
  • chord.source - получение или установка доступа к исходной дуге.
  • chord.target - получение или установка доступа к целевой дуге.
  • d3.svg.diagonal - создание нового генератора диагоналей.
  • diagonal - генерация двумерного соединителя Bézier, как в диаграмме связей узлов.
  • diagonal.source - получение или установка доступа к исходной точке.
  • diagonal.target - получение или установка доступа к целевой точке.
  • diagonal.projection - получение или установка опционального преобразования точки.
  • d3.svg.diagonal.radial - создание нового генератора радиальных диагоналей.
  • diagonal - генерация двумерного соединителя Bézier, как в диаграмме связей узлов.

Оси

  • 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.nice - расширение области шкалы до удобных круглых чисел.
  • scale.range - получение или установка выходного диапазона шкалы.
  • scale.rangeRound - установка выходного диапазона шкалы и включение округления.
  • scale.interpolate - получение или установка интерполятора выходного диапазона шкалы.
  • scale.clamp - включение или выключение фиксации выходного диапазона.
  • 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 - каждый день (00: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 февраля, 00:00).
  • d3.time.months - псевдоним для month.range.
  • d3.time.second - каждая секунда (например, 1:02:03).
  • d3.time.seconds - псевдоним для second.range.
  • d3.time.sunday - каждое воскресенье (например, 5 февраля, 00:00).
  • d3.time.sundays - псевдоним для sunday.range.
  • d3.time.sundayOfYear - вычисляет номер недели, начинающейся с воскресенья.
  • d3.time.monday - каждое понедельник (например, 5 февраля, 00:00).
  • d3.time.mondays - псевдоним для monday.range.
  • d3.time.mondayOfYear - вычисляет номер недели, начинающейся с понедельника.
  • d3.time.tuesday - каждое вторник (например, 5 февраля, 00:00).
  • d3.time.tuesdays - псевдоним для tuesday.range.
  • d3.time.tuesdayOfYear - вычисляет номер недели, начинающейся со вторника.
  • d3.time.wednesday - каждое среду (например, 5 февраля, 00:00).
  • d3.time.wednesdays - псевдоним для wednesday.range.
  • d3.time.wednesdayOfYear - вычисляет номер недели, начинающейся со среды.
  • d3.time.thursday - каждое четверг (например, 5 февраля, 00:00).
  • d3.time.thursdays - псевдоним для thursday.range.
  • d3.time.thursdayOfYear - вычисляет номер недели, начинающейся с четверга.
  • d3.time.friday - каждое пятницу (например, 5 февраля, 00:00).
  • d3.time.fridays - псевдоним для friday.range.
  • d3.time.fridayOfYear - вычисляет номер недели, начинающейся с пятницы.
  • d3.time.saturday - каждое субботу (например, 5 февраля, 00: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 января, 00:00).
  • d3.time.years - псевдоним для year.range.

d3.layout (Макеты)

Связка

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

Аккорд

  • d3.layout.chord - создать диаграмму аккордов из матрицы отношений.
  • chord.matrix - получить или установить матричные данные, лежащие в основе макета.
  • chord.padding - получить или установить угловое отступы между сегментами аккордов.
  • chord.sortGroups - получить или установить функцию сравнения для групп.
  • chord.sortSubgroups - получить или установить функцию сравнения для подгрупп.
  • chord.sortChords - получить или установить функцию сравнения для аккордов (порядок z).
  • 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 - получить или установить конечный угол круговой диаграммы.
  • pie.padAngle - получить или установить угол отступа круговой диаграммы.

Укладка

  • 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 - сгенерировать Многоугольник границ сетки.
  • graticule.extent - получить или установить основные и второстепенные пределы.
  • graticule.majorExtent - получить или установить основной предел.
  • graticule.minorExtent - получить или установить второстепенный предел.
  • graticule.step - получить или установить основные и второстепенные интервалы шагов.
  • graticule.majorStep - получить или установить основные интервалы шагов.
  • graticule.minorStep - получить или установить второстепенные интервалы шагов.
  • graticule.precision - получить или установить точность по широте.
  • d3.geo.circle - создать генератор окружности.
  • circle - сгенерировать круговую кривую как Многоугольник.
  • 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.clipExtent - получение или установка области обрезки для тесселяции.
  • voronoi.links - вычисление сетки Делоне в виде сети связей.
  • voronoi.triangles - вычисление сетки Делоне как треугольной тесселяции.

Четвертичное дерево

  • d3.geom.quadtree - построение четвертичного дерева для массива точек.
  • quadtree.add - добавление точки в четвертичное дерево.
  • quadtree.visit - рекурсивный обход узлов в четвертичном дереве.
  • quadtree.find - поиск ближайшей точки в четвертичном дереве.

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

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

Огибающая

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

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

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

  • d3.behavior.drag
  • drag.origin
  • drag.on

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

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

© 2010–2016 Michael Bostock
Licensed under the BSD License.
https://github.com/d3/d3-3.x-api-reference/blob/master/API-Reference.md

Spec-Zone.ru

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