/exploretrees-sg

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

Primary LanguageJavaScript

ExploreTrees.SG

🌳 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 πŸ‘‡πŸ‘‡πŸ‘‡

Technicalities

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.

Data

Available here: cheeaun/sgtreesdata.

Icon

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

Copyright & license

Similar visualizations/effort