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

Mastering data visualization in D3.js
Duration 06:53:20
Открыть все курсы от udemy
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

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.
  • Интерактивная линейная диаграмма, показывающая историю цен криптовалют с течением времени.
  • Панель данных для крупной компании конгломератов.

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

Твоя оценка

12 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
0 0

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

Полный курс по программированию на Python для начинающих

Полный курс по программированию на Python для начинающих

en
Изучите Python для AI, машинного обучения, науки о данных и разработки приложений. Математики, ученые и инженеры любят Python. Почему? Потому что он делает сложные вычисления и повторяющиеся задачи действительно простыми для написания и выполнения. Разработчики любят его, потому что он простой...
Python для анализа данных

Python для анализа данных

ru
«Данные — это новая нефть». Они помогают усовершенствовать продукт, привлечь новых пользователей и являются драйвером роста любой компании. Компании во всем мире используют Python для сбора и анализа данных. В Uber, Yandex и Facebook, знание Python является обязательным требованием при приеме...
Flutter и Dart: полноценное мобильное приложение™

Flutter и Dart: полноценное мобильное приложение™

en
Изучение того, как создавать приложения для iOS и Android, с полным демонстрационным примером на основе Dart и Flutter Framework. Flutter - это SDK для мобильных приложений, предназначенный для создания высококачественных собственных интерфейсов на iOS и Android в рекордно короткие сроки. Flutter ра
Flutter: кроссплатформенное приложение iOS / Android

Flutter: кроссплатформенное приложение iOS / Android

en
Создавайте кроссплатформенные красивые нативные приложения в рекордно короткие сроки. Flutter - это SDK для мобильных приложений, в комплекте с фреймворком, виджетами и инструментами, который предоставляет разработчикам простой и продуктивный способ создания и развертывания красивых мобильных...
Программирование на Dart от новичка до эксперта

Программирование на Dart от новичка до эксперта

en
Изучите Dart с уровня Beginner и станьте экспертом, который может начать изучать Flutter, AngularDart и многое другое. В этом курсе вы узнаете все, что вам нужно знать о Dart. Dart - это язык, который становится популярным день ото дня, и разработчики по всему миру стремятся к этому языку...
Понятный JavaScript (Middle)

Понятный JavaScript (Middle)

ru
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень! Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript...
chat
logo