Главная страницаКатегория d3.jsПроектирования визуализации пользовательских данных

Проектирования визуализации пользовательских данных

Name: Проектирования визуализации пользовательских данных
Rating: 3.7 (4 reviews)

Building Custom Data Visualizations

frontendmasters

★3.7 (всего оценок - 4)

Продолжительность

4 ч 21 мин

Категория

D3.js

Количество уроков

35 Видео

Дата добавления

5 авг. 2018 г., 14:37

Язык

Английский

Дата выхода

3 авг. 2018 г., 12:30

Дата обновления

29 апр. 2026 г., 00:55

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

Чему вы научитесь на курсе

Программа помогает не только понять механику D3, но и овладеть методологией проектирования визуализаций — от первых идей до готовых интерактивных работ.

Работа с данными

Как исследовать набор данных и находить в нём темы для визуального рассказа.
Как задавать правильные вопросы данным и определять ключевые инсайты.

Типы графиков и их применение

Обзор популярных и специализированных типов визуализаций.
Рекомендации, какие диаграммы подходят под разные структуры данных.

Принципы проектирования визуализаций

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

Переход от концепции к коду

Понимание enter‑update‑exit и эффективной привязки данных в D3.
Работа с SVG: пути, формы, макеты и создании собственных элементов визуализации.
Построение модульной, расширяемой структуры проекта.

Коммуникация данных

Как выделять ключевые точки и доносить их до читателя.
Использование заголовков, описаний, легенд, осей и аннотаций.

Визуализация vs исследовательская визуализация

Вы разберёте, чем отличается визуализация для презентации от визуализации для исследования данных, и получите практические советы по созданию эффективных exploratory‑графиков.

Дополнительные материалы

Слайды лекции доступны по ссылке:

https://slides.com/shirleywu/deck-10#/

Видео

Видео в формате .webm — стабильно работает в Google Chrome.

Удален по просьбе правообладателя

Урок 1.00:05:09
Introduction
Урок 2.00:09:13
Exploratory and Expository
Урок 3.00:01:04
Course Agenda
Урок 4.00:02:54
Exploring the Dataset
Урок 5.00:02:10
Dataset Exercise
Урок 6.00:14:22
Dataset Solution, Part 1
Урок 7.00:05:35
Dataset Solution, Part 2
Урок 8.00:04:36
Chart Types & Vega-Lite
Урок 9.00:01:30
Chart Brainstorming Exercise
Урок 10.00:06:03
Chart Brainstorming Solution, Part 1
Урок 11.00:19:33
Chart Brainstorming Solution, Part 2
Урок 12.00:02:51
Chart Brainstorming Solution, Part 3
Урок 13.00:11:11
Chart Brainstorming Solution, Part 4
Урок 14.00:02:26
Using Modules in Observable
Урок 15.00:16:59
Using Heatmap
Урок 16.00:04:50
Exploration Exercise
Урок 17.00:22:04
Marks & Channels
Урок 18.00:04:45
Gestalt Laws of Grouping
Урок 19.00:01:10
Remix & Overlay
Урок 20.00:01:59
Design Exercise
Урок 21.00:16:40
Design Solution, Part 1
Урок 22.00:02:14
Design Solution, Part 2
Урок 23.00:02:21
Turning Designs into Code
Урок 24.00:18:41
D3 Shapes and Layouts
Урок 25.00:00:34
Code Exercise
Урок 26.00:27:13
Code Solution, Part 1
Урок 27.00:02:37
Code Solution, Part 2
Урок 28.00:03:04
Readability
Урок 29.00:15:34
Readability Exercise & Solution
Урок 30.00:05:15
Adding Aesthetics
Урок 31.00:07:24
Adding Aesthetics Exercise & Solution, Part 1
Урок 32.00:07:51
Adding Aesthetics Exercise & Solution, Part 2
Урок 33.00:02:32
Interactions
Урок 34.00:06:02
Exploratory Visualizations
Урок 35.00:03:00
Additional Resources

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+795

Комментарии