Вы когда-нибудь задумывались, как из необработанных данных создаются потрясающие графики и визуализации на основе данных? Вы хотите четко и эффективно передавать информацию своей организации, работе, школе и т. д.? Если да, то вы должны записаться на этот курс полной визуализации данных с библиотекой D3.Js.
D3.js - это библиотека JavaScript для специалистов по данным, статистиков, математиков, аналитиков и всех, кто хочет брать необработанные данные и создавать визуально привлекательные графики и визуализации на основе данных, такие как:
Гистограммы;
Круговые диаграммы;
Линейные графики;
Бабл паки;
Древовидные диаграммы и многое другое...
Эффективная визуализация помогает пользователям анализировать и рассуждать о данных, а также делает сложные данные более доступными и понятными!
В этом курсе у вас будет возможность изучить основы HTML, CSS и JavaScript - 3 основных технологии, необходимых для создания потрясающих визуализаций с помощью библиотеки D3.js.
Узнав основы веб-разработки, вы отправитесь в путешествие, в котором освоите:
Основы D3.js: рисование основных фигур на экране
SVG - изменение атрибутов и стилей
Переходы
Анализ данных и рисование динамических графиков
Создание различных шкал
И многое другое ...
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Learning Path - How to Get the Most out of The Course
Урок 2.
00:10:16
Installing VSCode IDE and Helpful Extensions
Урок 3.
00:03:08
Using Chrome Browser
Урок 4.
00:00:42
Important Message
Урок 5.
00:01:27
D3 Brief Introduction
Урок 6.
00:03:47
D3 Website and Demos
Урок 7.
00:08:02
Setting Up Project with D3
Урок 8.
00:02:10
SVG - Introduction
Урок 9.
00:09:02
SVG Inline HTML - Creating a Circle
Урок 10.
00:02:48
SVG MDN Docs
Урок 11.
00:11:11
Creating D3 Canvas and Circle
Урок 12.
00:02:56
Double Quotes or Not for Attr
Урок 13.
00:07:22
Creating Lines with SVG in D3
Урок 14.
00:06:50
SVG Text
Урок 15.
00:08:12
Creating a Bar and Move it Dynamically
Урок 16.
00:12:48
Showing Three Bars on Screen (Upside Down)
Урок 17.
00:02:02
Inverting the yAxis
Урок 18.
00:09:04
Understanding the "Enter()" function and Making it All Dynamically
Урок 19.
00:01:48
Cleaning up the Code
Урок 20.
00:05:24
Customizing Our Data Array with Objects
Урок 21.
00:17:43
Parsing Local and Remote JSON
Урок 22.
00:10:11
Project Setup
Урок 23.
00:13:15
Showing Earthquakes - Circles in the X-Axis
Урок 24.
00:12:34
Showing Earthquakes - Dynamically
Урок 25.
00:09:54
Adding Event MouseOver
Урок 26.
00:10:58
Showing a Tooltip
Урок 27.
00:11:53
Showing Tooltip with Data
Урок 28.
00:09:22
Revisiting Barcharts and Introduction to Scales
Урок 29.
00:02:26
What is Linear Scale
Урок 30.
00:07:08
Creating and Implementing yScale
Урок 31.
00:02:45
Band Scale
Урок 32.
00:08:29
Finalizing Band Scale
Урок 33.
00:10:00
Margins and Groups
Урок 34.
00:09:59
Creating xAxis and yAxis
Урок 35.
00:06:55
Final xAxis and Graph Inverted
Урок 36.
00:05:06
Bonus - Adding Animation
Урок 37.
00:01:26
Fixing the Axis Issue
Урок 38.
00:03:32
SVG Paths Introduction
Урок 39.
00:07:37
Creating SVG Paths
Урок 40.
00:11:17
Creating SVG Paths with D3JS
Урок 41.
00:05:53
D3 Curves
Урок 42.
00:07:54
Creating an Area Chart - Part 1
Урок 43.
00:15:20
Setting Ranges and Domains - Part 2
Урок 44.
00:07:41
Adding Axis - Part 3
Урок 45.
00:03:17
CSS Customizations - Part 4
Урок 46.
00:07:15
Adding Line - Part 5
Урок 47.
00:09:03
Final Tweaks
Урок 48.
00:08:57
Setting Up DACA Project
Урок 49.
00:02:42
Pie Chart Concepts
Урок 50.
00:11:02
Creating Pie Angles
Урок 51.
00:09:54
Showing an Arc on Screen
Урок 52.
00:10:26
Dynamically Showing a Pie Chart on Screen
Урок 53.
00:08:11
Adding Dynamic Colors to Pie
Урок 54.
00:12:42
Adding a Tooltip
Урок 55.
00:12:11
Beautifying the Pie Chart
Урок 56.
00:07:37
Adding Tween Animation
Урок 57.
00:05:00
Immigration Visualization - Demo
Урок 58.
00:08:47
Project Setup
Урок 59.
00:05:35
Pulling CSV Data
Урок 60.
00:15:19
Creating Clusters - Part 1
Урок 61.
00:13:04
Creating Clusters - Part 2
Урок 62.
00:12:19
Creating Clusters Circles - Part 3
Урок 63.
00:09:17
Showing Clusters on Screen
Урок 64.
00:07:02
Showing D3 Tip
Урок 65.
00:13:50
Color Legend
Урок 66.
00:10:57
Adding Size Legend
Урок 67.
00:04:20
Finished Project
Урок 68.
00:05:17
What's the World Wide Web (WWW) And How it Works
Урок 69.
00:04:17
Web Technologies and the Web
Урок 70.
00:02:37
JavaScript, HTML and CSS - The 3 Legged Stool
Урок 71.
00:05:41
Understanding the HTML Document Structure
Урок 72.
00:04:24
HTML Heading
Урок 73.
00:02:53
HTML Paragraph Tag
Урок 74.
00:02:52
The Break line Tag
Урок 75.
00:08:24
Formatting HTML - Bio Page
Урок 76.
00:01:28
Adding Address and Break line
Урок 77.
00:08:25
Emphasizing and Formatting Text
Урок 78.
00:01:01
Solution to Challenge
Урок 79.
00:01:01
More HTML Elements
Урок 80.
00:04:19
Finalizing HTML Formatting
Урок 81.
00:02:22
HTML Attributes
Урок 82.
00:04:30
HTML Attribute - HREF and Style
Урок 83.
00:08:42
HTML Image Tag
Урок 84.
00:03:26
HTML Title and Lang Attribute
Урок 85.
00:01:38
List of More HTML Attributes
Урок 86.
00:07:39
Unordered List in HTML
Урок 87.
00:08:17
List Type Attributes and Nested Lists
Урок 88.
00:01:23
HTML Table - Introduction
Урок 89.
00:08:06
Creating an HTML Table
Урок 90.
00:07:09
Adding Border Style to Table - Inline CSS
Урок 91.
00:01:07
Introduction to CSS
Урок 92.
00:10:21
Styling our Table with Internal Style Sheet
Урок 93.
00:01:41
CHALLENGE: Create a Simple HTML Page
Урок 94.
00:13:09
SOLUTION And More on CSS and Button
Урок 95.
00:04:08
CSS Rules - Font Styles
Урок 96.
00:05:08
The Class Attribute
Урок 97.
00:03:55
The ID Attribute
Урок 98.
00:09:17
Creating a Navigation Page - Part1
Урок 99.
00:08:46
Navigation Page Creation - Adding Hover
Урок 100.
00:03:31
Understanding the Box Model
Урок 101.
00:03:25
Removing Margin and Padding
Урок 102.
00:04:11
Adding More HTML Pages
Урок 103.
00:04:12
Adding Correct Paths to HTML Pages
Урок 104.
00:07:14
External Style Sheets adn Linking
Урок 105.
00:05:18
Introduction to DIV
Урок 106.
00:08:09
DIVs and Float
Урок 107.
00:04:33
Structuring Content in a Web Page
Урок 108.
00:07:22
Manually Restructuring Pages
Урок 109.
00:01:26
Using Sectioning Elements
Урок 110.
00:10:45
Using Sectioning Elements on a Page
Урок 111.
00:04:20
Structuring our Footer
Урок 112.
00:06:03
Final Thoughts About HTML
Урок 113.
00:00:44
3 Legged Stool - Introduction to Javascript
Урок 114.
00:07:09
JavaScript in the Chrome Console
Урок 115.
00:07:34
More on JavaScript in the Console
Урок 116.
00:03:34
Understanding the DOM
Урок 117.
00:07:23
Location of the Script Tag and Why
Урок 118.
00:09:42
JavaScript Concatenation and Variables
Урок 119.
00:05:11
Null and Undefined and Boolean
Урок 120.
00:04:19
Arithmetic Operations
Урок 121.
00:02:27
Remainder
Урок 122.
00:02:59
The Plus Sign
Урок 123.
00:07:33
Introduction to If Statement
Урок 124.
00:03:41
Identicality Comparison
Урок 125.
00:08:24
Logical Operators with Conditional Operators
Урок 126.
00:03:51
The Ternary Operator
Урок 127.
00:06:17
Introduction to Arrays
Урок 128.
00:04:17
Getting the Last Item of an Array
Урок 129.
00:08:32
For Loops
Урок 130.
00:04:24
Introduction to Functions
Урок 131.
00:03:14
Different Types of Functions
Урок 132.
00:07:14
Function Parameters and Returns
Урок 133.
00:04:10
Local and Global Variables
Урок 134.
00:10:12
Understanding Local and let Scope Variables
Урок 135.
00:02:44
Introduction to Objects
Урок 136.
00:06:13
Creating our First JS Object
Урок 137.
00:14:17
Instantiating our Own Objects - Constructors
Урок 138.
00:01:50
The DOM and The BOM - Using JS to Access the DOM
Урок 139.
00:12:36
Using getElementById Selector
Урок 140.
00:05:17
Using the querySelectors
Урок 141.
00:07:57
Applying inline CSS with JavaScript
Урок 142.
00:09:31
OnClick Event
Урок 143.
00:09:40
Intercepting More Events
Урок 144.
00:04:18
EventListeners
Урок 145.
00:06:11
More on EventListeners
Урок 146.
00:11:02
Build a Tip Calculator - Part 1
Урок 147.
00:11:21
Tip Calculator - CSS - Part 2
Урок 148.
00:09:36
Build a Tip Calculator - Part 3
Урок 149.
00:07:48
Build a Tip Calculator - Part 4 - Grabbing Input Field Values
Урок 150.
00:10:51
Tip Calculator - Finalized UI
Урок 151.
00:14:35
Tip Calculator - Final
Урок 152.
00:10:31
Where to Go Next, from Here?
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Мы начнем с изучения документации D3, которая обширна и очень тщательна, но может быть сложной для навигации. Я укажу на то, как структурирована документация, а также поясню экосистемы bl.ocks и blockbuilder, а также способы их использования в наших интересах.
Узнайте, как использовать D3 (v5) и Firebase (Firestore) для создания динамических визуализаций данных SVG. Гистограммы, круговые диаграммы и тд. D3.js - это мощная библиотека JavaScript, которая позволяет легко создавать визуализации данных. В этом курсе я научу вас, как использовать возможности D3 для создания различных визуализаций, управляемых данными, таких как гистограммы, круговые диаграммы, линейные графики, пузырьковые пакеты и древовидн
D3.js in Action: Build 15 D3.js Data Visualization Projects
D3.js (V 5) с нуля! Сборка полезных проектов визуализации данных D3.js! D3.js для начинающих. "Одна картинка стоит тысячи слов". Это правда, что концепции легко понять, если объяснить их с помощью диаграмм. В современном мире, управляемом данными, очень важно наилучшим образом использовать имеющиеся данные таким образом, чтобы из них можно было извлечь полезную информацию. Визуализация данных - это самый простой и быстрый способ сделать
Mastering data visualization in D3.js [2020 UPDATE]
Cоздавайте красивые визуализации данных с помощью d3.js. Интенсивное введение в библиотеку D3. Этот курс поднимет вас в D3 до такой степени, что вы сможете построить практически любую визуализацию, которую вы можете себе представить. Курс научит вас программировать в последней версии D3 - версия 5.x.
+21
[Книга] Красивая визуализации данных с D3 (Packet ADVANCED)