Exploretrees Sg Save

🌳 Explore Trees in Singapore πŸ‡ΈπŸ‡¬

Project README


🌳 Explore Trees in Singapore πŸ‡ΈπŸ‡¬

On 17 March 2018, National Parks Board launched an all-new web site called Trees.sg. On the next day, I started my journey in getting the data and visualizing it to my heart's content.

Screenshot of ExploreTrees.SG

Screenshots of 3D trees

This is a personal side project to fuel my curiosity on these factors:

  • Plotting more than 500,000 data points on Mapbox GL JS.
  • Data visualization of all tree data, in 4 criterias:
    • Type; Tree, Heritage
    • Girth (meters)
    • Age (years)
    • Family (to group up the large number of species)
  • Discovery of trees.
    • Prominent/important trees stand out more by having larger radii.
    • Super fast info card by just hovering on the tree markers (for devices with a mouse).

πŸ‘‡πŸ‘‡πŸ‘‡ Read more about it πŸ‘‡πŸ‘‡πŸ‘‡


Web App

Node.js is required.

  • npm install - install dependencies.
  • npm start - start a local server for the site.
  • npm run build - build the assets in dist folder for deployment.


Available here: cheeaun/sgtreesdata.


Uses 🌳. Generated via https://formito.com/tools/favicon (Size 80).

Similar visualizations/effort

Open Source Agenda is not affiliated with "Exploretrees Sg" Project. README Source: cheeaun/exploretrees-sg

Open Source Agenda Badge

Open Source Agenda Rating