Birthday Visualizer

WHERE is your birthday?

Overview

This data visualization project is a personal experiment on building single page applications (SPAs) with Node, Express.js, MongoDB, Ajax for server-side and Three.js for client-side. Comparing to traditional multi-page websites, SPA drastically reduces the amount of required page loads, resulting in faster and smoother interactions resembling the native mobile/desktop app experience.


Time

02. 2018 – 03. 2018

Tech Stack

HTML/CSS, Javascript, Node, Express, MongoDB, Three.js, jQuery, Ajax

User Stories

  • Users can input their name and date of birth which would be stored in the MongoDB database.
  • Users can explore the 3D space filled with sphere objects placed by the input value as x, y, z coordinates.
  • Users can see the information with mouse over on object.

Data Flow Diagram

·  ·  ·

Timeline of the Far Future

Cosmic Forest

Hackers

Synthetic Ocean

Compositional Pattern of Neural Network

Exoplanet

Happy Machine

Vuse Alto AR

Emoj! AR

Birthday Visualizer

WSOOP

Encounter

Waterfall