Gain insights into D3.js fundamentals, explore DOM manipulation, data binding, and SVG. Learn about creating maps, graphs, and network visualizations to master data-driven documentation.

Introduction to Visualization Using D3.js.png

In this course, you will learn the fundamentals of D3.js (stands for Data-Driven Documents), which is a JavaScript library mainly used for visualization.

In the first half of the course, you will cover DOM (Document Object Model) manipulation, method chaining, data binding, and data loading.

In the second half, you’ll cover visualization concepts and dive deep into SVG which is used to draw different geometrical shapes. After that, you’ll work with various maps and graphs in order to display your data. Lastly, you’ll learn about network visualization with the help of nodes and links.

By the end of this course, you will have a new, powerful data visualization library at your disposal.

Introduction to Visualization Using D3.js

Which chart is commonly used to display continuous data over time? 

Which chart is commonly used to display continuous data over time?

Which of the following graphs is used to show a comparison among categorical data?


Which of the following graphs is used to show a comparison among categorical data?

A pie chart is used to show hierarchical data.

A pie chart is used to show hierarchical data.

Which of the following function(s) is/are used to add a vertical axis.
Select all which apply.

Which of the following function(s) is/are used to add a vertical axis.
Select all which apply.

`text` is used to add labels to the chart.

<code>text</code> is used to add labels to the chart.

Which of the following APIs is used to draw a line chart? 

Which of the following APIs is used to draw a line chart?

The input for `startAngle()` is always in _______.

The input for <code>startAngle()</code> is always in _______.

Which of the following APIs is used to add angle information to the data? 

Which of the following APIs is used to add angle information to the data?

Which of the following chart(s) can be drawn using the `d3.area()` API? Select all which apply.

Which of the following chart(s) can be drawn using the <code>d3.area()</code> API? Select all which apply.

The `d3.stack()` API is used to compute the y values for each layer in a stacked area chart. 

The <code>d3.stack()</code> API is used to compute the y values for each layer in a stacked area chart.

Check your understanding of the concepts covered so far.

Introduction

D3.js Fundamentals

Scales

Drawing Basic Shapes

Chart Fundamentals

Network Visualization, Hierarchical Data, and Interactivity

Conclusion

Quiz on Chart Fundamentals