Последние новости: 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 1
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

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

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

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

Просто Express (с кучей node и http). В деталях.

Просто Express (с кучей node и http). В деталях.

en
Нет MERN или MEAN ... просто Express. Для тех, кто немного узнал о самом крутом фреймворке node и хочет больше. У вас есть представление о том, что такое Node, Express и http, иначе вас бы здесь не было. Node и серверная часть JavaScript взяли мир штурмом, [НЕКОТОРАЯ БОЛЬШАЯ КОМПАНИЯ] переехала...
Разработка модуей Drupal 8 с примерами

Разработка модуей Drupal 8 с примерами

en
Никогда не было лучшего времени для изучения разработки модулей Drupal 8. Это потому, что Drupal 8 уже является лучшим технологически и более быстрым способом создания приложений Drupal (по сравнению с Drupal 7). Drupal 8 построен поверх Symfony, поэтому хорошие новости заключаются в том...
Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

en
Appium курс - 200+ лекций по мобильной автоматизации от основ с примерами в реальных проектах. Курс полностью обновлен 12 ноября с последней версией Appium 1.8.2. Узнайте все, что вам нужно знать о мобильной автоматизации (Android + IOS), даже если вы никогда не программировали раньше.
gRPC [Golang] Мастер-класс: создание современных API и микросервисов

gRPC [Golang] Мастер-класс: создание современных API и микросервисов

en
Лучше, чем REST API! Создайте быстрый и масштабируемый HTTP / 2 API для Go микро-сервиса с помощью gRPC, Protocol Buffers (protobuf). gRPC - это новый и современный фреймворк для построения масштабируемого, современного и быстрого API. Он используется многими ведущими технологическими компаниями...
Машинное обучение от А до Я: станьте мастером Kaggle

Машинное обучение от А до Я: станьте мастером Kaggle

en
Изучите основные алгоритмы машинного обучения с использованием Python от начального до супер продвинутого уровня, включая математические знания. Хотите стать хорошим специалистом по данным? Тогда это правильный курс для вас. Этот курс был разработан специалистами IIT, которые освоили математику...
PHP: Разработка микрофреймворка

PHP: Разработка микрофреймворка

ru
Фреймворки - основной способ создавать сложные сайты в интернете. На определённом уровне недостаточно просто знать как ими пользоваться, нужно понимать как они устроены внутри. Благодаря этому курсу вы не только узнаете про все внутренности, но и создадите свой собственный неповторимый фреймворк.
Регулярные выражения

Регулярные выражения

ru
Практически каждый программист сталкивается с регулярными выражениями в повседневной практике. Многих они отпугивают, но регулярные выражения основаны на небольшом количестве простых понятий. Освоив эти понятия, вы сможете всегда чувствовать себя комфортно при работе с этим мощным инструментом.
chat
logo