Векторная графика в D3.js

Тема данных и их наглядного представления необычайно широка, и любой веб-разработчик непременно с ней сталкивается в том или ином виде.

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

Речь пойдет о библиотеке под названием D3.js (или кратко D3) – самом современном, мощном и гибком средстве работы с данными и векторной графикой в клиентских браузерах.

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

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

На первом занятии вам потребуются браузер и текстовый редактор. Желательны, но необязательны, знания JavaScript.

Картография – неотъемлемая часть библиотеки D3.js, а карты сегодня используются повсеместно на порталах любого уровня сложности. Умение создавать карты и визуализировать данные в них – ценный навык, который даст вам возможность не только указывать в резюме «умею готовить карты», а создавать действительно потрясающие воображение картинки.

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

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

На вебинаре ведущий пошагово покажет весь процесс создания векторной карты с самого начала и до конца. Если вы желаете повторять действия, вам потребуется заранее скачать и установить следующие приложения:
1. QGIS – бесплатная кроссплатформенная географическая информационная система (основной инструмент начинающего картографа): http://www2.qgis.org/ru/site.
2. Node.js – широко известная реализация серверного JavaScript: https://nodejs.org.

Глубокого знания JS не потребуется, каждый этап будет объясняться как можно более простым языком и в подробностях.