Mô tả

This is a course that aims to build a step-by-step approach towards mastering the d3 library.

  1. d3.js is a data visualisation library for the web browser.

  2. The course starts with the basics of SVG, the building block of charts and graphs (d3.js library makes use of SVG elements to represent the data in a graphical format in the web browser).

  3. Then you will enter the world of d3.js to understand the first principles of using the library.

  4. You will go through 12 important modules of the library one after the other in a systematic manner.

  5. Each module is made up of several methods, and the methods are explained in detail with the help of code and the output seen via the browser console.

  6. After the completion of each module you will be doing a project, and in some cases more than a project per module.

  7. The projects give a sense of building real world applications and strengthen the concepts learnt.

  8. The projects also helps you use different types of data and create nice UI/UX.

  9. This is a comprehensive course for you to progress in the domain of data visualisation.

  10. This course will gear you to build large scale and complex applications either in your personal or professional areas.

Bạn sẽ học được gì

Understand the basics (behind the scenes) about D3 and know how D3 goes about doing its job

Start from the fundamentals of SVG, that forms the main aspect of creating D3 based charts and graphs

Gain a wide range of exposure towards charts & graphs (vertical bar, horizontal bar, bubble, stacked, grouped, scatter plots, line, area, radial, pie, donut)

Work with D3 objects to build a deeper understanding of the library

Learn 12 core modules that can help you build a majority of chart and graph types

Learn more than 100 different methods(functions) from 12 different modules (also called as micro-libraries)

Build more than 25 different projects with 22 unique projects

Build 22 unique projects that do not repeat the data or the visual representation

Learn how to conceptualise the chart creation process through the projects

Work with data from the real world, while creating the projects

Learn about adding interactivity and animation to the charts and graphs

Prepare yourself to take up large scale personal or professional challenges/needs

Strengthen your position as a data visualisation person in the field of analysis, consulting, analytics or data science

Yêu cầu

  • Basic understanding of HTML, CSS and Javascript

Nội dung khoá học

36 sections

Overview

1 lectures
What to expect from this course?
13:17

About D3

1 lectures
Introduction To D3.js Library
09:35

Being Prepared

1 lectures
Pre Requisites For This Course
02:12

Set Up

1 lectures
Working Environment
07:54

Github Repo

1 lectures
Github repo for the entire course
00:02

The Co-ordinate Systems

1 lectures
Traditional System And Screen System Of Creating/Rendering Charts And Graphs
04:17

Starting With SVG (Scalable Vector Graphics)

16 lectures
Concept Of SVG And SVG Element
04:49
Circle Element
05:07
Rect Element
05:33
Rect Element: Square
01:15
Ellipse Element
02:28
Line Element
03:09
Polygon Element
04:57
Polyline Element
04:23
Text Element
07:33
Path Element
06:31
Transform Property
04:45
Group Element
05:32
SVG Viewport
11:48
SVG Closing Notes
07:53
Simple Bar Chart
19:28
Entering D3
03:31

Selecting Elements

7 lectures
Select Method
27:55
SelectAll Method
24:17
Filter Method
16:31
Merge Method
20:04
SelectChild Method
15:20
SelectChildren Method
09:39
PROJECT: Coloring Elements
47:21

Modifying Elements

14 lectures
Attr Method
22:03
Classed Method
18:17
Style Method
19:21
Property Method
21:08
Text Method
08:35
Append Method
16:02
Html Method
08:05
Insert Method
14:33
Remove Method
05:18
Clone Method
05:04
Sort Method
15:54
Raise Method
07:27
Lower Method
03:38
PROJECT: IMDB Ratings
01:51:13

Joining Data

7 lectures
Data Method
29:12
Datum Method
09:23
Enter Method
13:02
Exit Method
07:50
Join Method
23:08
Key Function
11:09
PROJECT: Planets
56:25

Handling Events

5 lectures
On Method
24:29
Dispatch Method
14:40
Pointer Method
09:08
Pointers Method
05:25
PROJECT: Ford
01:22:18

Control Flow

7 lectures
Each Method
15:34
Call Method
12:45
Empty Method
03:10
Nodes Method
04:51
Size Method
04:42
Iterator
03:17
PROJECT: Caloric Ratio
45:26

PROJECT

1 lectures
PROJECT: Top 9 Indian IT Companies
01:22:06

Continuous Scales

9 lectures
Linear Scale
43:23
PROJECT: Population Density
39:18
Power Scale
23:51
PROJECT: Vehicle Depreciation
22:06
Logarithmic Scale
07:17
Identity Scale
04:15
Radial Scale
05:07
Time Scale
21:47
PROJECT: San Francisco Temperatures
26:24

Sequential Scales

2 lectures
Sequential Scale
13:49
PROJECT: Cement Color
16:55

Diverging Scales

2 lectures
Diverging Scale
07:58
PROJECT: Cement Color
03:03

Quantize Scales

2 lectures
Quantize Scale
12:44
PROJECT: FitBit Revenues
24:40

Quantile Scales

2 lectures
Quantile Scale
15:52
PROJECT: Air Quality
29:42

Threshold Scales

2 lectures
Threshold Scale
17:32
PROJECT: Air Quality
04:34

Ordinal Scales

2 lectures
Ordinal Scale
16:50
PROJECT: Basket Ball Points
26:18

Band Scales

2 lectures
Band Scale
29:34
PROJECT: Basket Ball Points
10:44

Point Scales

2 lectures
Point Scale
13:04
PROJECT: Basket Ball Points
10:49

PROJECT

1 lectures
PROJECT: University Enrollment
46:20

Axes

2 lectures
Axes
54:46
PROJECT: D3.js Google Trends
59:03

Color

1 lectures
Color
16:11

Color Schemes

1 lectures
Color Schemes
32:36

Transitions

1 lectures
Transitions
28:41

Arrays

5 lectures
Statistics
22:16
Search
35:58
Transformations
33:25
Iterations
18:46
Sets
11:56

PROJECT

1 lectures
PROJECT: Sales Analysis
02:28:32

Number Formats

1 lectures
Number Formats
42:59

Interpolators

1 lectures
Interpolators
27:39

Fetches

1 lectures
Fetches
25:17

PROJECT

1 lectures
PROJECT: Tesla Models
01:24:45

Shapes

11 lectures
Lines
57:53
PROJECT: IBM March 2020 Stock Prices
47:49
Radial Lines
25:47
PROJECT: Business Outreach Spending
01:15:36
Areas
25:03
PROJECT: Atlanta Airport
30:53
Curves
11:50
Arcs
28:38
PROJECT: Global Research & Development Spending
34:21
Symbols
18:07
PROJECT: Best 5 Countries
01:02:01

Time Formats

1 lectures
Time Formats
10:54

Course Closing Notes

1 lectures
Course Closing Notes
02:31

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.