Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Starter scatter plot

Public visualization

d3 Starter scatter plot

0 stars1🌍 Public
GgitSushi
Last edited Apr 21, 2020
Created on Apr 21, 2020

A d3.js scatter plot displays the top ten most populous countries, using a linear scale for population on the x-axis and a point scale for country names on the y-axis. The code loads data from a CSV file with d3.csv, then renders circles with d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom. The chart includes grid lines, axis labels, and a title, with population values formatted in billions using d3.format. The visualization is built with SVG and styled via external CSS.

AI-generated description

data visualisation with D3.js : stopped at 04:18:05

From freeCodeCamp tutorial, on youtube FCC channel, by Curran Kelleher.

Comments

Sign in to join the discussion.

MIT Licensed