Основы D3.js: Создание пользовательских визуализаций данных с нуля

Статические диаграммы часто не могут рассказать полную историю сложных данных. Чтобы по-настоящему заинтересовать пользователей, вам нужны навыки привязки реальных данных непосредственно к веб-документу, создания динамичных и адаптивных визуализаций, которые реагируют на ввод пользователя. Этот текстовый курс шаг за шагом проведет вас через процесс превращения необработанных наборов данных в пользовательскую интерактивную графику на основе браузера. Вы начнете с освоения основополагающих концепций, включая структуру SVG, системы координат и то, как D3 привязывает данные к элементам DOM. Далее вы научитесь управлять жизненным циклом enter-update-exit, применять линейные и порядковые шкалы, а также создавать чистые, доступные оси для ваших диаграмм. Чтобы ваши навыки оставались максимально актуальными, вы также узнаете, как интегрировать современные рабочие процессы упаковки JavaScript и сделать ваши визуализации адаптивными для мобильных и настольных устройств. - Понять основной жизненный цикл D3.js по привязке данных к элементам DOM - Создавать и манипулировать фигурами SVG для построения пользовательских гистограмм, линейных и точечных диаграмм - Применять линейные, полосовые (band) и временные шкалы для точного сопоставления значений данных с пикселями экрана - Создавать динамичные, адаптивные оси диаграмм, которые приспосабливаются к изменяющимся размерам области просмотра - Реализовывать плавные переходы и интерактивные состояния при наведении (hover states) с использованием современных событий JavaScript - Организовывать код визуализации с использованием современных импортов ESM и чистых структур проекта Этот курс начинается с основных определений и пошаговых разборов кода, прежде чем перейти к практическим упражнениям по построению диаграмм. Он полностью разработан для новичков с базовым пониманием HTML, CSS и вводного JavaScript. Предварительный опыт визуализации данных не требуется. Начните читать, чтобы создать свой первый пользовательский документ, управляемый данными, уже сегодня.