freeCodeCamp/guide/russian/d3/index.md

3.8 KiB
Raw Blame History

title localeTitle
D3 D3

D3: Документы, управляемые данными

Документированные документы (D3.js) - это библиотека JavaScript для создания динамических интерактивных визуализаций данных в веб-браузерах. API D3.js содержит различные методы, которые могут быть сгруппированы в следующие логические единицы: выбор , переходы , массивы , математика , цвет , весы , SVG , время , макеты , география , геометрия , поведение .

Логотип D3.js

D3.js помогает визуализировать данные, комбинируя мощные методы визуализации и взаимодействия с подходом, основанным на данных, к манипуляции с DOM. Он также предоставляет полные возможности современных браузеров, создавая правильный визуальный интерфейс для ваших данных.

Версия D3.js 1.0.0 была выпущена еще 18 февраля 2011 года.

Почему, D3.js?

D3 * не вводит новое визуальное представление. В отличие от обработки , Raphaël или Protovis , словарный запас графических меток D3 поступает непосредственно из веб-стандартов: HTML, SVG и CSS - https://d3js.org/

Начать

Есть более 20 000 + примеров D3.js, из которых вы могли бы научиться, но вы никогда не знаете, насколько доступным будет любой данный! Итак, возникает вопрос: как вы создаете свою визуализацию с первых принципов? Как вы, наверное, видели, API D3 массивный, поэтому позволяет вызывать несколько утилит, которые будут особенно полезны на раннем этапе:

  • d3 масштаба

  • d3-форма

  • d3 выбора

  • d3-коллекция

  • d3-иерархия

  • d3-зум

  • d3-сила

Таким образом, имея лишь некоторые базовые знания о последних возможностях HTML5, таких как SVG, Canvas, вы можете погрузиться в мир, где библиотека, такая как D3.js, оживляет данные! ###### Вклад