Главная страницаКатегория d3.jsИзучите D3.js для Визуализации Данных

Изучите D3.js для Визуализации Данных

Name: Изучите D3.js для Визуализации Данных
Price: 13 USD
Rating: 5 (12 reviews)

Learn and Understand D3.js for Data Visualization

udemy

★5 (всего оценок - 12)

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

9 ч 0 мин

Категория

D3.js

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

92 Видео

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

26 сент. 2021 г., 23:36

Язык

Английский

Дата выхода

14 янв. 2021 г., 02:00

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

29 апр. 2026 г., 12:53

Хотите уверенно владеть D3.js и создавать визуализации данных профессионального уровня?Этот курс поможет вам шаг за шагом освоить все ключевые инструменты библиотеки, понять логику работы D3 и научиться создавать интерактивные, адаптивные и эстетичные графики для реальных проектов.

Что представляет собой D3.js и зачем он нужен

D3.js — это мощная JavaScript‑библиотека, которая позволяет связывать данные с элементами DOM и создавать на их основе гибкие и настраиваемые визуализации. Благодаря широкому набору инструментов и модулей, D3 подходит как для простых диаграмм, так и для сложных аналитических панелей и интерактивных дашбордов.

Что вы изучите на курсе

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

Основы работы с D3

Использование D3 select для выбора, модификации и связывания элементов с данными.
Понимание принципов data binding и enter/update/exit.
Изучение структуры модулей D3 и их назначения.

SVG как фундамент визуализаций

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

Обзор основных SVG‑элементов.
Координатные плоскости, размеры и группы элементов.
Оптимизация производительности визуализаций.

Работа с данными и шкалами

Преобразование данных в координаты с помощью шкал.
Использование линейных, категориальных, логарифмических и других типов шкал.
Создание осей и вспомогательных элементов графиков.

Создание популярных типов графиков

По завершении курса вы будете уверенно создавать различные визуализации, включая:

гистограммы и линейные диаграммы;
круговые и секторные диаграммы;
точечные графики и диаграммы рассеяния;
настраиваемые визуализации для ваших собственных данных.

Интерактивность и анимации

Добавление событий взаимодействия: hover, click, drag.
Создание плавных переходов и анимаций.
Изготовление динамических визуализаций, реагирующих на действия пользователя.

Адаптивные и отзывчивые визуализации

Вы узнаете, как сделать свои визуализации удобными для просмотра на мобильных устройствах, планшетах и больших экранах:

техники адаптивной верстки SVG;
управление масштабированием и соотношением сторон;
практические рекомендации для кроссплатформенного отображения.

Почему этот курс — лучший выбор

Курс полностью обновлен и основан на актуальной версии D3.js 7.x. Учебная программа разработана так, чтобы вы смогли быстро перейти от основ к созданию собственных визуализаций, применяя современные подходы и лучшие практики.

Итог

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

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:04:33
Overview
Урок 2. 00:06:33
Preparing a Local Server
Урок 3. 00:07:51
Understanding D3 & Data Visualization
Урок 4. 00:06:12
What is SVG?
Урок 5. 00:05:09
Creating SVG images
Урок 6. 00:13:51
Basic SVG Shapes
Урок 7. 00:05:40
SVG Paths
Урок 8. 00:06:18
Adding D3
Урок 9. 00:04:11
D3 Packages
Урок 10. 00:09:41
Selections
Урок 11. 00:04:27
Appending Elements
Урок 12. 00:05:19
Transformation Methods
Урок 13. 00:05:00
Classes and Styles
Урок 14. 00:08:02
Joining Data
Урок 15. 00:08:02
The Enter Selection
Урок 16. 00:02:33
The Exit Selection
Урок 17. 00:01:54
Displaying Data
Урок 18. 00:06:22
Enter, Update, and Exit
Урок 19. 00:04:42
The Update Pattern
Урок 20. 00:08:22
JSON Requests
Урок 21. 00:05:03
CSV Requests
Урок 22. 00:07:50
First Steps
Урок 23. 00:04:11
Drawing the Image
Урок 24. 00:07:06
Adding Margins
Урок 25. 00:09:04
Accessor Functions
Урок 26. 00:06:49
Understanding Scales
Урок 27. 00:08:05
Writing Scales
Урок 28. 00:08:49
Applying Scales to Visualizations
Урок 29. 00:03:35
Refining Scales
Урок 30. 00:07:48
Adding an Axis
Урок 31. 00:05:13
Refining the x-axis
Урок 32. 00:06:57
The y-axis
Урок 33. 00:03:54
Flipping the y-axis
Урок 34. 00:04:21
Refining the Axis Ticks
Урок 35. 00:01:32
Summary
Урок 36. 00:03:49
Continuous vs. Discrete
Урок 37. 00:02:11
The scaleLinear() scale
Урок 38. 00:04:50
Introduction to Heatmaps
Урок 39. 00:08:04
Drawing the Heatmap
Урок 40. 00:07:27
Colors with a Linear Scale
Урок 41. 00:07:33
The scaleQuantize() Scale
Урок 42. 00:04:56
The scaleQuantile() Scale
Урок 43. 00:06:51
The scaleThreshold() Scale
Урок 44. 00:04:04
Quantize vs. Quantile vs. Thresholdv
Урок 45. 00:07:31
Color Scales
Урок 46. 00:02:42
Understanding the Log Scale
Урок 47. 00:15:39
The scaleLog() Scale
Урок 48. 00:01:04
Summary
Урок 49. 00:00:42
Introduction to Animations & Interactivity
Урок 50. 00:02:46
What is a histogram?
Урок 51. 00:07:29
Preparing the Histogram
Урок 52. 00:04:03
Understanding the Problem
Урок 53. 00:08:54
Creating Bins
Урок 54. 00:10:45
Histogram Finishing Touches
Урок 55. 00:05:43
Changing Metrics with Events
Урок 56. 00:07:59
Updating the Chart
Урок 57. 00:06:08
Transitions
Урок 58. 00:03:20
Understanding the Problem
Урок 59. 00:04:00
Fixing the Transition
Урок 60. 00:06:27
Fixing the Exit Transition
Урок 61. 00:05:28
Tweaking the Bars and Labels
Урок 62. 00:06:05
Adding the Mean
Урок 63. 00:05:03
Adding a Tooltip
Урок 64. 00:07:07
Mouse Events
Урок 65. 00:06:53
Formatting
Урок 66. 00:03:46
Understanding the Voronoi Diagram
Урок 67. 00:09:57
Creating a Voronoi Diagram
Урок 68. 00:04:18
Fixing the Voronoi Diagram
Урок 69. 00:00:37
Even More Charts
Урок 70. 00:03:40
Preparing the Line Chart
Урок 71. 00:07:16
Time Scales & Parsing
Урок 72. 00:07:57
Line Generator
Урок 73. 00:03:25
Adding an Axis
Урок 74. 00:08:49
Preparing the Tooltip
Урок 75. 00:07:31
Understanding Bisectors
Урок 76. 00:05:28
Custom Bisectors
Урок 77. 00:04:31
Finishing the Tooltip
Урок 78. 00:08:17
Getting Started with Pie Charts
Урок 79. 00:05:25
Drawing Arcs
Урок 80. 00:03:09
Understanding Ordinal Scales
Урок 81. 00:06:10
Using Ordinal Scales
Урок 82. 00:06:09
Adding Labels
Урок 83. 00:07:55
Fixing the Pie Chart
Урок 84. 00:05:14
Preparing the Stacked Bar Chart
Урок 85. 00:07:12
The Stack Function
Урок 86. 00:06:05
Band Scales
Урок 87. 00:09:26
Drawing the Stacked Bars
Урок 88. 00:06:05
Drawing the Axis
Урок 89. 00:05:00
Finishing Touches
Урок 90. 00:02:21
Sketching
Урок 91. 00:02:25
Responsive Charts
Урок 92. 00:01:40
Conclusion

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198