Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published1🌍 Public
Eevapavlinek
Last edited Apr 7, 2020
Created on Apr 7, 2020
Forked from Customising axes

This scatter plot displays the population of ten countries, with each circle positioned along a logarithmic scale for population and an ordinal scale for country name. The visualization uses D3 v5 to implement the chart, employing `scaleLinear` and `scalePoint` for the axes, while `axisBottom` and `axisLeft` render the gridlines. The code loads data from `data.csv` via D3’s `csv` function and renders using SVG, with the title and axis labels added as text elements.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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.

陳陳泰元
93% match
Loading thumbnail…

Scatterplot

A scatterplot displays the population of the ten most populous countries, with population on the x-axis and country names on the y-axis. The visualization uses a linear scale for population and a point scale for countries. The code loads data from a CSV file, parses population values, and renders circles using D3 v5's selection methods. It includes axis labels, a chart title, and gridlines generated with `axisBottom` and `axisLeft`, with an SVG rendering approach.

DDifan Gu
93% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each circle positioned along a horizontal linear scale for population and a vertical point scale for country names. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the axes. Population values are parsed from a CSV file and formatted with tick labels using `format('.3s')`, while gridlines are drawn via tick sizes.

1123fischer
93% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of ten countries, using a linear scale for the x-axis and a categorical point scale for the y-axis. Circles are positioned based on population and country name, with all points styled in steel blue. The visualization is built with D3 v5, using `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the chart. Data is loaded from a local CSV file and rendered as SVG, with grid lines and formatted tick labels showing population values in billions.

ZZY Huang
93% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the ten most populous countries, with each circle positioned along a linear scale for population and a point scale for country names. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for scaling, and d3.axisBottom and d3.axisLeft for axes, with gridlines rendered via tick sizes. Circles are appended to an SVG container using D3's data join, and axis labels and a title are added as text elements.

BbeauMarko
93% match
Loading thumbnail…

Scatterplot

This scatterplot displays the populations of the ten most populous countries, with circles arranged along a y-axis ordered by country name and an x-axis scaled by population size. The visualization uses D3 v5’s `scaleLinear` for population values, `scalePoint` for country positions, and `axisLeft` with `axisBottom` to render axes. Data loads from a CSV via `csv`, and the SVG circles are appended with fixed radii, while tick labels use the `format` function to abbreviate large numbers.

Ccornshoots
92% match
Loading thumbnail…

Scatter plot

This scatter plot displays the population of ten countries as horizontal bars, with each country’s name on the y-axis and its population value on the x-axis. The visualization uses d3.csv to load the data, d3.scaleLinear for the x-axis, and d3.scaleBand for the y-axis. It renders SVG rectangles, with axes generated via d3.axisLeft and d3.axisBottom, and applies a 1000 multiplier to the raw population numbers during data formatting.

Ddavidpiber
92% match