Dash

Install:

• Git clone
• install npm...
• npm install (to install wigglemaps and other things)
• rvm install saas
• saas --watch ....
• also use google closures... details
• to update wiggle maps via npm need to first rm -r node_modules/wigglemaps (as npm does not do updates from git repos or something like that)
• todo: a build file of some sort with this kindof stuff automated

Dash description

Dash is short for dashboard. Dash takes in data from the outside world and puts up nice visuals of that data for the user to interact with. And there are filters for the user to drill down to the data they want to see.

Implementation

Dash is written in javascript and utilizes JQuery and google closures(for compile/dependencies). The code follos the Model View Controller paradigm.

Directory structure

• at root is index.html which is the root page and calls dash.js
• src is where our source is
• src/dash.js launches the controllers and model
• src/controllers has all the controllers
• src/models

Wigglemaps

Dash depends heavily on Wigglemaps. wigglemaps both provides the Map view as well as the underlying model. Wigglemaps also provides selctors analagous to jquery selectors that operate on both the model and view. Wigglemaps gets imported via npm.

Model

The model comes from wigglemaps. (Zach should fill in details about the model)

Views

The visualization views are called panels. Currently there are 4 panels in dash.

• Map
  from wigglemaps. shows data on a map
• Time Series
  Native to dash. Shows data on a graph with time as the x axis, intensity as the y axis.
• MDS
  Multi dimensional scaling. Native to dash. Does some statistical correlation of the data and visualizes how the different datapoints correlate (zach/nico - elaborate)
• Table
  Show the data in a table.

Controllers

Selection Manager

Selecting/deselecting on one view will cause the other views to select/deselect. This is managed by the selection manager.