Skip to main content
SimilarExport ZIP
100%

Yifu's Scatter Plot

✓ Published2🌍 Public
YYifu Chen
Last edited Dec 25, 2019
Created on Dec 25, 2019

This scatter plot displays the population of the top ten most populous countries, with each circle representing a country’s total population. The chart uses a linear scale for the x-axis and a point scale for the y-axis, with axis labels and a title. Built with D3 v5, it loads data from a CSV file using `d3.csv`, applies `scaleLinear` and `scalePoint`, and renders SVG circles via `selectAll('circle').data().enter().append()`. The data originates from the United Nations Population Prospect 2017.

AI-generated description

Yifu's simple bar chart

I created the visualization following this tutorial: https://www.youtube.com/watchv=_8V5o2UHG0E&t=1220s

Data source: Data source is United Nations Population Prospect 2017

Dec. 24, 2019

MIT Licensed

Similar vizzes

Loading thumbnail…

Yifu's Customized Bar Chart

This horizontal bar chart displays the population of the top ten most populous countries, using data from the United Nations Population Prospect 2017. The visualization ranks countries along the y-axis, with bars extending rightward proportionally to population values. Built with D3 v5, the code uses `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG elements. The chart applies custom tick formatting to abbreviate population numbers, removes default axis lines, and styles the bars with a steelblue fill against a light green background.

YYifu Chen
89% match
Loading thumbnail…

Yifu's Customized Bar Chart

This horizontal bar chart displays the population of the top ten most populous countries, using data from the United Nations Population Prospect 2017. The visualization ranks countries along the y-axis, with bars extending rightward proportionally to population values. Built with D3 v5, the code uses `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG elements. The chart applies custom tick formatting to abbreviate population numbers, removes default axis lines, and styles the bars with a steelblue fill against a light green background.

YYifu Chen
89% match
Loading thumbnail…

Scatter plot

This scatter plot displays the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. It uses D3 v6’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG axes and marks. Population values from the 2018 UN World Population Prospects are loaded via `csv`, formatted with `format('.3s')`, and drawn as steelblue circles.

SShuyu Zheng
85% match
Loading thumbnail…

scatter plot

This scatter plot displays the populations of the top ten most populous countries, with each circle representing a country along a categorical y-axis and its population on the linear x-axis. The visualization uses D3 v5 to load CSV data, scaleLinear and scalePoint for positioning, and axisBottom/axisLeft with tick formatting. Circles are rendered as SVG elements, with a title and rotated axis labels clarifying the data source, which lists countries and their populations in thousands.

Jjingwg3@163.com
85% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, using circles positioned along a linear scale for population and a point scale for country names. The data originates from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv. The visualization uses D3 v7's scaleLinear, scalePoint, axisBottom, and axisLeft to render the SVG chart, with formatted tick labels and a population axis label.

Yyejichun@naver.com
85% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the population of the top 10 most populous countries, with circles positioned along a linear population scale and a point scale for country names. The code uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom to render the axes and plot, while custom tick formatting converts large numbers to abbreviated units. Data comes from the 2018 United Nations World Population Prospects estimate, loaded via d3.csv from a local CSV file, and rendered as SVG circles with a fixed radius.

Sshanmango
85% match
Loading thumbnail…

scatter plot

This scatter plot displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. Each circle represents a country, positioned along a linear x-axis for population and a point scale y-axis for country names. The code uses d3.csv, scaleLinear, scalePoint, axisBottom, axisLeft, and format to render the SVG chart with a custom tick formatter, grid lines, and axis labels.

YYedrup
85% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the populations of the top 10 most populous countries, using data from the United Nations 2018 estimates. The chart initially appears as a bar chart but renders the data points as SVG circles, with the y-axis listing country names and the x-axis scaled linearly to population values. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the chart, while customizing axis labels and removing tick lines for a cleaner presentation. The data is loaded from a local CSV file.

Yylzami40
85% match