-
Book Overview & Buying
-
Table Of Contents
Learn D3.js - Second Edition
By :
Let’s create a scatterplot! In this tutorial, you’ll apply what you’ve learned in the last three chapters to build a data visualization comparing the Gross Domestic Product (GDP) per capita (in international USD) with the Human Development Index (HDI) of different countries. We’ll use a CSV source containing data obtained from the United Nations public data portal.
This is a two-part tutorial. In the first part, we’ll load the data to create a simple chart, set up dimensions and scales, plot the dots, then add axes and labels, and adjust the scales for optimal visualization. In the second part, we’ll add colors, tooltips, and other interactive features.
Figure 9.26 shows the data visualization created in the first part of this tutorial, which consists of six steps.
Figure 9.26 – The scatter chart that will be created in the first part of the tutorial...