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

D3.js in Action: Build 12 D3.js Data Visualization Projects
Duration 14:43:46
Открыть все курсы от udemy
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

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).

Полный список уроков Развернуть / Свернуть
  • Урок 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
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 08.03.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

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

Комментарии

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

30-11--0001 en 17 уроков
Introduction to D3
D3.js (или просто D3) это JavaScript-библиотека для обработки и визуализации данных. Она предоставляет удобные утилиты для обработки и загрузки массивов данных и создания DOM-элементов. Эта заметка описывает работу с основными методами библиотеки, она подойдёт для изучения основ библиотеки и погружения в её логику и возможности.
Duration 01:25:31
14 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
12 2

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

Полный курс по программированию на 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