Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published1🌍 Public
SSophia Murage
Last edited Apr 2, 2020
Created on Apr 2, 2020
Forked from Customizing Axes

This scatter plot visualizes the populations of nine countries from a CSV file, with country names on the y-axis and population on the x-axis. Built with D3 v5, it loads the data via `d3.csv` and uses `scaleLinear` and `scalePoint` to map values to SVG coordinates. The chart includes axes from `axisLeft` and `axisBottom`, grid lines, and a title, while circles are rendered with a fixed radius of 18 pixels. The styling is applied through external CSS, and the visualization updates dynamically after parsing the data.

AI-generated description

A program that loads and parses some CSV data: CSS Named Colors.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of eight countries, with each circle positioned along a horizontal axis scaled by population and a vertical axis listing country names. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and labeled axes. Data from a CSV file is parsed, with population values multiplied by 1000, and formatted using a custom tick formatter that converts abbreviations to billions. The chart includes gridlines, axis labels, and a title, all styled via external CSS.

BBKirst3
91% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of ten countries, with each circle positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file, converts the values from thousands to absolute numbers, and renders the chart as an SVG. Using D3 v7, the code applies `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for ticks, and `csv` for data loading. The chart includes formatted tick labels, gridlines, and a title, with circles colored steelblue.

陳陳泰元
91% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the nine most populous countries, with each circle positioned along a linear x-axis for population and a point scale y-axis for country names. The visualization uses D3 v6 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, with circles rendered as SVG elements. Data comes from a CSV file and is formatted with tick labels using the `.3s` format specifier, converting values like billions to a readable scale. Grid lines are created through negative tick sizes, and the chart includes custom axis labels and a title.

JJoachim Klug
90% match
Loading thumbnail…

Scatter plot

This chart displays population figures for ten countries using a scatter plot, where each circle’s horizontal position corresponds to its population value and its vertical position aligns with the country name. The visualization is built with D3 v5, using `scaleLinear` and `scalePoint` to map data, `axisBottom` and `axisLeft` for the axes, and SVG rendering. Data is loaded from a local CSV file and formatted with a compact tick format.

Kkaviya-ds
90% match
Loading thumbnail…

Scatter Plot

A scatter plot displays population sizes for the ten most populous countries, with each circle positioned along a categorical y-axis for country names and a quantitative x-axis for population. The visualization uses D3 v7, building SVG output with scales from `scaleLinear` and `scalePoint`, axes via `axisBottom` and `axisLeft`, and formatting using `format`. Data loads from a CSV file, converting population values to thousands and rendering labeled, grid-lined axes.

Aadelgrosso
90% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the populations of the top 10 most populous countries, with circles positioned along a linear x-axis for population counts and a point scale y-axis for country names. The code uses D3 v7 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render an SVG visualization. Population values from the CSV data are multiplied by 1000, and the x-axis tick labels are formatted with `format('.3s')` to display values in billions. Grid lines extend across the chart via tick sizing, and the circle radius is fixed at 18 pixels.

Kkezianathania021@gmail.com
89% match
Loading thumbnail…

Scatter plot: Quantitative

This visualization displays the population of the nine most populous countries as a scatter plot, with countries listed on the y-axis and population values on the x-axis. The D3.js v5 code uses `scaleLinear` and `scalePoint` to position circles, and `axisLeft` and `axisBottom` to render the axes, with population labels formatted in billions using `format`. Data is loaded from a CSV file and scaled by a factor of 1,000.

SShane Carey
89% match
Loading thumbnail…

Scatter Plot

Using d3.csv to load population data for ten countries, this scatter plot displays each nation as a circle positioned along a linear x-axis for population and a point scale y-axis for country names. The visualization uses d3.axisBottom and d3.axisLeft with custom tick formatting that abbreviates large numbers, while SVG circles are rendered with a fixed radius. Population values from the CSV are multiplied by 1000, and the chart includes labeled axes and a title.

Bben-chin-43
89% match