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

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!

Твоя оценка

2 1
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex 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
6 1
30-11--0001 en 6 уроков
frontendmasters d3.js v4
Мы начнем с рассмотрения документации D3, которая обширна и очень тщательна и может быть слишком сложной для пользования. Я расскажу, как структурированы документы, а также мы будем исследовать blockbuilder и использовать его в наших интересах. После этого мы погрузимся прямо в код, начиная с того, как выбор D3 и привязка данных работают под капотом. Как только мы сможем хорошо разбираться в этих концепциях, мы будем использовать enter-append,...
Duration 04:50:07
9 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
13 2

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

React JS и Redux Bootcamp - Освойте React Веб-разработку

React JS и Redux Bootcamp - Освойте React Веб-разработку

en
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Автоматизированное тестирование с WebdriverIO

Автоматизированное тестирование с WebdriverIO

en
Мне потребовались годы, чтобы остановиться на концепции автоматизации тестирования. Все, что я пробовал, казалось впечатляющим, но никогда не соответствовало реальному использованию. Затем я наткнулся на WebdriverIO, и все это изменилось. Из-за его удивительных особенностей и простоты в дизайне...
React с Firebase

React с Firebase

en
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию...
Создаем приложение React Native для iOS и Android от начала до конца

Создаем приложение React Native для iOS и Android от начала до конца

en
Если вы уже знакомы с React, то React Native - отличный способ создавать мобильные приложения для iOS и Android. Конечно, веб-приложения и мобильные приложения сильно отличаются друг от друга, но этот курс служит вашим руководством.
Полное введение в React, v5

Полное введение в React, v5

en
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан...
The Web Developer Bootcamp

The Web Developer Bootcamp

en
Единственный курс, который вам нужен для изучения веб-разработки - HTML, CSS, JS, Node и многое другое! Привет! Добро пожаловать в The Web Developer Bootcamp, единственный курс, который вам нужен для изучения веб-разработки. Существует множество вариантов онлайн-обучения разработчиков...
chat
logo