Urban Space Oddity

Live Demo

Urban Space Oddity is a data visualization showcasing the occurances of UFO sightings across different cities in 2013 using a force-based graph.

Functionality & Features

1. Interactive force-based graph

• Users are able to interact with the force-based graph layout to drag and drop nodes
• Users are able to click on a node to display information on that particular UFO sighting

2. City Selection

• Users are able to render a new node layout unique to a city of their choosing

3. Data visualization attributes

• Graph will aggregate UFO sighting occurances by the shape that was observed
• On click, users are able to initiate a tooltip element showcasing more information on that sighting
• Outer node sizes are representative of the length of duration for that sighting

Technologies & Technical Challenges

This project was built over the course of 4 days using Javascript,D3.js, HTML, SCSS and Webpack.

Data source:

• Kaggle: UFO Sightings

References:

• Mike Bostock
• NinjaConcept

Inspirations

• Name of this project was inspired by David Bowie's song Space Oddity
• Design of the project was inspired by The Grand Tour poster from NASA's Visions of the Future