Визуализации данных с D3.js - Видеоуроки

Mastering data visualization in D3.js
Duration 06:53:20
Открыть все курсы от udemy

Mastering data visualization in D3.js - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction to the course 00:02:30
  • Урок 2. What is a data visualization? 00:03:49
  • Урок 3. The power of D3 00:05:13
  • Урок 4. How this course is structured 00:03:22
  • Урок 5. Section Summary 00:00:50
  • Урок 6. Introduction - Getting started with D3 00:00:58
  • Урок 7. Setting up your environment 00:04:14
  • Урок 8. Understanding SVGs 00:08:08
  • Урок 9. Adding SVGs with D3 00:08:10
  • Урок 10. Selections and data joins 00:05:22
  • Урок 11. Loading external data 00:08:21
  • Урок 12. Section Summary 00:00:51
  • Урок 13. Introduction - Scales and Axes 00:01:13
  • Урок 14. Linear Scales 00:05:36
  • Урок 15. Logarithmic Scales 00:03:30
  • Урок 16. Time Scales 00:01:41
  • Урок 17. Ordinal Scales 00:02:57
  • Урок 18. Band Scales 00:06:26
  • Урок 19. D3 min, max, and extent 00:04:56
  • Урок 20. Margins and groups 00:06:09
  • Урок 21. Axes and labels 00:07:56
  • Урок 22. Making a bar chart 00:05:17
  • Урок 23. Project 1: StarBreak Coffee 00:02:45
  • Урок 24. Section Summary 00:00:59
  • Урок 25. Introduction - The basics of design 00:01:10
  • Урок 26. Designing for clarity 00:03:48
  • Урок 27. Subjectivity in design 00:03:42
  • Урок 28. The design toolkit 00:06:11
  • Урок 29. An introduction to sketching 00:06:12
  • Урок 30. The Bootstrap grid system 00:04:25
  • Урок 31. Section Summary 00:00:49
  • Урок 32. Introduction - Make it dynamic 00:01:36
  • Урок 33. Looping with intervals 00:02:17
  • Урок 34. Adding an update function 00:04:59
  • Урок 35. The D3 update pattern 00:06:33
  • Урок 36. Making our chart dynamic 00:03:24
  • Урок 37. D3 Transitions 00:06:55
  • Урок 38. Scatter plots in D3 00:02:17
  • Урок 39. Project 2: Gapminder Clone 00:03:39
  • Урок 40. Section Summary 00:01:14
  • Урок 41. Introduction - Make it interactive 00:01:10
  • Урок 42. Adding a legend 00:03:48
  • Урок 43. Formatting and parsing in D3 00:07:58
  • Урок 44. Introducing Tooltips 00:09:39
  • Урок 45. Event listeners and handlers in D3 00:11:17
  • Урок 46. Adding a jQuery UI slider 00:05:45
  • Урок 47. Line graphs in D3 00:09:52
  • Урок 48. Project 3: CoinStats 00:03:29
  • Урок 49. Section Summary 00:01:19
  • Урок 50. Introduction - Frequently used visualizations 00:01:31
  • Урок 51. Using the D3 community 00:04:24
  • Урок 52. Migrating code to version 5.x 00:05:09
  • Урок 53. D3 Layouts 00:05:20
  • Урок 54. Area Charts 00:08:09
  • Урок 55. Stacked Area Charts 00:13:33
  • Урок 56. Data structures and D3 nests 00:07:01
  • Урок 57. Pie and donut charts 00:17:02
  • Урок 58. Wordclouds 00:05:52
  • Урок 59. Section Summary 00:00:55
  • Урок 60. Introduction - Maps and Networks 00:01:13
  • Урок 61. Visualization around the globe 00:07:58
  • Урок 62. Loading multiple datasets with D3 00:05:05
  • Урок 63. Choropleth Maps 00:09:04
  • Урок 64. Forces in D3 00:08:26
  • Урок 65. Node-Link Diagrams 00:08:46
  • Урок 66. Section Summary 00:01:09
  • Урок 67. Introduction - Hierarchical Data 00:01:35
  • Урок 68. Building hierarchies in D3 00:05:04
  • Урок 69. Tree Diagrams 00:05:30
  • Урок 70. Treemaps 00:07:55
  • Урок 71. Circle Packing 00:06:00
  • Урок 72. Sunburst Plots 00:08:44
  • Урок 73. Section Summary 00:01:22
  • Урок 74. Introduction - File structure and linked views 00:01:17
  • Урок 75. File Separation 00:04:14
  • Урок 76. Visualizations as Objects 00:08:17
  • Урок 77. Converting our code to OOP 00:08:46
  • Урок 78. Handling events across objects 00:08:08
  • Урок 79. D3 Brushes 00:10:09
  • Урок 80. Project 4: A corporate data dashboard 00:05:27
  • Урок 81. Section Summary 00:01:09
  • Урок 82. Introduction - Wrapping up the course 00:00:55
  • Урок 83. What you learned 00:01:59
  • Урок 84. Concluding Thoughts 00:01:31

Cоздавайте красивые визуализации данных с помощью d3.js. Интенсивное введение в библиотеку D3. Этот курс поднимет вас в D3 до такой степени, что вы сможете построить практически любую визуализацию, которую вы можете себе представить. Курс научит вас программировать в последней версии D3 - версия 5.x.

На первом этапе курса я буду знакомить вас с некоторыми из наиболее основополагающих тем в визуализации данных:

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

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

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

  • Line Charts
  • Area Charts
  • Stacked Area Charts
  • Pie Charts
  • Donut Charts
  • Wordclouds
  • Карты Choropleth
  • Node-Link Diagrams
  • Tree Diagrams
  • Treemaps
  • Circle Packs
  • Sunburst Plots

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

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

Курс будет включать в себя 4 класса проектов для вас, что даст вам возможность практиковать свои навыки D3 с реальными данными:

  • Простая гистограмма для отображения роста доходов небольшой кофейной сети.
  • Обновление bubble chart, клонирование известной визуализации от Gapminder.
  • Интерактивная линейная диаграмма, показывающая историю цен криптовалют с течением времени.
  • Панель данных для крупной компании конгломератов.

Каждый из проектов будет постепенно усложняться по мере продвижения курса.

Твоя оценка

13 2
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

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

30-11--0001 en 6 уроков
frontendmasters d3.js v4
Мы начнем с рассмотрения документации D3, которая обширна и очень тщательна и может быть слишком сложной для пользования. Я расскажу, как структурированы документы, а также мы будем исследовать blockbuilder и использовать его в наших интересах. После этого мы погрузимся прямо в код, начиная с того, как выбор D3 и привязка данных работают под капотом. Как только мы сможем хорошо разбираться в этих концепциях, мы будем использовать enter-append,...
Duration 04:50:07
9 0
30-11--0001 en 15 уроков
treehouse D3.js course
D3.js - одна из самых захватывающих интерфейсных веб-технологий, которая позволяет разработчикам разрабатывать визуализацию данных. Этот курс предназначен для углубленного изучения основных функциональных возможностей и концепций, используемых в D3.js, а также обзор потенциала с помощью D3. Поскольку D3 использует очень много других технологий, этот курс также затронет SVG.
Duration 01:52:44
5 1
03-08-2018 en 35 уроков
frontendmasters Building Custom Data Visualizations
Вы знаете привязку данных D3 и паттерн enter-update-exit? Вы хотите выйти за рамки создания визуализаций, которые вы видите в галерее D3, но вы не совсем знаете, как это сделать? В этом семинаре мы рассмотрим основные принципы визуализации, необходимые для проектирования визуализации пользовательских данных, а также углубимся в веб-технологии, а модули D3 необходимы, чтобы воплотить ваши визуализации в реальность.
Duration 04:21:26
2 1
24-01-2019 en 77 уроков
udemy D3.js in Action: Build 12 D3.js Data Visualization Projects
D3.js (V 5) с нуля! Сборка полезных проектов визуализации данных D3.js! D3.js для начинающих. "Одна картинка стоит тысячи слов". Это правда, что концепции легко понять, если объяснить их с помощью диаграмм. В современном мире, управляемом данными, очень важно наилучшим образом использовать имеющиеся данные таким образом, чтобы из них можно было извлечь полезную информацию. Визуализация данных - это самый простой и быстрый способ...
Duration 14:43:46
6 0
en
leanpub React+D3v4
Повторно используемые данные и игры с использованием современного JavaScript. Создание динамических визуализаций данных в сети - боль в заднице. С React + d3.js ES6 вы научитесь создавать многократно используемые компоненты визуализации с использованием современных стандартов JavaScript примерно за час.
Duration 00:00:00
8 0
18-10-2018 en 105 уроков
udemy Build Data Visualizations with D3.js & Firebase
Узнайте, как использовать D3 (v5) и Firebase (Firestore) для создания динамических визуализаций данных SVG. Гистограммы, круговые диаграммы и тд. D3.js - это мощная библиотека JavaScript, которая позволяет легко создавать визуализации данных. В этом курсе я научу вас, как использовать возможности D3 для создания различных визуализаций, управляемых данными, таких как гистограммы, круговые диаграммы, линейные графики, пузырьковые пакеты и...
Duration 10:21:04
2 0

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

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

en
Этот курс существует для того, чтобы вы могли приобрести навыки, необходимые для сдачи сертификационного экзамена AZ-203: Разработка решений для Microsoft Azure, который затем принесет вам сертификат Microsoft Certified Developer Associate.
Microsoft Azure Architect Technologies - Экзамен AZ-300

Microsoft Azure Architect Technologies - Экзамен AZ-300

en
Этот курс призван помочь вам освоить необходимые навыки, необходимые для сертификационного экзамена Microsoft Azure AZ-300. Экзамен AZ-300 - это экзамен на уровне экспертов, который проверяет кандидатов на продвинутые знания и опыт работы с различными аспектами Microsoft Azure.
Современный React Bootcamp (с Hooks, React Router и др.)

Современный React Bootcamp (с Hooks, React Router и др.)

en
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс...
Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

ru
Курс предназначен для тех, кто прошёл «Профессиональный JavaScript, уровень 1», или для разработчиков, желающих поднять свои навыки. После прохождения курса вы будете уверенно создавать современные веб-приложения, а также сможете попробовать себя в качестве наставника на наших курсах.
SymfonyCon 2018 - Лиссабонская Конференция (Видео)

SymfonyCon 2018 - Лиссабонская Конференция (Видео)

en
SymfonyCon 2018 Лиссабон имел огромный успех! Более 900 участников со всего мира собрались вместе, чтобы узнать, встретиться и поделиться своим опытом в Symfony. Более 25 докладчиков выступили по различным темам: от нового веб-сервера Symfony до Messenger, API-платформы и многого другого.
Все о загрузке файлов в Symfony

Все о загрузке файлов в Symfony

en
Нужно загрузить некоторые файлы в Symfony? Отлично! Вы пришли в нужное место! В наши дни загрузка файлов может быть простой... или невероятно сложной - с облачным хранилищем, личными файлами, миниатюрами, проверкой и так далее. Итак, давайте займемся ... всем этим!
Создание Reusable (и удивительных) Symfony пакетов

Создание Reusable (и удивительных) Symfony пакетов

en
Хотите поделиться кодом между проектами или со всем миром? Давай сделаем это! Создавая пакет Symfony! В этом руководстве мы узнаем о пакетах, их суперспособностях, о том, как добавлять сервисы и маршруты, а также о лучших практиках для создания наилучших возможных пакетов.
Формы Symfony 4: создавайте, визуализируйте и властвуйте!

Формы Symfony 4: создавайте, визуализируйте и властвуйте!

en
Да, формы! Одна из самых мощных и ... запутанных функций во всем Symfony. Вот правда: формы просто сложны. Вам нужно управлять элементами формы HTML, проверкой, преобразованием данных и многим другим. Компонент Form может быть самой сложной частью Symfony. Но чем больше с ним работаешь, тем...
chat
logo