Course Information
Course Overview
D3.js (V 5) from Scratch! Build Useful D3.js Data Visualization Projects! D3.js for Beginners
*** 17 hours of content ***
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
"A picture is worth a thousand words". It is true that concepts are easily understood when explained with the help of diagrams. In today's data-driven world, it is very important to make the best use of available data in such a way that useful insights are derived from it. Data visualization is the easiest and fastest way to make it possible. D3.js is a popular JavaScript library for manipulating documents in the context of data data. D3 stands for Data Driven Documents. D3 helps you bring data to life using HTML, SVG, and CSS.
D3 allows you to bind data to a Document Object Model, and then apply data-driven transformations to the document. Elements can be added, removed, or modified according to the contents of the data set. For example, you can use D3 to generate an HTML table from an array of numbers or even use the same data to create a horizontal bar chart using SVG. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation.
"D3.js in Action: Build 17 D3.js Data Visualization Projects" is a 100% practical hands-on course that teaches you D3.js from scratch using the latest available version V5. All concepts are explained in a very detailed and easily understandable manner. The instructor codes along instead of explaining the concepts with already prepared code samples. By completing this course, you will be confident enough to develop D3.js Data Visualizations on your own from scratch.
As of now, there are 17 projects included in this course that are developed from scratch. This will help you really boost your confidence in applying your D3.js knowledge to develop real-world data visualization projects. The projects developed as part of this course are:
Horizontal Bar Chart
Vertical Bar Chart
Vertical Bar Chart with Axes
Scatterplot
Line Chart
Area Chart
Stacked Area Chart
Pie Chart with Legend
Animated Bar Chart
Moving Stars
Make Me Laugh
Family Tree
Classic Family Tree
Tree with Images
Complete Family Tree
Zoomable Family Tree
Ancestry Chart
So join this wonderful D3.js course and have a great time learning D3.js (V5).
Course Content
- 10 section(s)
- 145 lecture(s)
- Section 1 Be Familiar with D3.js (Introduction to D3.js)
- Section 2 Primer on Technology Fundamentals (D3.js Prerequisites)
- Section 3 Be Ready to Start (Basics of D3.js)
- Section 4 D3.js Data Joins (The Core of D3.js)
- Section 5 Adjust the Size Up or Down (D3.js Scales)
- Section 6 Have an Axis for Reference (D3.js Axes)
- Section 7 Draw Different Shapes (D3.js Shapes)
- Section 8 Animate Your Visualizations (D3.js Transitions)
- Section 9 Make Your Visualizations Interactive (Dragging and Zooming)
- Section 10 Deal with External Data in Different Formats
What You’ll Learn
- Learn D3 from beginner to professional level
- Develop different types of data visualizations
- Understand the core of D3 - enter, update and exit selections in depth
- Develop 14 unique D3 data visualization projects
- Make the best use of available data to represent it visually
- Learn D3 scales to adjust the size of the visualizations
- Learn how to add an axis for reference
- Add life to visualizations using D3 transitions
Reviews
-
IIfeanyi Ndu
Thanks so much for this course
-
PParag Gupta
much was left desired. No deep explanations of concept. Felt like instructor just wanted to get through the course
-
JJemimah Beryl M. Sai
The best thing about this course is the instructor shows you how to do different kinds of charts using d3.js version 5. Each activity shows you the source code so that you can try the examples yourself.
-
BBrian Widgeon
Does a good job explaining how and why things work in d3.js