В течение последних нескольких недель я работал над обширной серией скринкастов по D3 и визуализации данных в JavaScript. Первые три видео уже доступны, еще несколько находятся в работе.
Сейчас мы визуализируем последний сегмент моей серии D3. Посмотрите интерактивную демонстрацию: http://resurgencewebdesign.com/dataviz/index2.html
Начиная
Часть 1 представляет собой краткий обзор документов, управляемых данными, и служит основой для последующих скринкастов:
Вверх и вперед
Вторая часть представляет собой гораздо более глубокий обзор под названием «Внедрение и запуск». Здесь мы начинаем кодировать и создавать богатое изображение SVG с использованием набора данных JSON. В этой части мы обсудим загрузку данных, масштабирование, добавление SVG на страницу, привязку данных и структуру.
Форма и функция
В последнем видео из серии «Форма и функция» более подробно рассказывается о том, как форматировать диаграмму и усовершенствовать презентацию. Здесь мы обсуждаем масштабы, фазу обновления, привязку двумерных данных и транспонирование графиков.
Сделать его интерактивным
Пожалуйста, поделитесь, прокомментируйте и подпишитесь, если вы хотите увидеть больше, чтобы я знал, что это помогает сообществу лучше понять эту библиотеку. Вы также можете просмотреть репозиторий GitHub со всеми примерами кода здесь: https://github.com/ignoreintuition/dataviz
