Birthday Visualizer

WHERE is your birthday?

Overview

This data visualization project is a personal experiment on building single page applications (SPAs) with Node.js, Express.js, Three.js and MongoDB in both front-end and back-end field. 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

Role

Interaction design
Development (HTML/CSS, Javascript, jQuery, Ajax, Three.js, Node.js, Express.js, MongoDB)

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

Emoj! AR

Birthday Visualizer

WSOOP

Encounter

Waterfall

Dream