udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
D3.js в действии: создание 15 проектов c D3.js
D3.js in Action: Build 15 D3.js Data Visualization Projects
★5 (всего оценок - 21)
Продолжительность
16 ч 20 мин
Категория
D3.jsКоличество уроков
88 Видео
Дата добавления
8 февр. 2019 г., 12:10
Язык
Английский
Дата выхода
24 янв. 2019 г., 10:00
Дата обновления
29 апр. 2026 г., 02:23
D3.js — один из самых мощных инструментов для визуализации данных, который превращает сухие цифры в наглядные и интерактивные графики. Если вы хотите научиться создавать визуализации профессионального уровня, этот курс даст вам практическую основу через создание 15 реальных проектов на D3.js.
Что вы узнаете в этом курсе
Курс охватывает полный цикл работы с D3.js версии 5 — от базовых принципов до построения сложных визуализаций. Обучение построено на практике, благодаря чему вы сразу закрепляете знания на реальных задачах.
Ключевые навыки, которые вы освоите
- Связка данных с DOM-элементами и динамическое обновление интерфейса.
- Создание визуализаций с использованием HTML, SVG и CSS.
- Работа с масштабами, осями, цветами и переходами.
- Применение интерактивности и анимаций.
- Построение графиков, диаграмм, деревьев и кастомных визуальных элементов.
Практические проекты курса
Обучение полностью ориентировано на практику. Вы создадите 15 проектов визуализации данных, среди которых:
Базовые проекты
- Горизонтальная гистограмма
- Вертикальная гистограмма
- Вертикальная гистограмма с осями
- Line Chart
- Круговая диаграмма с легендой
Продвинутые визуализации и анимации
- Анимированная гистограмма
- Moving Stars
- Make Me Laugh
Сложные проекты на основе деревьев
- Семейное дерево
- Классическое семейное древо
- Дерево с изображениями
- Полное семейное древо
Почему этот курс эффективен
Инструктор пишет код вместе с вами, в реальном времени, без заранее подготовленных примеров. Такой подход помогает глубже понять логику D3.js и научиться применять библиотеку для собственных проектов.
Простое объяснение — сложные возможности
Каждая новая концепция объясняется ясно и подробно, что делает курс подходящим даже для тех, кто впервые работает с D3.js или визуализацией данных в целом.
Кому подходит этот курс
- Начинающим разработчикам, желающим освоить визуализацию данных.
- Аналитикам, которые хотят представлять данные нагляднее.
- Front-end разработчикам, стремящимся расширить набор инструментов.
- Тем, кто хочет создавать динамичные интерактивные визуализации.
Итог
Присоединяйтесь к курсу «D3.js в действии» и шаг за шагом научитесь создавать впечатляющие визуализации данных, которые оживляют ваши идеи и делают информацию понятной и наглядной.
- Урок 1.00:01:49What is D3.js?
- Урок 2.00:12:37CSS Selectors - Part 1
- Урок 3.00:11:04CSS Selectors - Part 2
- Урок 4.00:14:32SVG Basics - Part 1
- Урок 5.00:16:23SVG Basics - Part 2
- Урок 6.00:16:31SVG Basics - Part 3
- Урок 7.00:07:02Set Up D3.js Development Environment
- Урок 8.00:06:58Select the Required Elements - Part 1
- Урок 9.00:09:23Select the Required Elements - Part 2
- Урок 10.00:16:16Style the Selected Elements
- Урок 11.00:11:39Add Class to the Selected Elements
- Урок 12.00:10:31Set Attributes to the Selected Elements
- Урок 13.00:03:33Set Content for the Selected Elements
- Урок 14.00:05:43Add New Elements
- Урок 15.00:10:33Hands-On: Create SVG on the Fly
- Урок 16.00:10:20Join an Array of Data with Selected Elements
- Урок 17.00:08:04Join an Array of Objects with Selected Elements
- Урок 18.00:07:52Introduction to Data Joins: The Core of D3.js
- Урок 19.00:15:00Enter, Update and Exit Selections in Version 3
- Урок 20.00:11:51Enter, Update and Exit Selections in Version 5
- Урок 21.00:09:09The Real Magic of D3
- Урок 22.00:06:33Project 1: Horizontal Bar Chart
- Урок 23.00:12:19Project 2: Vertical Bar Chart
- Урок 24.00:06:04Introduction to Scales in D3.js
- Урок 25.00:08:52Linear Scales
- Урок 26.00:04:42Avoid Hardcoding with min and max
- Урок 27.00:10:52Color Scales
- Урок 28.00:07:57Power and Logarithmic Scales
- Урок 29.00:11:28Time Scales: Part 1
- Урок 30.00:13:25Time Scales: Part 2
- Урок 31.00:15:10Sequential Scales
- Урок 32.00:10:46Quantize Scales
- Урок 33.00:13:31Quantile & Threshold Scales
- Урок 34.00:09:15Ordinal Scales
- Урок 35.00:17:39Add X and Y Axis
- Урок 36.00:14:48Style the Axis as You Want - Part 1
- Урок 37.00:07:17Style the Axis as You Want - Part 2 (Update to Part 1)
- Урок 38.00:11:04Hands-On: Display 4 Axes Based on User Input - Part 1
- Урок 39.00:12:13Hands-On: Display 4 Axes Based on User Input - Part 2
- Урок 40.00:07:00Hands-On: Display 4 Axes Based on User Input - Part 3 (Update Lecture)
- Урок 41.00:19:19Project 3: Vertical Bar Chart with Axes - Part 1
- Урок 42.00:05:35Project 3: Vertical Bar Chart with Axes - Part 2 (Update to Part 1)
- Урок 43.00:12:13Line Generator - Part 1
- Урок 44.00:12:46Line Generator - Part 2
- Урок 45.00:15:14Project 4: Line Chart - Part 1
- Урок 46.00:03:13Project 4: Line Chart - Part 2 (Update to Part 1)
- Урок 47.00:14:24Area Generator
- Урок 48.00:10:36Project 5: Area Chart - Part 1
- Урок 49.00:11:35Project 5: Area Chart - Part 2
- Урок 50.00:16:05Stack Generator
- Урок 51.00:10:31Project 6: Stacked Area Chart - Part 1
- Урок 52.00:09:04Project 6: Stacked Area Chart - Part 2
- Урок 53.00:11:47Project 6: Stacked Area Chart - Part 3
- Урок 54.00:13:31Arc Generator - Part 1
- Урок 55.00:12:06Arc Generator - Part 2
- Урок 56.00:11:36Arc Generator - Part 3
- Урок 57.00:08:32Pie Generator
- Урок 58.00:10:31Symbol Generator
- Урок 59.00:15:23Project 7: Pie Chart with Legend - Part 1
- Урок 60.00:12:13Project 7: Pie Chart with Legend - Part 2
- Урок 61.00:10:34Introduction to Transitions
- Урок 62.00:15:14Control the Speed of Your Animations
- Урок 63.00:07:50Project 8: Animated Bar Chart
- Урок 64.00:09:35Transition Chaining
- Урок 65.00:15:43Tweening
- Урок 66.00:20:35Project 9: Moving Stars
- Урок 67.00:10:29Project 10: Make Me Laugh - Part 1
- Урок 68.00:10:54Project 10: Make Me Laugh - Part 2
- Урок 69.00:13:39Interact using Mouse - Part 1
- Урок 70.00:10:51Interact using Mouse - Part 2
- Урок 71.00:16:14Make Visualizations Draggable
- Урок 72.00:09:11Zoom In and Zoom Out Visualization at Individual Level
- Урок 73.00:07:26Zoom In and Zoom Out Visualization as a Whole
- Урок 74.00:17:03How to Fetch and Process CSV Data?
- Урок 75.00:07:04How to Fetch and Process JSON Data?
- Урок 76.00:08:31How to Fetch and Process XML Data?
- Урок 77.00:12:44Introduction to Tree Layout - Part 1
- Урок 78.00:13:12Introduction to Tree Layout - Part 2
- Урок 79.00:10:14Tree in a Different Direction
- Урок 80.00:11:37Project 11: Family Tree - Part 1
- Урок 81.00:14:47Project 11: Family Tree - Part 2
- Урок 82.00:09:31Solution to Name Conflict in Family Tree
- Урок 83.00:07:58Project 12: Classic Family Tree - Part 1
- Урок 84.00:07:31Project 12: Classic Family Tree - Part 2
- Урок 85.00:09:20Project 12: Classic Family Tree - Part 3
- Урок 86.00:12:38Project 13: Tree with Images
- Урок 87.00:15:31Project 14: Complete Family Tree
- Урок 88.00:10:15Project 15: Zoomable Family Tree
Автор - udemy
Комментарии