/holiday-viz

IO Lab P4

Primary LanguageJavaScript

IO Lab Project 4 - INFO 290TA

Project title - "Our Paths"

Project description - The project visualizes the GPS data captured by the user. The user can upload his/her GPS data and visualize the journey. Also, the user can see the pictures taken during the journey. We have implemented functionality to draw, animate the paths and mashed up with images. We also show some graphs on how the distance was covered, time was spent during the journey etc. We have data of about 6-7 users and their pictures. This data was collected during the Thanksgiving weekend and is stored in the database. We will show how the user spent their Thanksgiving using this app in the demo!

Team members and roles -

Hassan Jannah hassan.jannah@gmail.com - Data cleaning, D3 plots, Google maps integration

Divyakumar Menghani dmenghani@ischool.berkeley.edu - D3 plots, Image integration with visualization, Colorbox

Shaun Giudici shaun@ischool.berkeley.edu - Google maps integration, Data Acquisition

Chalenge Masekara chalenge@ischool.berkeley.edu - D3 plots, Image integration, Carousel

Technologies used -

  • jQuery
  • CSS
  • Google Maps API
  • d3
  • MySQL
  • JS Libraries - Colorbox, jCarousel

Link to demo version - http://people.ischool.berkeley.edu/~jannah/iSchool/holiday-viz/index.html

Known bugs -

  1. Image autozoom issue in google maps. Doesn't give a smooth rendering while animating the path

Future work -

  1. Integrate with Flickr/Picassa to get pictures which are geotagged and match users GPS data timestamp