散点图

100%

✓ Published1🌍 Public

Last edited Apr 18, 2020

Created on Apr 18, 2020

This scatter plot displays the population of six global regions in 2019, using circles positioned along a point scale for regions and a linear scale for population values. The chart includes labeled axes, gridlines, and a title, with data loaded from a CSV file using d3.csv. The code employs d3.scalePoint, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.format to render the visualization as SVG, applying a nice() function to the population scale for cleaner tick values.

AI-generated description

散点图，与柱状图类似，只不过把柱子换成圆圈

scaleBand函数换为scalePoint

比例尺使用nice()函数

散点图可以用于表示项目经理连续在项目部签到的情况。

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays population figures for global regions, with each circle’s horizontal position encoding the population value and vertical position mapping to the region name. The chart uses D3 v5 APIs including `scaleLinear` for the x-axis, `scalePoint` for categorical y-axis placement, and `axisBottom`/`axisLeft` for grid lines. Data is loaded from a CSV file via `csv`, with population values multiplied by 1000. The visualization is rendered as SVG with light green circles, styled axes, and a title.

HHadi Boukdir

86% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top ten most populous countries, with each circle positioned along a linear population axis and a point scale for country names. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to construct the chart. Data is loaded from a CSV file via `d3.csv`, with population values converted from thousands to absolute numbers. Grid lines extend through the plot area, and axis labels are formatted using `format('.3s')` to abbreviate large numbers.

GGordon Yang

83% match

Loading thumbnail…

D3 Scatter Plot - using point

A scatter plot displays population figures for ten countries, using circular points positioned along a categorical y-axis for country names and a linear x-axis for population values, with axes labeled in billions via tick formatting. The visualization is built with D3 v7, loading data from a CSV file and rendering SVG elements. It uses `scaleLinear` and `scalePoint` for scales, `axisBottom` and `axisLeft` for axes, and sets point radius to eight pixels with steelblue fills.

YYoung Song

83% 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

83% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the ten most populous countries, with each circle positioned along the y-axis by country and the x-axis by population value. It uses d3.csv to load the data, then d3.scaleLinear and d3.scalePoint to map population and country names to positions. The visualization includes axes with tick marks, a title, and uses SVG rendering with circles styled via CSS. Data is formatted using d3.format, and axes are created with d3.axisLeft and d3.axisBottom.

Pparkypoo

83% match

Loading thumbnail…

scatter

The chart displays the populations of the top ten countries as circles positioned along a horizontal population scale and vertical country axis. Using D3.js v5 with an SVG canvas, the code loads population data from a CSV file and maps it through linear and point scales. The axis ticks are formatted with custom abbreviations, and grid lines are drawn via tick extensions, with circles filled in steelblue.

YYanxxx447

82% match

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

82% match

Loading thumbnail…

Scatter plot 3d (1)

This example shows the population sizes of the world’s ten most populous countries in 2018, plotted as circles along a horizontal linear scale and a vertical point scale. Data comes from the World Population Prospects 2017 dataset. Using D3 v7, the code loads a CSV, formats population values, and renders an SVG with `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`. Circle radii are fixed, while tick lines extend across the chart to create a grid-like layout.

JJuanmaBV

82% match