Последние новости: Свежий coursehunters.club

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

Building Custom Data Visualizations
Duration 04:21:26
Открыть все курсы от frontendmasters

Building Custom Data Visualizations - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction 00:05:09
  • Урок 2. Exploratory and Expository 00:09:13
  • Урок 3. Course Agenda 00:01:04
  • Урок 4. Exploring the Dataset 00:02:54
  • Урок 5. Dataset Exercise 00:02:10
  • Урок 6. Dataset Solution, Part 1 00:14:22
  • Урок 7. Dataset Solution, Part 2 00:05:35
  • Урок 8. Chart Types & Vega-Lite 00:04:36
  • Урок 9. Chart Brainstorming Exercise 00:01:30
  • Урок 10. Chart Brainstorming Solution, Part 1 00:06:03
  • Урок 11. Chart Brainstorming Solution, Part 2 00:19:33
  • Урок 12. Chart Brainstorming Solution, Part 3 00:02:51
  • Урок 13. Chart Brainstorming Solution, Part 4 00:11:11
  • Урок 14. Using Modules in Observable 00:02:26
  • Урок 15. Using Heatmap 00:16:59
  • Урок 16. Exploration Exercise 00:04:50
  • Урок 17. Marks & Channels 00:22:04
  • Урок 18. Gestalt Laws of Grouping 00:04:45
  • Урок 19. Remix & Overlay 00:01:10
  • Урок 20. Design Exercise 00:01:59
  • Урок 21. Design Solution, Part 1 00:16:40
  • Урок 22. Design Solution, Part 2 00:02:14
  • Урок 23. Turning Designs into Code 00:02:21
  • Урок 24. D3 Shapes and Layouts 00:18:41
  • Урок 25. Code Exercise 00:00:34
  • Урок 26. Code Solution, Part 1 00:27:13
  • Урок 27. Code Solution, Part 2 00:02:37
  • Урок 28. Readability 00:03:04
  • Урок 29. Readability Exercise & Solution 00:15:34
  • Урок 30. Adding Aesthetics 00:05:15
  • Урок 31. Adding Aesthetics Exercise & Solution, Part 1 00:07:24
  • Урок 32. Adding Aesthetics Exercise & Solution, Part 2 00:07:51
  • Урок 33. Interactions 00:02:32
  • Урок 34. Exploratory Visualizations 00:06:02
  • Урок 35. Additional Resources 00:03:00

Вы знаете привязку данных D3 и паттерн enter-update-exit? Вы хотите выйти за рамки создания визуализаций, которые вы видите в галерее D3, но вы не совсем знаете, как это сделать? В этом семинаре мы рассмотрим основные принципы визуализации, необходимые для проектирования визуализации пользовательских данных, а также углубимся в веб-технологии, а модули D3 необходимы, чтобы воплотить ваши визуализации в реальность.

В этом семинаре вы:

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

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

Видео в формате .webm - точно работает в Google Chrome!

Твоя оценка

1 1
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

Похожие курсы

02-08-2018 en 35 уроков
frontendmasters Data Visualization for React Developers
В рамках этой программы Data Visualization for React Developers, ориентированной на разработчиков, которые хотят или создают простые визуализации для своей работы, мы будем проходить фундаментальные теории визуализации, применять их к различным типам диаграмм и формулировать правильные ситуации для их использования. Мы рассмотрим, как мы можем использовать D3 для генерации данных и как использовать React для их рендеринга. Наконец, мы рассмотрим...
Duration 03:21:44
4 0
en 6 уроков
frontendmasters d3.js v4
Мы начнем с рассмотрения документации D3, которая обширна и очень тщательна и может быть слишком сложной для пользования. Я расскажу, как структурированы документы, а также мы будем исследовать blockbuilder и использовать его в наших интересах. После этого мы погрузимся прямо в код, начиная с того, как выбор D3 и привязка данных работают под капотом. Как только мы сможем хорошо разбираться в этих концепциях, мы будем использовать enter-append,...
Duration 04:50:07
5 0
09-06-2018 en 84 урока
udemy Mastering data visualization in D3.js
Cоздавайте красивые визуализации данных с помощью d3.js. Интенсивное введение в библиотеку D3. Этот курс поднимет вас в D3 до такой степени, что вы сможете построить практически любую визуализацию, которую вы можете себе представить. Курс научит вас программировать в последней версии D3 - версия 5.x.
Duration 06:53:20
4 2

Последнее добавленное

Gulp Сборка. Ускорение верстки

Gulp Сборка. Ускорение верстки

ru
Как вам идея зарабатывать больше, ускорив свой рабочий процесс, за счет внедрения новых инструментов? Все еще используете HTML + CSS? Переходи на красную сторону силы! У нас есть Gulp - Автообновление в браузере, LESS/SASS разложен по модулям, Нет дублированию кода, Компонентый подход.
Веб-разработка Full-Stack | Node, SQL, React и многое другое

Веб-разработка Full-Stack | Node, SQL, React и многое другое

en
Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое! Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско.
Изучение Blockchain разработки с EOS и C++

Изучение Blockchain разработки с EOS и C++

en
Изучите экосистему ЕOS dApp и узнайте, как писать и развертывать смарт-контракты в EOSIO блокчейн. Смарт-контракты? Они здесь. EOS Blockchain? Да. C ++? Тут! Не может быть никаких сомнений: технология EOS и blockchain является самой разрушительной силой за последние годы. Компании не могут...
Знакомство с API ВКонтакте от Тарасова Алексея

Знакомство с API ВКонтакте от Тарасова Алексея

ru
Курс о том, как отправлять запросы к программному интерфейсу сервиса ВКонтакте и получать или размещать информацию в соц. API – это программный интерфейс взаимодействия между главным приложением (ВКонтакте) и дополнительными внешними приложениями. С помощью HTTP запросов к специальному серверу...
Асинхронные методы и примеры в Python

Асинхронные методы и примеры в Python

en
Поддержка асинхронного и параллельного программирования Python сильно недооценена. В этом курсе вы узнаете весь спектр параллельных API-интерфейсов Python. Мы начнем с изучения новых и мощных асинхронных и ожидающих ключевых слов вместе с базовым модулем: asyncio. Затем мы перейдем к потокам...
chat
logo