Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Scatter Plot with D3.js

Public visualization

Making a Scatter Plot with D3.js

0 stars1🌍 Public
XXin Li
Last edited Mar 22, 2021
Created on Mar 21, 2021

This example shows a scatter plot of the top 10 most populous countries, using population data from a CSV file and rendering circles for each country. It uses D3.js v6 with SVG, employing `scaleLinear` for the population axis, `scalePoint` for country placement, and `axisLeft`/`axisBottom` with custom tick formatting. Grid lines are drawn via negative tick sizes, and the chart includes a title and axis label.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed