Home Project Team M1 M2 M3 M4 Project

M3: Hi-Fi Prototype presentations

Very brief reminder of your problem

Our Goal is to create a tool for CityBike employees. It should enable them to forecast future usage and plan ahead. We do this by providing them with an interactive and adjustable tool visualizing historic trends of the usage.

CityBike employees can adjust the prediction line by adjusting certain parameters which in our case are mathematical functions. Users can add new functions allowing them to recreate the desired prediction curve.

Changes to the original visualization design

due to feedback we took different aspects of our 3 Mockups which now add up to our final design
The line showing the actual data now also displays the standard deviation
our parameters for editing the prediction line are mathemathical functions which you can add and edit

Progress so far

Our major focus has been on the graph and deciding how best to let the user "play" with our tool to edit the prediction line however he/she likes. We decided on using mathematical functions as our parameter for this and the user can then utilize sliders to change the weight of each element of a function. (linear function = KX+D - the user can change the range value for both K & D).

Implementation Details:

D3 Map of Vienna as district filter
layout for stations filter
filter for timeframe
see "actual" line with standard deviation
dynamically create functions
add new functions
edit range values with sliders

Ongoing:

work on views (edit/delete)
tool tips & legend for graph
better solution for station selection
slider for standard deviation

M3_1

The first section of our tool allows the user to define the filter options based on district, station and timeframe.

M3_1

Once the selection has been made the tool shows the "actual line" for the selected timeframe and the prediction line. One the right side of the graph users now have the chance to play with the prediction line adding and editing values for mathematical functions. This allows them to move and bend the prediction line.

M3_3

Here is a an example where you can see the lines matching up after modifications.

Current major challenges or problems

Selecting Stations

One of our challenges is deciding on how to handle the selection of Stations as there is such a huge volume and can easily be overwhelming.

Getting the data without performance issues

We started working with the data but only filtered a little of it and it already takes a long time. So we have to find a good solution for handling the data.

Getting name and district of stations

The current file we are working on doesn't give us a station name and a district. We haven't found a solution yet how to connect does names and districts to the numbers of the stations.

Combining a lot of different input

We have several input sources which can even very at the runtime and handling all of the correctly will also be one of our challenges.

Presentation of your hi-fidelity prototype

Questions or discussion points

Is the tool intuitive enough?
What do you think of the design?
What would you have done different?

VIS Project

Project Website