d3.js - Complete Developer Data Visualization Guide

Focused View

Paulo Dichone | Software Engineer, AWS Cloud Practitioner & Instructor

17:20:14

120 View

1 - Introduction

1 - Learning Path How to Get the Most out of The Course.mp4

02:41

2 - UPDATE Moved the Web Development Section to the Bottom.html

2 - Installing Development Tools

3 - Installing VSCode IDE and Helpful Extensions.mp4

10:15

4 - Using Chrome Browser.mp4

03:07

5 - Important Message.mp4

00:41

3 - Course Source Code

6 - Download All Source Code For this Course.html

6 - d3-course-code.zip

4 - Introduction to D3JS

7 - D3 Brief Introduction.mp4

01:26

8 - D3 Website and Demos.mp4

03:46

9 - Setting Up Project with D3.mp4

08:01

10 - SVG Introduction.mp4

02:09

11 - SVG Inline HTML Creating a Circle.mp4

09:01

12 - SVG MDN Docs.mp4

02:47

13 - Creating D3 Canvas and Circle.mp4

11:10

14 - Double Quotes or Not for Attr.mp4

02:55

15 - Creating Lines with SVG in D3.mp4

07:21

16 - SVG Text.mp4

06:49

5 - Creating Visualizations Dynamically

17 - Creating a Bar and Move it Dynamically.mp4

08:11

18 - Showing Three Bars on Screen Upside Down.mp4

12:46

19 - Inverting the yAxis.mp4

02:01

20 - Understanding the Enter function and Making it All Dynamically.mp4

09:03

21 - Cleaning up the Code.mp4

01:47

22 - Customizing Our Data Array with Objects.mp4

05:23

23 - Parsing Local and Remote JSON.mp4

17:42

6 - Earthquake Visualization Project

24 - Project Setup.mp4

10:10

25 - Showing Earthquakes Circles in the XAxis.mp4

13:14

26 - Showing Earthquakes Dynamically.mp4

12:33

27 - Adding Event MouseOver.mp4

09:53

28 - Showing a Tooltip.mp4

10:57

29 - Showing Tooltip with Data.mp4

11:52

7 - Scales BarCharts Revisited

30 - Revisiting Barcharts and Introduction to Scales.mp4

09:21

31 - What is Linear Scale.mp4

02:25

32 - Creating and Implementing yScale.mp4

07:07

33 - Band Scale.mp4

02:44

34 - Finalizing Band Scale.mp4

08:28

35 - Margins and Groups.mp4

09:59

36 - Creating xAxis and yAxis.mp4

09:58

37 - Final xAxis and Graph Inverted.mp4

06:54

38 - Bonus Adding Animation.mp4

05:05

39 - Fixing the Axis Issue.mp4

01:25

8 - SVG Paths

40 - SVG Paths Introduction.mp4

03:31

41 - Creating SVG Paths.mp4

07:36

42 - Creating SVG Paths with D3JS.mp4

11:16

43 - D3 Curves.mp4

05:52

44 - Creating an Area Chart Part 1.mp4

07:53

45 - Setting Ranges and Domains Part 2.mp4

15:19

46 - Adding Axis Part 3.mp4

07:40

47 - CSS Customizations Part 4.mp4

03:16

48 - Adding Line Part 5.mp4

07:14

49 - Final Tweaks.mp4

09:02

9 - Creating a Pie Chart

50 - Setting Up DACA Project.mp4

08:56

51 - Pie Chart Concepts.mp4

02:41

52 - Creating Pie Angles.mp4

11:01

53 - Showing an Arc on Screen.mp4

09:53

54 - Dynamically Showing a Pie Chart on Screen.mp4

10:25

55 - Adding Dynamic Colors to Pie.mp4

08:10

56 - Adding a Tooltip.mp4

12:41

57 - Beautifying the Pie Chart.mp4

12:10

58 - Adding Tween Animation.mp4

07:36

10 - Final Project US Immigration Services

59 - Immigration Visualization Demo.mp4

04:59

60 - Project Setup.mp4

08:46

61 - Pulling CSV Data.mp4

05:34

62 - Creating Clusters Part 1.mp4

15:18

63 - Creating Clusters Part 2.mp4

13:03

64 - Creating Clusters Circles Part 3.mp4

12:18

65 - Showing Clusters on Screen.mp4

09:16

66 - Showing D3 Tip.mp4

07:01

67 - Color Legend.mp4

13:49

68 - Adding Size Legend.mp4

10:56

69 - Finished Project.mp4

04:19

70 - Useful links.html

11 - The Essentials of Web Development HTML CSS and JavaScript

71 - Whats the World Wide Web WWW And How it Works.mp4

05:16

72 - Web Technologies and the Web.mp4

04:16

73 - JavaScript HTML and CSS The 3 Legged Stool.mp4

02:36

74 - Understanding the HTML Document Structure.mp4

05:40

75 - HTML Heading.mp4

04:23

76 - HTML Paragraph Tag.mp4

02:52

77 - The Break line Tag.mp4

02:51

78 - Formatting HTML Bio Page.mp4

08:23

79 - Adding Address and Break line.mp4

01:27

80 - Emphasizing and Formatting Text.mp4

08:24

81 - Solution to Challenge.mp4

01:00

82 - More HTML Elements.mp4

01:00

83 - Finalizing HTML Formatting.mp4

04:18

12 - HTML Attributes

84 - HTML Attributes.mp4

02:21

85 - HTML Attribute HREF and Style.mp4

04:29

86 - HTML Image Tag.mp4

08:41

87 - HTML Title and Lang Attribute.mp4

03:25

88 - List of More HTML Attributes.mp4

01:37

89 - Unordered List in HTML.mp4

07:38

90 - List Type Attributes and Nested Lists.mp4

08:16

91 - HTML Table Introduction.mp4

01:22

92 - Creating an HTML Table.mp4

08:05

93 - Adding Border Style to Table Inline CSS.mp4

07:08

13 - CSS Styling HTML Pages

94 - Introduction to CSS.mp4

01:06

95 - Styling our Table with Internal Style Sheet.mp4

10:20

96 - CHALLENGE Create a Simple HTML Page.mp4

01:40

97 - SOLUTION And More on CSS and Button.mp4

13:08

98 - CSS Rules Font Styles.mp4

04:07

99 - The Class Attribute.mp4

05:07

100 - The ID Attribute.mp4

03:54

14 - Building a Navigation Page

101 - Creating a Navigation Page Part1.mp4

09:16

102 - Navigation Page Creation Adding Hover.mp4

08:45

103 - Understanding the Box Model.mp4

03:30

104 - Removing Margin and Padding.mp4

03:24

105 - Adding More HTML Pages.mp4

04:10

106 - Adding Correct Paths to HTML Pages.mp4

04:11

107 - External Style Sheets adn Linking.mp4

07:13

108 - Introduction to DIV.mp4

05:17

109 - DIVs and Float.mp4

08:08

110 - Structuring Content in a Web Page.mp4

04:32

111 - Manually Restructuring Pages.mp4

07:21

15 - Sectioning Elements

112 - Using Sectioning Elements.mp4

01:25

113 - Using Sectioning Elements on a Page.mp4

10:44

114 - Structuring our Footer.mp4

04:19

115 - Final Thoughts About HTML.mp4

06:02

16 - JavaScript Fundamentals

116 - 3 Legged Stool Introduction to Javascript.mp4

00:43

117 - JavaScript in the Chrome Console.mp4

07:08

118 - More on JavaScript in the Console.mp4

07:33

119 - Understanding the DOM.mp4

03:33

120 - Location of the Script Tag and Why.mp4

07:22

121 - JavaScript Concatenation and Variables.mp4

09:41

122 - Null and Undefined and Boolean.mp4

05:10

123 - Arithmetic Operations.mp4

04:18

124 - Remainder.mp4

02:26

125 - The Plus Sign.mp4

02:58

126 - Introduction to If Statement.mp4

07:32

127 - Identicality Comparison.mp4

03:40

128 - Logical Operators with Conditional Operators.mp4

08:23

129 - The Ternary Operator.mp4

03:50

17 - JavaScript Arrays Loops

130 - Introduction to Arrays.mp4

06:16

131 - Getting the Last Item of an Array.mp4

04:16

132 - For Loops.mp4

08:31

18 - JavaScript Functions and Objects

133 - Introduction to Functions.mp4

04:23

134 - Different Types of Functions.mp4

03:13

135 - Function Parameters and Returns.mp4

07:13

136 - Local and Global Variables.mp4

04:09

137 - Understanding Local and let Scope Variables.mp4

10:11

138 - Introduction to Objects.mp4

02:43

139 - Creating our First JS Object.mp4

06:12

140 - Instantiating our Own Objects Constructors.mp4

14:16

19 - The DOM and The BOM

141 - The DOM and The BOM Using JS to Access the DOM.mp4

01:49

142 - Using getElementById Selector.mp4

12:35

143 - Using the querySelectors.mp4

05:16

144 - Applying inline CSS with JavaScript.mp4

07:56

145 - OnClick Event.mp4

09:30

146 - Intercepting More Events.mp4

09:39

147 - EventListeners.mp4

04:17

148 - More on EventListeners.mp4

06:10

20 - Building a Tip Calculator

149 - Build a Tip Calculator Part 1.mp4

11:01

150 - Tip Calculator CSS Part 2.mp4

11:20

151 - Build a Tip Calculator Part 3.mp4

09:35

152 - Build a Tip Calculator Part 4 Grabbing Input Field Values.mp4

07:47

153 - Tip Calculator Finalized UI.mp4

10:50

154 - Tip Calculator Final.mp4

14:34

21 - Where to Go Next from Here

155 - Where to Go Next from Here.mp4

10:30

156 - Inspiration is Everywhere.html

22 - Bonus

157 - Get My Other Courses at a Discount.html

Description

Bring Data to life with D3.Js Data Visualization Library. Master JavaScript, HTML, CSS and Build Stunning Data Visuals

What You'll Learn?

Web Development and D3 JS Data Visualization with Firebase
Build Data-Driven Visualizations
Learn HTML, CSS and JavaScript
Create D3 JS Projects with Firebase Backend

Who is this for?

Beginner developers who want to learn D3 JS

Data Scientists who want to learn D3 JS and Web Development Skills

Scientists who want to learn D3 JS and build Amazing Graphs and Visualizations

Staticians who want to learn Web Development and D3 JS Library to Convey Data in a Visual Form

Anyone who is interested in learning how to build projects with D3 JS Visualization Library

More details

Description
Have you ever wondered how stunning graphs and data-driven visualizations are created from raw data?
Do you want to communicate information clearly and efficiently with your organization, work, school, etc.?Â
If so, then you must enroll in this Complete Data Visualization course with D3.Js Library.

D3.js is a JavaScript library for Data Scientists, Statisticians, Mathematicians, Analysts, and anyone wanting to take raw data and create visually appealing graphs and Data-Driven Visualizations such as:
Bar Charts
Pie Charts
Line Graphs
Bubble Packs
Tree Diagrams and more
Effective visualization helps users analyze and reason about data and making complex data more accessible, understandable, and easy on the eye!

In this course, you'll have the opportunity to learn the basics of HTML, CSS, and JavaScript - the 3 main technologies needed to build amazing Visualizations with the D3.js library.

Once the basics and the fundamentals of web development are taken care of, you'll next embark on a journey where you'll master:
D3.js fundamentals: Drawing basic shapes on the screen
SVG - Changing Attributes and Styles
Transitions
Parsing data and draw dynamic graphsÂ
Creating different Scales and Axes
And so much more...

Ultimately, you'll build several real-world projects to put D3 skills to the test!
Who this course is for:
Developers wanting to build data-driven UI diagrams with JavaScript
Beginner Developers who want to learn HTML, CSS, and JavaScript and Ultimately D3 library
Data Scientists who want to learn D3 ( No prior development skill required - the course has everything you'll need to get started)
Mathematicians wanting to learn D3
Statisticians...Analysts, Scientists who want to build data driven visualizations...

I hope you'll join me in this adventure of learning D3!

Who this course is for:
Beginner developers who want to learn D3 JS
Data Scientists who want to learn D3 JS and Web Development Skills
Scientists who want to learn D3 JS and build Amazing Graphs and Visualizations
Staticians who want to learn Web Development and D3 JS Library to Convey Data in a Visual Form
Anyone who is interested in learning how to build projects with D3 JS Visualization Library

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm Paulo. I am passionate about teaching people Android, Java, and Flutter development. I have taught over 200,000 students in 175 countries worldwide. I have extensive experience in Mobile App Development (Android and iOS) Web Development, and AWS Cloud.My goal is to make you a great developer and AWS cloud Practitioner no matter your experience. In addition, I enjoy spending time with my growing family, playing the guitar mandolin, and traveling in my spare time. I look forward to helping you become the best developer & AWS Cloud Practitioner you can be. If you are new to Android development and my courses, I suggest you start with my most comprehensive Android course: 1. The Comprehensive 2020 Android Development Masterclass - You'll learn everything you need to know to get started with Android Development - no experience required!Next: 2. The Complete Intermediate Android Masterclass - You'll learn intermediate Android topics such as Work manager API, ROOM Database, and working in the background in Android.Cross-platform Development courses & Web-related (Build iOS and Android Mobile Apps): 3. Flutter & Dart - The Complete Flutter App Development Course - Learn the Dart Programming language and build iOS and Android Apps with a single codebase. 4. AngularDart - Build Dynamic Web Apps with Angular & Dart - Unleash the power of one of the most used web development frameworks, Angular and Dart, to build dynamic web apps. 5. TornadoFX - Build JavaFX Applications With Kotlin - Leverage the modern programming language, Kotlin, and JavaFX libraries to build stunning desktop appsFor AWS Cloud Courses: 1. Amazon EC2 Master Class (with Auto Scaling & Load Balancer) 2. Amazon ECS & Fargate Masterclass 3. Amazon EKS with Kubernetes 4. AWS AppSync & Amplify 5. AWS Lambda and the Serverless FrameworkPurely Java-based courses:6. Java Masterclass - Beginner to Expert Guide - Want to learn Java from the ground up? Then this is the course you'll need.7. Java Design Patterns - The Complete Masterclass - Learn how to build reliable software using well-tested, proven Design Patterns.I look forward to seeing you in my courses.

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.