/Great-Bay-Area-2020-Population-Chart

A practice of bar chart in D3.js

Primary LanguageJavaScript

Great Bay Area City Population 2020 大湾区城市常住人口

以网上搜索到的非官方或官方统计数字为范例样本,使用 D3.js 绘制大湾区9⃣市人口2020年人口总数柱状图。

This repository used rollup.js as the JavaScript module bundler.

Screenshot

Bar Chart

Source

香港及澳门数据为其政府统计处2020年底最新数据,其他广东七市数据透过媒体或政府概要收集的2019年底至2020年初的粗略数据,仅供图表绘制练习使用,数据定存在一定偏差,仅供参考。

View the outcome

Open public/index.html in modern browser such as Chrome or Firefox directly.

Further development

To further develop the project by updating JavaScript, can run

npm run bulid

or watch changes and auto compile:

npm run watch

Note for rollup.config.js settings

The output file format must be 'iife' to make advanced function work.