Singapore HDB Resale Price Bar Chart Race

Overview

This project is an animated visualization that showcases how Singapore's public housing (HDB) flat prices have changed over the years (2012 - present) per town. The visualization takes the form of a bar chart race, which is a dynamic chart that displays the ranking of values over time.

Data source: HDB Resale Flat Prices

Development

Powered by Vite and D3.js.

Prerequisites

• Python 3.6+
• Node.js
• pnpm

If you are on Linux/MacOS, you can install pnpm using the following command:

curl -fsSL https://get.pnpm.io/install.sh | sh -

Step 1: Prepare Data for Bar Chart Race

python3 python/prepare_race_data.py

Step 2: Run Bar Chart Race

Install dependencies

cd bar-chart-race
pnpm install

Run development server

pnpm run dev

Deployment

Build static files

cd bar-chart-race
pnpm run build

Now, you can find the static website in the dist folder.

References

• Bar Chart Race, Explained by Mike Bostock