D3.js в действии: создание 12 проектов c D3.js - Видеоуроки

D3.js in Action: Build 12 D3.js Data Visualization Projects
Duration 14:43:46
Открыть все курсы от udemy

D3.js in Action: Build 12 D3.js Data Visualization Projects - Полный список уроков

Развернуть / Свернуть
  • Урок 1. What is D3.js? 00:01:49
  • Урок 2. CSS Selectors - Part 1 00:12:37
  • Урок 3. CSS Selectors - Part 2 00:11:04
  • Урок 4. SVG Basics - Part 1 00:14:32
  • Урок 5. SVG Basics - Part 2 00:16:23
  • Урок 6. SVG Basics - Part 3 00:16:31
  • Урок 7. Set Up D3.js Development Environment 00:07:02
  • Урок 8. Select the Required Elements - Part 1 00:06:58
  • Урок 9. Select the Required Elements - Part 2 00:09:23
  • Урок 10. Style the Selected Elements 00:16:16
  • Урок 11. Add Class to the Selected Elements 00:11:39
  • Урок 12. Set Attributes to the Selected Elements 00:10:31
  • Урок 13. Set Content for the Selected Elements 00:03:33
  • Урок 14. Add New Elements 00:05:43
  • Урок 15. Hands-On: Create SVG on the Fly 00:10:33
  • Урок 16. Join an Array of Data with Selected Elements 00:10:20
  • Урок 17. Join an Array of Objects with Selected Elements 00:08:04
  • Урок 18. Introduction to Data Joins: The Core of D3.js 00:07:52
  • Урок 19. Enter, Update and Exit Selections in Version 3 00:15:00
  • Урок 20. Enter, Update and Exit Selections in Version 5 00:11:51
  • Урок 21. The Real Magic of D3 00:09:09
  • Урок 22. Project 1: Horizontal Bar Chart 00:06:33
  • Урок 23. Project 2: Vertical Bar Chart 00:12:19
  • Урок 24. Introduction to Scales in D3.js 00:06:04
  • Урок 25. Linear Scales 00:08:52
  • Урок 26. Avoid Hardcoding with min and max 00:04:42
  • Урок 27. Color Scales 00:10:52
  • Урок 28. Power and Logarithmic Scales 00:07:57
  • Урок 29. Time Scales: Part 1 00:11:28
  • Урок 30. Time Scales: Part 2 00:13:25
  • Урок 31. Sequential Scales 00:15:10
  • Урок 32. Quantize Scales 00:10:46
  • Урок 33. Quantile & Threshold Scales 00:13:31
  • Урок 34. Ordinal Scales 00:09:15
  • Урок 35. Add X and Y Axis 00:17:39
  • Урок 36. Style the Axis as You Want 00:14:48
  • Урок 37. Hands-On: Display 4 Axes Based on User Input - Part 1 00:11:04
  • Урок 38. Hands-On: Display 4 Axes Based on User Input - Part 2 00:12:13
  • Урок 39. Project 3: Vertical Bar Chart with Axes 00:19:19
  • Урок 40. Line Generator - Part 1 00:12:13
  • Урок 41. Line Generator - Part 2 00:12:46
  • Урок 42. Project 4: Line Chart 00:15:14
  • Урок 43. Area Generator 00:14:24
  • Урок 44. Stack Generator 00:16:05
  • Урок 45. Arc Generator - Part 1 00:13:31
  • Урок 46. Arc Generator - Part 2 00:12:06
  • Урок 47. Arc Generator - Part 3 00:11:36
  • Урок 48. Pie Generator 00:08:32
  • Урок 49. Symbol Generator 00:10:31
  • Урок 50. Project 5: Pie Chart with Legend - Part 1 00:15:23
  • Урок 51. Project 5: Pie Chart with Legend - Part 2 00:12:13
  • Урок 52. Introduction to Transitions 00:10:34
  • Урок 53. Control the Speed of Your Animations 00:15:14
  • Урок 54. Project 6: Animated Bar Chart 00:07:50
  • Урок 55. Transition Chaining 00:09:35
  • Урок 56. Tweening 00:15:43
  • Урок 57. Project 7: Moving Stars 00:20:35
  • Урок 58. Project 8: Make Me Laugh - Part 1 00:10:29
  • Урок 59. Project 8: Make Me Laugh - Part 2 00:10:54
  • Урок 60. Interact using Mouse - Part 1 00:13:39
  • Урок 61. Interact using Mouse - Part 2 00:10:51
  • Урок 62. Make Visualizations Draggable 00:16:14
  • Урок 63. Zoom In and Zoom Out Visualization at Individual Level 00:09:11
  • Урок 64. Zoom In and Zoom Out Visualization as a Whole 00:07:26
  • Урок 65. How to Fetch and Process CSV Data? 00:17:03
  • Урок 66. How to Fetch and Process JSON Data? 00:07:04
  • Урок 67. How to Fetch and Process XML Data? 00:08:31
  • Урок 68. Introduction to Tree Layout - Part 1 00:12:44
  • Урок 69. Introduction to Tree Layout - Part 2 00:13:12
  • Урок 70. Tree in a Different Direction 00:10:14
  • Урок 71. Project 9: Family Tree - Part 1 00:11:37
  • Урок 72. Project 9: Family Tree - Part 2 00:14:47
  • Урок 73. Project 10: Classic Family Tree - Part 1 00:07:58
  • Урок 74. Project 10: Classic Family Tree - Part 2 00:07:31
  • Урок 75. Project 10: Classic Family Tree - Part 3 00:09:20
  • Урок 76. Project 11: Tree with Images 00:12:38
  • Урок 77. Project 12: Complete Family Tree 00:15:31

D3.js (V 5) с нуля! Сборка полезных проектов визуализации данных D3.js! D3.js для начинающих. "Одна картинка стоит тысячи слов". Это правда, что концепции легко понять, если объяснить их с помощью диаграмм. В современном мире, управляемом данными, очень важно наилучшим образом использовать имеющиеся данные таким образом, чтобы из них можно было извлечь полезную информацию. Визуализация данных - это самый простой и быстрый способ сделать это возможным. D3.js - это популярная библиотека JavaScript для манипулирования документами в контексте данных. D3 означает Data Driven Documents. D3 поможет вам воплотить данные в жизнь с помощью HTML, SVG и CSS.

D3 позволяет связывать данные с объектной моделью документа, а затем применять преобразование, управляемое данными, к документу. Элементы могут быть добавлены, удалены или изменены в соответствии с содержимым набора данных. Например, вы можете использовать D3 для генерации HTML-таблицы из массива чисел или даже использовать те же данные для создания горизонтальной гистограммы с использованием SVG. D3 сочетает мощные методы визуализации и взаимодействия с управляемым данными подходом к манипулированию DOM.

«D3.js в действии: создание 12 проектов c D3.js» - это практический курс, который обучает вас D3.js с нуля с использованием последней доступной версии V5. Все концепции объясняются очень подробно и легко понятным образом. Инструктор пишет вместе с вами, а не объясняет концепции с уже подготовленными примерами кода. Завершив этот курс, вы будете достаточно уверены в том, что сможете самостоятельно разрабатывать визуализации данных с D3.js.

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

  • Горизонтальная гистограмма
  • Вертикальная гистограмма
  • Вертикальная гистограмма с осями
  • Line Chart
  • Круговая диаграмма с легендой
  • Анимированная гистограмма
  • Moving Stars
  • Make Me Laugh
  • Семейное дерево
  • Классическое Семейное Древо
  • Дерево с изображениями
  • Полное Семейное Древо

Так что присоединяйтесь к этому замечательному курсу D3.js и прекрасно проведите время, изучая D3.js (V5).

Твоя оценка

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

Комментарии

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

30-11--0001 en 17 уроков
Introduction to D3
D3.js (или просто D3) это JavaScript-библиотека для обработки и визуализации данных. Она предоставляет удобные утилиты для обработки и загрузки массивов данных и создания DOM-элементов. Эта заметка описывает работу с основными методами библиотеки, она подойдёт для изучения основ библиотеки и погружения в её логику и возможности.
Duration 01:25:31
15 0
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
09-06-2018 en 84 урока
udemy Mastering data visualization in D3.js
Cоздавайте красивые визуализации данных с помощью d3.js. Интенсивное введение в библиотеку D3. Этот курс поднимет вас в D3 до такой степени, что вы сможете построить практически любую визуализацию, которую вы можете себе представить. Курс научит вас программировать в последней версии D3 - версия 5.x.
Duration 06:53:20
13 2
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
1 0

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

Введение в Python разработку

Введение в Python разработку

en
Этот курс предназначен для обучения программированию с использованием Python. Мы рассмотрим строительные блоки языка, основы программирования, как использовать стандартную библиотеку, сторонние пакеты и как создавать проекты Python. В конце концов, вы должны понимать, как программировать.
Профессиональный облачный разработчик Google Cloud Certified

Профессиональный облачный разработчик Google Cloud Certified

en
Этот курс подготовит вас к сертификации Google Professional Cloud Developer, и все разделы основаны на общих целях, которые Google опубликовал для подготовки к экзамену. Мы также включили подробные пошаговые руководства и практические занятия, которые помогут закрепить концепции, которые мы...
Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

en
Цель этого курса - подготовить вас к сдаче сертификации Google Cloud Certified Professional Cloud Architect certification. Мы достигнем этого с помощью широкого спектра уроков, практических демонстраций, лабораторных условий и практических вопросов в качестве многогранного подхода к подготовке.
AWS Advanced Networking Specialty

AWS Advanced Networking Specialty

en
Добро пожаловать на курс сертификации специалистов по продвинутым сетям AWS. Этот курс предназначен для того, чтобы дать вам концепции, практические занятия, практические экзамены и учебные пособия, необходимые для подготовки к экзамену. Хотя AWS больше не требует сертификации уровня Associate...
Автоматизация AWS с помощью Lambda, Python и Boto3

Автоматизация AWS с помощью Lambda, Python и Boto3

en
В этом курсе будет изучаться автоматизация AWS с использованием Lambda и Python. Мы будем использовать AWS SDK для Python, более известный как Boto3. Вы узнаете, как интегрировать Lambda со многими популярными сервисами AWS, такими как EC2, S3, SQS, DynamoDB и другими.
Постройте приложение Laravel с TDD

Постройте приложение Laravel с TDD

en
Пришло время взять методы, которые мы изучили в Laravel From Scratch, и эффективно использовать их при создании вашего первого реального приложения. Вместе мы будем использовать TDD для создания Birdboard - минимального, похожего на Basecamp, приложения для управления проектами.
Web Start

Web Start

ru
Хорошие новости - Codename 47 вернулся. Плохие новости - ничего нового он с собой не захватил. В этой части все те же уровни, для все то й же аудитории. Все надежды прошлой части развеялись в пух и прах. Если вы следили за приключениями лысого раньше, то эта часть врятли вас чем то...
Стилизация (стайлинг) NativeScript Core приложений

Стилизация (стайлинг) NativeScript Core приложений

en
Все о CSS в NativeScript Core. В этом курсе мы подробно изучим методы моделирования с помощью NativeScript Core. Мы узнаем, как использовать глобальные конструкции стилей NativeScript, а также как лучше подходить к разделению стилей на составные правила. Мы также рассмотрим использование стилей...
chat
logo