Skip to main content
SimilarExport ZIP
100%

Chinese population 2019

✓ Published1🌍 Public
Wwyh1029
Last edited Mar 23, 2020
Created on Mar 23, 2020
Forked from React Starter

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.

AI-generated description

中国各地人口柱状图2019

数据来源：[www.stats.gov.cn/tjsj/pcsj/rkpc/6rp/excel/A0101a.xls]

MIT Licensed

Similar vizzes

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
95% match
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
87% 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
83% match
Loading thumbnail…

Chinese population 2018 and GDP 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.

Wwyh1029
79% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the 2019 populations of the ten most populous countries, with horizontal bars ranked from China down to Mexico. The visualization uses D3 v5 with an SVG rendering, employing `scaleLinear` for the population axis and `scaleBand` for country categories. Axis labels and a title are added via D3’s axis components. Population values are parsed from a CSV file and formatted in billions using D3’s `format` function. Data originates from the World Population Prospects 2019 report.

GGeolffrey S Mena
79% match
Loading thumbnail…

bar chart example

This example presents a horizontal bar chart comparing the populations of ten Chinese provinces, with populations listed in the data.csv file and scaled by a factor of 1000. The visualization uses D3.js v5 within a React framework, rendering to an SVG element. The code constructs linear and band scales, and employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to position bars and axes, with CSS styling for the bar fill color and text size.

Zzjutkarma
79% match
Loading thumbnail…

Bar Chart

This bar chart displays population estimates for ten countries in 2018, ordered alphabetically from China to Mexico. The height of each steel-blue rectangle corresponds to the country’s population value, scaled linearly along the horizontal axis using `scaleLinear`, while the vertical axis positions countries with `scaleBand`. The SVG is rendered with D3 v5, using `csv` to load the data and `axisLeft`/`axisBottom` to generate axes. A fixed margin is applied via a translated `<g>` element.

Ssploitfun
78% match
Loading thumbnail…

A Bar Chart

The bar chart displays population estimates for ten countries, using horizontal bars to compare values from China down to Mexico. The visualization encodes population on the x-axis and country names on the y-axis, with steelblue rectangles sized proportionally to each nation’s population. It uses D3’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the scales and axes, while the data is loaded from a CSV file and rendered as SVG. The chart’s width and height are read directly from the SVG element’s attributes.

LLM2020
77% match