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

Визуализация данных для React разработчиков - Видеоуроки

Data Visualization for React Developers
Duration 03:21:44
Открыть все курсы от frontendmasters

Data Visualization for React Developers - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction 00:03:44
  • Урок 2. How to Navigate the 3 Workshops 00:01:47
  • Урок 3. Introduction to Different Data Types 00:08:56
  • Урок 4. Pie Charts: Do's and Don't's 00:01:45
  • Урок 5. Course Demonstration Review 00:01:12
  • Урок 6. Introduction to SVG 00:04:23
  • Урок 7. Weather Data Chart Examples 00:05:46
  • Урок 8. Data to SVG Shapes Exercise 00:01:32
  • Урок 9. Data to SVG Shapes Solution 00:03:22
  • Урок 10. Going from Data to SVG Shapes 00:09:16
  • Урок 11. Going from Data to SVG Exercise 00:02:58
  • Урок 12. Going from Data to SVG Solution, Part 1 00:19:01
  • Урок 13. Going from Data to SVG Solution, Part 2 00:06:57
  • Урок 14. Creating Line Charts 00:03:07
  • Урок 15. Creating Line Charts Exercise 00:02:26
  • Урок 16. Creating Line Charts Solution 00:07:58
  • Урок 17. Creating a Radial Chart 00:02:40
  • Урок 18. Radial Chart Exercise 00:03:43
  • Урок 19. Radial Chart Solution 00:09:35
  • Урок 20. Breaking Down D3 API 00:14:13
  • Урок 21. D3 Manipultations and Interactions 00:01:58
  • Урок 22. React Renders 00:10:24
  • Урок 23. React and Bar Chart Exercise 00:00:46
  • Урок 24. React and Bar Chart Solution 00:08:29
  • Урок 25. React and Radial Chart Exercise & Solution 00:04:56
  • Урок 26. The Three Exceptions 00:03:10
  • Урок 27. Axes, Legends, & Annotations 00:02:53
  • Урок 28. Axes Exercise & Solution 00:07:24
  • Урок 29. Transitions 00:06:09
  • Урок 30. Brush 00:01:15
  • Урок 31. Brush Exercise & Solution 00:19:41
  • Урок 32. Additional Resources 00:04:05
  • Урок 33. Canvas 00:05:00
  • Урок 34. Creating Charts in Canvas 00:06:40
  • Урок 35. Questions & Wrapping Up 00:04:33

В рамках этой программы Data Visualization for React Developers, ориентированной на разработчиков, которые хотят или создают простые визуализации для своей работы, мы будем проходить фундаментальные теории визуализации, применять их к различным типам диаграмм и формулировать правильные ситуации для их использования. Мы рассмотрим, как мы можем использовать D3 для генерации данных и как использовать React для их рендеринга. Наконец, мы рассмотрим лучшие практики по внедрению пользовательских взаимодействий с D3 и React.

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

  • Получите необходимую информацию о том, какие визуализации правильны для каких данных.
  • Научитесь разбивать визуализацию на ее самые основные элементы SVG и продумать вычисления, необходимые для их рисования на экране.
  • Изучите библиотеку D3, необходимую для преобразования данных на экран.
  • Изучите лучшие практики визуализации с помощью React.

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

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

Твоя оценка

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

Комментарии

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

03-08-2018 en 35 уроков
frontendmasters Building Custom Data Visualizations
Вы знаете привязку данных D3 и паттерн enter-update-exit? Вы хотите выйти за рамки создания визуализаций, которые вы видите в галерее D3, но вы не совсем знаете, как это сделать? В этом семинаре мы рассмотрим основные принципы визуализации, необходимые для проектирования визуализации пользовательских данных, а также углубимся в веб-технологии, а модули D3 необходимы, чтобы воплотить ваши визуализации в реальность.
Duration 04:21:26
1 1
en 6 уроков
frontendmasters d3.js v4
Мы начнем с рассмотрения документации D3, которая обширна и очень тщательна и может быть слишком сложной для пользования. Я расскажу, как структурированы документы, а также мы будем исследовать blockbuilder и использовать его в наших интересах. После этого мы погрузимся прямо в код, начиная с того, как выбор D3 и привязка данных работают под капотом. Как только мы сможем хорошо разбираться в этих концепциях, мы будем использовать enter-append,...
Duration 04:50:07
5 0
en 15 уроков
treehouse D3.js course
D3.js - одна из самых захватывающих интерфейсных веб-технологий, которая позволяет разработчикам разрабатывать визуализацию данных. Этот курс предназначен для углубленного изучения основных функциональных возможностей и концепций, используемых в D3.js, а также обзор потенциала с помощью D3. Поскольку D3 использует очень много других технологий, этот курс также затронет SVG.
Duration 01:52:44
4 1

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

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