Введение в d3.js, v2

Мы начнем с изучения документации D3, которая обширна и очень тщательна, но может быть сложной для навигации. Я укажу на то, как структурирована документация, а также поясню экосистемы bl.ocks и blockbuilder, а также способы их использования в наших интересах.

После этого мы погрузимся прямо в код, начав с того, как D3 и привязка данных работают под капотом. После того, как мы хорошо усвоим эти концепции, мы будем использовать enter-append для создания нашей первой простой гистограммы. Мы изучим шкалы и оси для аннотирования нашей предыдущей диаграммы, а затем научимся обновлять / объединять и делать exit-remove для перехода диаграммы между различными состояниями данных. Наконец, мы выйдем за рамки гистограммы и узнаем, как создавать деревья и сетевые диаграммы с иерархией D3 и принудительными макетами.

• Узнайте, как ориентироваться в документации по D3 API и экосистеме bl.ocks
• Поймите selections и то, как они работают под капотом
• Изучите привязку данных и то, как это работает с enter-update-exit паттерном
• Создайте диаграмму со шкалами, осями и легендами.
• Получите понимание макетов D3, в частности иерархии или force layout