Chinese population 2018 and GDP with dot

100%

Chinese population 2018 and GDP with dot

✓ Published1🌍 Public

Last edited Mar 24, 2020

Created on Mar 24, 2020

Forked from Chinese population 2019 pro with dot

This dot plot visualizes the relationship between population, GDP, and per-capita spending for Chinese provinces in 2018, using bubble size for population and axes for GDP and spending. The chart is rendered as an SVG via D3 v5, with circles positioned by linear scales and labeled with province names. Data comes from the National Bureau of Statistics of China, parsed from a CSV file. Axis ticks and grid lines are styled using D3’s `axisBottom` and `axisLeft` APIs.

AI-generated description

中国各地人口及GDP总值分布点状图

数据来源：[http://data.stats.gov.cn/easyquery.htm?cn=E0103]

MIT Licensed

Similar vizzes

Loading thumbnail…

Chinese population 2019 pro with dot

A dot plot displays the 2019 population of Chinese provinces, using circles positioned along a linear population scale and a point scale for province names. The visualization uses D3 v5 with an SVG rendering, importing `csv`, `scaleLinear`, `scalePoint`, and axis components to build the chart. Data comes from the National Bureau of Statistics, with population values loaded from a CSV file and formatted in millions. The chart includes labeled axes, grid lines, and a title, with circles styled in steel blue.

Wwyh1029

85% match

Loading thumbnail…

Chinese population 2019

This bar chart displays the population of Chinese provinces and municipalities in 2019, ordered by name along the vertical axis with population counts on the horizontal axis. Using D3 v5, the visualization employs `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering rectangles in an SVG container. Data comes from a CSV file with values parsed as numbers, and axes are generated with `axisLeft` and `axisBottom`. The source data is cited from China’s National Bureau of Statistics.

Wwyh1029

79% match

Loading thumbnail…

Chinese population 2019 pro

This horizontal bar chart displays the population of Chinese provinces and municipalities for 2019, using steel-blue bars sorted by administrative region. The data comes from the National Bureau of Statistics of China, loaded via a CSV file. Built with D3 v5, the visualization uses `scaleLinear` for the population axis, `scaleBand` for categorical province labels, and `axisBottom`/`axisLeft` to render gridlines and ticks. The chart title and axis labels are added as SVG text elements, with tick formatting converting numbers to millions.

Wwyh1029

78% match

Loading thumbnail…

Fork of Customizing Axes

This bar chart displays the population of the top 10 most populous Chinese provinces, based on 2018 estimates from the United Nations World Population Prospects. It demonstrates extensive D3 axis customization, including custom tick formatting that converts large numbers to abbreviated labels, grid lines, and styled tick text. Using d3.scaleLinear and d3.scaleBand, the chart positions bars and applies d3.axisLeft and d3.axisBottom with modified tick behavior. The SVG rendering includes a title, axis label, and steelblue bars, with data loaded from a CSV file.

Zzjutkarma

73% match

Loading thumbnail…

the population in China in 21th century

This area chart shows the total population of China from 2000 to 2019, with the y-axis scaled up by 10,000 to represent real numbers. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and `area` generators with `curveBasis` for smooth lines, rendering as SVG. Data comes from China’s National Bureau of Statistics, and the chart includes axes with tick marks and labels for time and population values.

Wwyh1029

70% match

Loading thumbnail…

countries GDP in 2015 or before

This scatter plot visualizes countries' population and GDP from a 2015-or-earlier dataset, with each circle representing a country. The x-axis maps population in millions, while the y-axis shows GDP in millions of USD. The chart uses D3’s scaleLinear, extent, axisLeft, and axisBottom to construct axes. Circles are rendered via SVG, and each includes a title element showing detailed country data on hover. The reusable scatterPlot function, inspired by Towards Reusable Charts, is configured with margin, radius, and text value setters. The code loads CSV data from a GitHub repository using d3.csv.

KKerim

69% match

Loading thumbnail…

New_Scatter_Plot

This scatter plot displays the relationship between GDP per capita and population for countries, using World Bank data. The visualization uses red, semi-transparent circles to represent each country, with axes showing population in millions and GDP per capita in thousands. Built with D3 v7, the code applies `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and renders the plot as SVG. The chart includes gridlines, axis labels, and a title, with data loaded via `csv` from a GitHub-hosted dataset.

Mmartin

68% match

Loading thumbnail…

Bubble Chart GDP by Country

This bubble chart visualizes GDP by country for 2016, using circle size to represent GDP value and color to indicate geographic region. The data comes from a World Bank CSV file loaded via `d3.csv`. The visualization is rendered using the `d3.pack` layout, which positions bubbles within the SVG canvas, with a tooltip displaying country names and formatted GDP values on hover. The code also uses `d3.hierarchy` with a `sum` accessor to calculate bubble areas, and `d3.scaleOrdinal` with `d3.schemeSet3` for region-based coloring.

663anp3ca

68% match