Skip to main content
SimilarExport ZIP
100%

Chinese population 2019 pro

✓ Published2🌍 Public
Wwyh1029
Last edited Mar 24, 2020
Created on Mar 24, 2020

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.

AI-generated description

中国各地人口点状图2019 点状图基础

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

MIT Licensed

Similar vizzes

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
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
81% 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
78% match
Loading thumbnail…

Gender Distribution Chart

This interactive stacked bar chart displays gender distribution across Chinese provinces using data3.csv, with raw counts and percent-of-total views toggleable via radio buttons. D3 v3’s layout.stack, ordinal xScale, and linear yScale render the bars, while transition functions animate changes between modes. The SVG visualization includes rotated province labels, a color-coded legend, and a tooltip; it also references data2.csv in the repository, though the active chart focuses on the provincial male/female dataset.

WW9183907
76% 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
76% 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
75% match
Loading thumbnail…

Gender Distribution Chart

This interactive stacked bar chart visualizes gender distribution across Chinese provinces, with controls to toggle between raw counts and percentage-of-total values. The visualization uses D3.js v3, loading province and gender data from CSV files and animating transitions between the two display modes via `transition()` calls. The chart resets the stack layout's offset between "zero" and "expand" to switch counting methods, while axis tick formats change accordingly. A custom legend maps categorical colors to gender segments, and hover effects reduce rectangle opacity for emphasis.

LLex
75% match