Главная страница Категория d3.js Визуализации данных с D3.js [2020 UPDATE]

Визуализации данных с D3.js [2020 UPDATE]

Name: Визуализации данных с D3.js [2020 UPDATE]
Rating: 4.6 (25 reviews)

Mastering data visualization in D3.js [2020 UPDATE]

udemy

★ 4.6 (всего оценок - 25)

Загрузить

Продолжительность

6 ч 24 мин

Категория

D3.js

Количество уроков

84 Видео

Дата добавления

21 июн. 2018 г., 15:52

Язык

Английский

Дата выхода

9 июн. 2018 г., 18:43

Дата обновления

25 янв. 2021 г., 15:20

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

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

Посмотреть больше

Урок 1. 00:02:25

Introduction to the course
Урок 2. 00:03:00

What is a data visualization?
Урок 3. 00:04:31

The power of D3
Урок 4. 00:03:04

How this course is structured
Урок 5. 00:00:43

Section Summary
Урок 6. 00:00:52

Introduction - Getting started with D3
Урок 7. 00:05:19

Setting up your environment
Урок 8. 00:06:21

Understanding SVGs
Урок 9. 00:06:54

Adding SVGs with D3
Урок 10. 00:04:52

Selections and data joins
Урок 11. 00:07:44

Loading external data
Урок 12. 00:00:45

Section Summary
Урок 13. 00:01:07

Introduction - Scales and Axes
Урок 14. 00:05:42

Linear Scales
Урок 15. 00:03:18

Logarithmic Scales
Урок 16. 00:01:30

Time Scales
Урок 17. 00:02:43

Ordinal Scales
Урок 18. 00:06:07

Band Scales
Урок 19. 00:04:24

D3 min, max, and extent
Урок 20. 00:06:38

Margins and groups
Урок 21. 00:06:55

Axes and labels
Урок 22. 00:04:47

Making a bar chart
Урок 23. 00:02:22

Project 1: StarBreak Coffee
Урок 24. 00:00:53

Section Summary
Урок 25. 00:01:04

Introduction - The basics of design
Урок 26. 00:03:21

Designing for clarity
Урок 27. 00:03:19

Subjectivity in design
Урок 28. 00:05:30

The design toolkit
Урок 29. 00:05:45

An introduction to sketching
Урок 30. 00:03:57

The Bootstrap grid system
Урок 31. 00:00:44

Section Summary
Урок 32. 00:01:30

Introduction - Make it dynamic
Урок 33. 00:02:23

Looping with intervals
Урок 34. 00:04:10

Adding an update function
Урок 35. 00:05:54

The D3 update pattern
Урок 36. 00:03:10

Making our chart dynamic
Урок 37. 00:05:48

D3 Transitions
Урок 38. 00:01:50

Scatter plots in D3
Урок 39. 00:03:12

Project 2: Gapminder Clone
Урок 40. 00:01:08

Section Summary
Урок 41. 00:01:04

Introduction - Make it interactive
Урок 42. 00:03:12

Adding a legend
Урок 43. 00:06:53

Formatting and parsing in D3
Урок 44. 00:08:16

Introducing Tooltips
Урок 45. 00:10:17

Event listeners and handlers in D3
Урок 46. 00:04:39

Adding a jQuery UI slider
Урок 47. 00:08:08

Line graphs in D3
Урок 48. 00:02:44

Project 3: CoinStats
Урок 49. 00:01:13

Section Summary
Урок 50. 00:01:31

Introduction - Frequently used visualizations
Урок 51. 00:04:24

Using the D3 community
Урок 52. 00:05:09

Migrating code to version 5.x
Урок 53. 00:05:20

D3 Layouts
Урок 54. 00:08:09

Area Charts
Урок 55. 00:13:33

Stacked Area Charts
Урок 56. 00:07:01

Data structures and D3 nests
Урок 57. 00:17:02

Pie and donut charts
Урок 58. 00:05:52

Wordclouds
Урок 59. 00:00:55

Section Summary
Урок 60. 00:01:13

Introduction - Maps and Networks
Урок 61. 00:07:58

Visualization around the globe
Урок 62. 00:05:05

Loading multiple datasets with D3
Урок 63. 00:09:04

Choropleth Maps
Урок 64. 00:08:26

Forces in D3
Урок 65. 00:08:46

Node-Link Diagrams
Урок 66. 00:01:09

Section Summary
Урок 67. 00:01:35

Introduction - Hierarchical Data
Урок 68. 00:05:04

Building hierarchies in D3
Урок 69. 00:05:30

Tree Diagrams
Урок 70. 00:07:55

Treemaps
Урок 71. 00:06:00

Circle Packing
Урок 72. 00:08:44

Sunburst Plots
Урок 73. 00:01:22

Section Summary
Урок 74. 00:01:11

Introduction - File structure and linked views
Урок 75. 00:03:28

File Separation
Урок 76. 00:07:28

Visualizations as Objects
Урок 77. 00:07:54

Converting our code to OOP
Урок 78. 00:06:50

Handling events across objects
Урок 79. 00:08:36

D3 Brushes
Урок 80. 00:04:14

Project 4: A corporate data dashboard
Урок 81. 00:01:02

Section Summary
Урок 82. 00:00:55

Introduction - Wrapping up the course
Урок 83. 00:01:59

What you learned
Урок 84. 00:01:31

Concluding Thoughts

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.