Онлайн-лекции о визуализации данных
Лекции посвящены дизайнерским принципам работы со сложными данными и знакомят слушаетелей с библиотекой D3.js — самым мощным и гибким инструментом создания интерактивных визуализаций.
Твитнуть
Поделиться
Поделиться
Запинить
Лекции ведут
Таня Бибикова
информационный дизайнер,
руководитель лаборатории
информационный дизайнер,
руководитель лаборатории
Дима Семьюшкин
технический директор
лаборатории
технический директор
лаборатории
3013 человек прослушали лекции
8 ноября 2014
Основы D3.js
Вторая часть курса посвящена знакомству с библиотекой D3.js. Мы потренируемся создавать простейшие SVG-элементы и разберём «текучий» интерфейс D3, создадим график и хитмап (теплокарту) на основе реальных данных.
4. Основы SVG и D3
5. График на D3
6. Хитмап (теплокарта) на D3
Практические задания
Интерактивные примеры
Новосибирская строительная компания продаёт квартиры в жилом комплексе «Миргород». Данные о продажах: Mirgorod-sales.xls.
- Используя первый фиддл, потренируйтесь добавлять и удалять данные и свойства. Превратите круги в прямоугольники, ширина которых вдвое больше высоты, и измените цвет прямоугольников с чёрного на зелёный с чёрной обводкой.
- Используя второй фиддл и расширенный сет данных, создайте график зависимости продолжительности жизни от количества детей в семье. Размером кружка покажите население страны.
- Создайте интерактивную визуализацию на основе результатов дизайнерской практики — отчёта для руководства или интерфейса покупателя, на выбор. Данные: mirgorod-sales.csv.
1 ноября 2014
Дизайнерские принципы
Мы поговорим о трёх столпах, на которых стоит хорошая визуализация: осмысленном визуальном кодировании, объединение микро- и макроуровня и использовании интерактивности.
1. Визуальное
кодирование
кодирование
2. Микро-
и макроуровень
и макроуровень
3. Интерактивность
Практические задания
Интерактивные примеры
Новосибирская строительная компания продаёт квартиры в жилом комплексе «Миргород». Данные о продажах: Mirgorod-sales.xls.
- Ответьте на вопросы. Что является элементарным кирпичиком данных? Какие закономерности проявляются на макроуровне? Какой способ представления будет наиболее естественным и наглядным? Каких параметров, количественных и качественных, не хватает в наборе?
- Подготовьте отчёт для руководства. Сколько квартир продано, на какую сумму? Сколько получено средств? Какие квартиры продаются лучше всего?
- Помогите покупателю выбрать квартиру: визуализируйте доступные варианты и необходимую для выбора информацию. Используйте интерактивность.
Полезные ссылки
- Четыре книги и сайт Эдварда Тафти
- Библиотека D3.js
- Визуализации Майка Бостока
- Блог «Flowing Data» и книги Натана Яу
- Вся интерактивная инфографика «Нью‑Йорк таймс» в твиттере
- Советы по визуализации данных и рубрика вопрос‑ответ Тани Бибиковой
- Любимые примеры лаборантов в пинтересте
- Курсеро‑курсы: Introduction to Data Science, Maps and the Geospatial Revolution и специализации Data Science и Data Mining
- Статьи о D3.js на русском: «Введение в D3» и «Мыслим связками»