Fluid Infusion framework demo design

[Cheetham, Anastasia]

On 2010-09-22, at 3:56 PM, James William Yoon wrote:

> Attached is a mockup of the framework demo UI. This is the idea of a single data set producing multiple visualizations. I've kept it as lightweight as possible.

James, this looks slick! I'm looking forward to working on it.

> Description of the screens:
>   01: The initial screen. User is expected to select an existing data set or create a new one.
>   02: The left panel transitioning.

Ah, fancy transitions :-)

>   03: Data set selected. Raw data on left, data visualized on right. Key-value pairs are editable. Ideally, it'd be nice if we could update the visualizations in real-time (i.e., on edit), but if not, the user can use the "Apply" button to make things happen. (it'd also be good if we could animate the visualization changes)

This is one of the lovely features of the Framework: We should be able to easily set it up such that the views automatically update when the data changes (i.e. without having to click Apply). In fact, this is one of the features we want this demo to illustrate!

>   03B: Nothing of interest here, except that the title says "Custom data set" in italics.

Why has the title changed? Is this because the user has edited the existing data set? Or is this in the case of the user creating their own data set?

>   04: Colour selector. Optional. We can automatically assign colours from a pre-defined palette to new key-value pairs.
> 
> Feedback is always appreciated. Stay tuned for more updates!

James, this looks really great. We should be able to break this down into chunks of work, and as well we can implement functionality incrementally, possibly allowing us to have "a" demo available and useful before it has all of these features.

Maybe tomorrow (Thursday) after you get in, we can sit down and start to task this out.

-- 
Anastasia Cheetham     Inclusive Design Research Centre
acheetham at ocad.ca            Inclusive Design Institute
                                        OCAD University