Learn and Understand D3.js for Data Visualization

Focused View

Luis Ramirez Jr

8:49:55

109 View

1 - Overview

1 - Overview.mp4

04:32

2 - Preparing a Local Server.mp4

06:32

2 - visual studio code.zip

3 - Understanding D3 & Data Visualization.mp4

07:50

3 - are pop lyrics getting more repetitive.zip

3 - tell a meaningful story with data.zip

2 - Understanding SVG

4 - What is SVG.mp4

06:11

5 - Creating SVG images.mp4

05:08

6 - Basic SVG Shapes.mp4

13:50

7 - SVG Paths.mp4

05:38

7 - section-2-COMPLETE.zip

3 - Fundamentals

8 - Adding D3.mp4

06:17

8 - d3.zip

9 - D3 Packages.mp4

04:10

10 - Selections.mp4

09:40

10 - d3 selection.zip

11 - Appending Elements.mp4

04:26

12 - Transformation Methods.mp4

05:18

13 - Classes and Styles.mp4

04:59

13 - section-3-6-COMPLETE.zip

14 - Joining Data.mp4

08:01

15 - The Enter Selection.mp4

08:01

16 - The Exit Selection.mp4

02:32

17 - Displaying Data.mp4

01:53

18 - Enter Update and Exit.mp4

06:21

19 - The Update Pattern.mp4

04:41

19 - section-3-12-COMPLETE.zip

20 - JSON Requests.mp4

08:21

20 - d3 fetch.zip

21 - CSV Requests.mp4

05:02

21 - section-3-14-COMPLETE.zip

4 - Drawing A Scatterplot

22 - First Steps.mp4

07:49

22 - adobe color.zip

22 - section-4-1-STARTER.zip

23 - Drawing the Image.mp4

04:10

24 - Adding Margins.mp4

07:05

25 - Accessor Functions.mp4

09:03

26 - Understanding Scales.mp4

06:48

27 - Writing Scales.mp4

08:04

27 - codepen project.zip

27 - d3 array.zip

28 - Applying Scales to Visualizations.mp4

08:48

29 - Refining Scales.mp4

03:34

30 - Adding an Axis.mp4

07:47

30 - d3 axis.zip

31 - Refining the xaxis.mp4

05:12

31 - css shaperendering.zip

32 - The yaxis.mp4

06:56

33 - Flipping the yaxis.mp4

03:53

34 - Refining the Axis Ticks.mp4

04:20

35 - Summary.mp4

01:31

35 - secttion-4-14-COMPLETE.zip

5 - Scales

36 - Continuous vs Discrete.mp4

03:48

36 - d3 scale.zip

37 - The scaleLinear scale.mp4

02:10

38 - Introduction to Heatmaps.mp4

04:49

38 - section-5-3-STARTER.zip

39 - Drawing the Heatmap.mp4

08:03

40 - Colors with a Linear Scale.mp4

07:26

41 - The scaleQuantize Scale.mp4

07:32

42 - The scaleQuantile Scale.mp4

04:55

43 - The scaleThreshold Scale.mp4

06:50

44 - Quantize vs Quantile vs Thresholdv.mp4

04:03

45 - Color Scales.mp4

07:30

45 - d3 scale chromatic.zip

45 - section-5-10-COMPLETE.zip

46 - Understanding the Log Scale.mp4

02:41

46 - log transformation.zip

47 - The scaleLog Scale.mp4

15:38

47 - section-5-12-STARTER.zip

47 - secttion-5-12-COMPLETE.zip

48 - Summary.mp4

01:03

6 - Animations & Interactivity

49 - Introduction to Animations & Interactivity.mp4

00:41

50 - What is a histogram.mp4

02:45

51 - Preparing the Histogram.mp4

07:28

51 - secttion-6-3-STARTER.zip

52 - Understanding the Problem.mp4

04:02

52 - d3 bins.zip

53 - Creating Bins.mp4

08:53

54 - Histogram Finishing Touches.mp4

10:44

55 - Changing Metrics with Events.mp4

05:42

56 - Updating the Chart.mp4

07:58

57 - Transitions.mp4

06:07

57 - d3 transition.zip

58 - Understanding the Problem.mp4

03:19

59 - Fixing the Transition.mp4

03:59

60 - Fixing the Exit Transition.mp4

06:26

61 - Tweaking the Bars and Labels.mp4

05:27

62 - Adding the Mean.mp4

06:04

62 - section-6-14-COMPLETE.zip

63 - Adding a Tooltip.mp4

05:02

64 - Mouse Events.mp4

07:06

65 - Formatting.mp4

06:52

65 - d3 format.zip

65 - d3 time format.zip

66 - Understanding the Voronoi Diagram.mp4

03:45

66 - d3 delaunay.zip

67 - Creating a Voronoi Diagram.mp4

09:56

68 - Fixing the Voronoi Diagram.mp4

04:17

68 - section-6-20-COMPLETE.zip

7 - Even More Charts

69 - Even More Charts.mp4

00:36

70 - Preparing the Line Chart.mp4

03:39

70 - section-7-2-STARTER.zip

71 - Time Scales & Parsing.mp4

07:15

71 - d3 time format.zip

72 - Line Generator.mp4

07:56

72 - d3 shape.zip

73 - Adding an Axis.mp4

03:24

74 - Preparing the Tooltip.mp4

08:48

75 - Understanding Bisectors.mp4

07:30

76 - Custom Bisectors.mp4

05:27

77 - Finishing the Tooltip.mp4

04:30

77 - section-7-9-COMPLETE.zip

78 - radians.zip

78 - secttion-7-10-STARTER.zip

79 - Drawing Arcs.mp4

04:53

80 - Understanding Ordinal Scales.mp4

03:02

81 - Using Ordinal Scales.mp4

06:09

81 - d3 scale chromatic.zip

82 - Adding Labels.mp4

06:08

83 - Fixing the Pie Chart.mp4

07:54

83 - section-7-15-COMPLETE.zip

84 - Preparing the Stacked Bar Chart.mp4

05:13

84 - difference between histogram and bar graph.zip

84 - section-7-16-STARTER.zip

85 - The Stack Function.mp4

07:11

86 - Band Scales.mp4

06:04

87 - Drawing the Stacked Bars.mp4

09:25

88 - Drawing the Axis.mp4

06:04

88 - d3 format.zip

89 - Finishing Touches.mp4

04:59

89 - section-7-21-COMPLETE.zip

8 - Conclusion

90 - Sketching.mp4

02:20

91 - Responsive Charts.mp4

02:24

91 - svg coordinates.zip

92 - Conclusion.mp4

01:40

92 - kaggle.zip

92 - observable.zip

Description

Dive deep under the hood of D3.js. Learn core concepts and build stunning data visualizations using D3 version 7

What You'll Learn?

Create stunning data visualizations using D3 and SVG
Understand selections to manipulate the DOM using D3
Learn about layouts to build various charts and graphs
Add transitions and animations to your graphs for a more interesting user experience
Use scales to help make your visuals work on any browser or device.
Understand the enter and exist modes in D3
Create responsive charts and graphs

Who is this for?

Journalists who would like to tell a story through data visualization.

Developers who wish to take their skills and profit to the next level.

Anyone who truly wants to understand the D3 core and create data visualizations.

Anyone new to data visualization and would like to know the best practices and approaches to projects.

Anyone wanting to learn about more advanced topics to become a better developer.

What You Need to Know?

Have a basic understanding of HTML, CSS and JavaScript

A text editor of your choice

Knowledge of SVG would be beneficial, but not required.

More details

Description
*Â This course has been updated to use the latest version of D3 -Â Version 7.x
Hello! Welcome to the D3.jsÂ development course. This is the most comprehensive and effectiveÂ course onÂ D3 around.Â This is the only course you'll ever need to learnÂ D3.Â
The goal of this course is toÂ not just teach you D3 (v7.x), but help you understand D3. D3 is a JavaScript library that allows you to build data visualizations easily. The library is absolutely massive and you can create any kind of data visualization you can imagine.Â With such a massive library, it can be difficult to grasp a lot of the concepts.
By the end of this course, you'll be more than comfortable using D3 and build awesome visualizations. Here is just some of the things you can expect to learn.
Learn about D3 selections which are used to select and manipulate elements on your document.Â
Get a basic overview of SVG. This is something courses skip over. By having a solid foundation of SVG, then you can make more optimal decisions for your visualizations.
Learn about scales which help you by converting your data into values that can be used to properly display your data. We'll learn about the linear, quantize, quantile, threshold, log, color, and a whole lot of other scales in this course.
Builds various graphs such as bar graphs, pie charts, scatter plots, histograms, line charts, and so much more!
Add interactivity and animation to your graphs to make them more interesting and appealing to the user.
Builds responsive graphs. Your visualizations will work on any device with a few simple tricks.
This course focuses on the latest version of D3. (version 7.x)
This is just some of the topics that will be covered.Â If you want to take ONE COURSE to learn everything you need to know to be successful D3 developer, take this course.**

Who this course is for:
Journalists who would like to tell a story through data visualization.
Developers who wish to take their skills and profit to the next level.
Anyone who truly wants to understand the D3 core and create data visualizations.
Anyone new to data visualization and would like to know the best practices and approaches to projects.
Anyone wanting to learn about more advanced topics to become a better developer.

User Reviews

Rating

average 0

Total votes0

Focused display

Data Visualization

Luis Ramirez Jr

Instructor's Courses

Luis is a software engineer with a decade of experience in web application development. He has spent his career architecting solutions that are reliable, battle-tested, secure, scalable, and performant. As an engineer, it's always a priority to develop applications that provide a fluid user experience.Most courses will teach you the "how," but never the "why." Luis believes that understanding core and critical concepts in programming will make you a competitive engineer in today's market. He's here to assist you in this journey by demystifying low-level concepts that other instructors may gloss over.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.