Слияние кода завершено, страница обновится автоматически
Введение в изучение D3, включая простые примеры.
Важным аспектом является первое условие, в рамках которого будут охвачены все концепции D3, такие как: выбор, связывание, запрос данных, масштабирование, обработка событий и трансформация.
D3.js — это JavaScript-библиотека для создания пользовательских интерактивных графиков на веб-страницах.
D3 расшифровывается как Data-Driven Documents, откуда берётся его сокращение D3.
В отличие от большинства библиотек для создания графиков (например:Echarts), которые предоставляют готовые графики, D3 состоит из множества базовых компонентов, которые можно использовать для создания пользовательских графиков или карт.
Создание вышеупомянутого столбчатого графика с помощью echarts.js требует нескольких строк кода,однако создание такого же графика с помощью D3 будет сложнее, так как он предоставляет более низкоуровневые методы (более детализированные). Для этого потребуется опыт работы с JavaScript, HTML, SVG и CSS.Если вам требуется только стандартный столбчатый график, линейный график или круговая диаграмма, следует рассмотреть использование библиотеки Echarts. Однако, если вам нужны пользовательские графики или у вас есть очень конкретные требования, следует рассмотреть использование D3js.
Вот все репозитории D3, они разделены на несколько категорий:
shapes, selection
time format, timer
bundler, request> Обратите внимание, что в этом курсе не будет рассматриваться исходный код. Если потребуется, дополнительная информация будет добавлена позже.
Вот основные темы курса, давайте рассмотрим некоторые из них подробнее:
Selection и data joins
Selection поддерживает добавление, удаление и изменение HTML и SVG элементов на основе данных. Включает множество функций для обработки элементов, например: selecting Elements, modifying Elements ...
data joins позволяет связывать данные с элементами (то есть, создавать соединение данных).
Это базовые модули D3.
data requests
Позволяет запрашивать файлы по заданному URL и преобразовывать данные файлов в JavaScript массивы (например, CSV). Это делает обработку реальных данных намного проще.
Поддерживает множество форматов, таких как CSV, JSON, TXT.
force layout
Симулирует элементы информации с помощью определенных физических правил, помогая представить информацию определенным образом. Предоставляет встроенные функции сил и поддерживает расширения.
transitions
transitions позволяют плавно переключаться между различными состояниями графиков, создавая анимацию. Например, есть элементы circle, при нажатии на update data они плавно перемещаются в новые координаты. Это добавляет визуальную привлекательность графику.
D3 всегда был одним из самых важных JavaScript-библиотек для визуализации данных. Поддерживаемая создателем Mike Bostock, она имеет большое будущее, по крайней мере, в настоящее время нет ничего, что могло бы с ней сравниться. Другими словами, независимо от того, с чего вы начинаете изучать визуализацию данных, будь то библиотека для рендеринга, алгоритмы, инструментальные библиотеки или даже архитектура проекта, D3 — это гора, которую необходимо покорить. Когда вы дочитаете до этого места, это означает ваш интерес к вышеуказанному материалу. Тогда начнем изучение конкретных модулей.- Selections.ru.md
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )