francbartoli / visualmobility Goto Github PK

#VisualMobility

Visual Exploration of Personal Mobility Data

##About VisualMobility is a visual exploration tool for multi-modal personal mobility information that provides a flexible filtering interface and contextual visualizations that try to extract meaningful mobility patterns.

As part of my Masters' Thesis I developed this prototype. This was my first real experience with HTML5, CSS and JavaScript so of course there are lots of code optimizations to be done. This project was just the tip of the iceberg for personal mobility exploration tools and I hope to add future developments for more flexibility and integration with other tools and data sources.

Check out the live demo here: http://visualmobility.tk (Chrome only)

##Visualizations ###Map View Leaflet Map with SVG Overlays

Leaflet Map with Heatmap.js Canvas Overlay

###Scatter Plot NVD3 Scatter highlighting patterns along Hour of Day

NVD3 Scatter highlighting patterns along Time

###Chord Diagram D3 Chord Diagrama crossing Location Relationships

##Scented Filters RaphaelJS Slider Controller

RaphaelJS Toggle Controller

RaphaelJS Tag List with Autocomplete

##Dependencies

• Backbone
• Underscore
• D3
• NVD3
• Leaflet
• Heatmap.js
• CartoDB
• RaphaelJS
• JQuery

##Future Work

• Crossfilter integration
• Torque integration
• Remove RaphaelJS dependency on the Sidepanel. Change to D3+Crossfilter
• Better Data Collection tools
• More visualizations
• More server side processing algorithms
• Authentication integration with CartoDB
• Extend Server API to support filter and settings management
• Support for Safari and Firefox
• UI and code Optimization