HDB Pulse shows the animation of Singapore HDB flat resale price pulse in recent years. Each resale record is represented by a solid circle, whose color is determined by its recorded price (SGD/sqm), on Singapore map.
Video demo for 2015 data: https://www.youtube.com/watch?v=3M-a_gz3Hhw
Play with the data yourself: http://mikkkee.github.io/hdb_pulse/
-
Q: Where did you get all the data?
A: All HDB flat resale records from 2000 to Sep 2015 are available from Data.gov.sg. The longitude and latitude for each record used of plotting is retrieved by querying through Google Geocoding API using address of each record.
-
Q: What do the data mean?
A: The resale records are shown in the sequence of approval / registration date. Each resale is represented by a solid circle plotted at its address. The color for each circle is determined by its price (SGD/sqm). You can turn on colorbar on the left panel to have an impression on the color-price relationship. During each month, the records are shown randomly since the original data don't have any sequence in each month.
-
Q: Why is the demo so lagging?
A: There are around 25k resale records in each year, which means more than 2000 resale records in each month. Each record lasts for 1.5s on map and the total duration for each month is 6s. That means that there are always more than 500 circles on map. You'll need to have a powerful CPU to have a high FPS while playing the animation.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent