Визуализации данных с D3.js [2020 UPDATE]

Cоздавайте красивые визуализации данных с помощью d3.js. Интенсивное введение в библиотеку D3. Этот курс поднимет вас в D3 до такой степени, что вы сможете построить практически любую визуализацию, которую вы можете себе представить. Курс научит вас программировать в последней версии D3 - версия 5.x.

На первом этапе курса я буду знакомить вас с некоторыми из наиболее основополагающих тем в визуализации данных:

• что такое SVG и как они работают с D3.
• как D3 связывает фигуры с фрагментами данных.
• Нарисуйте весы, оси и метки, чтобы сделать некоторые основные визуализации.
• Используйте шаблон обновления D3 для изменения положения SVG по мере изменения наших данных.
• Управляйте взаимодействиями пользователей, добавляя события на страницу.
• Добавьте в визуализацию легенды, всплывающие подсказки и слайдеры.

Курс также будет посвящен дизайну визуализации данных, помогая вам принимать более правильные решения о том, как структурировать ваш код, и учит вас оправдывать решения, которые вы делаете другим. Вы узнаете, как выбрать правильные визуальные каналы для данных, с которыми вы работаете, для создания полностью уникальных визуализаций.

Во второй фазе курса я начну интенсив через 12 новых визуализаций. Вы получите широкую базу знаний в D3, так как я буду проходить через предварительно написанный код от членов сообщества D3. Я расскажу вам о макетах D3, и я покажу вам, как построить каждую из этих визуализаций в D3:

• Line Charts
• Area Charts
• Stacked Area Charts
• Pie Charts
• Donut Charts
• Wordclouds
• Карты Choropleth
• Node-Link Diagrams
• Tree Diagrams
• Treemaps
• Circle Packs
• Sunburst Plots

Эта часть курса также научит вас навыкам поиска новых визуализаций самостоятельно, адаптируя открытый исходный код для соответствия вашим собственным данным.

На заключительном этапе курса я покажу вам правильную структуру файлов, которая будет использоваться для одновременного управления несколькими визуализациями. Вы сможете создавать визуализации, которые могут связываться друг с другом, позволяя вам связывать пользовательские взаимодействия между несколькими графиками. Вы также узнаете, как использовать кисти в D3 для выбора областей на диаграмме с помощью мыши.

Курс будет включать в себя 4 класса проектов для вас, что даст вам возможность практиковать свои навыки D3 с реальными данными:

• Простая гистограмма для отображения роста доходов небольшой кофейной сети.
• Обновление bubble chart, клонирование известной визуализации от Gapminder.
• Интерактивная линейная диаграмма, показывающая историю цен криптовалют с течением времени.
• Панель данных для крупной компании конгломератов.

Каждый из проектов будет постепенно усложняться по мере продвижения курса.