Fluid Infusion framework demo design

[James William Yoon]

Hi all,

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.

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.
  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)
  03B: Nothing of interest here, except that the title says "Custom data
set" in italics.
  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!

Cheers,
James

On Mon, Sep 20, 2010 at 2:34 PM, James William Yoon <jyoon at ocad.ca> wrote:

> Hi all,
>
> As a number of you might already be aware, we've been working on
> producing a non-trivial yet not-too-complicated demo to showcase and
> instruct the use of parts of the Infusion framework (e.g., inversion
> of control, change applier, renderer).
>
> The idea that we're working off of now is a data visualizer, wherein a
> user selects from a preexisting data set or creates his/her own, and
> generates a variety of visualizations (not unlike IBM's Many Eyes).
> I've attached sketches from an earlier set of ideas (a visualizer to
> compare multiple data sets, and an RSS/news feed visualizer) to
> illustrate the sort of thing we're thinking about.
>
> Stay tuned for more in the weeks and months ahead.
>
> Cheers,
> James
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20100922/9be1e1bc/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Fluid Infusion framework demo design-01.png
Type: image/png
Size: 61678 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20100922/9be1e1bc/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Fluid Infusion framework demo design-02.png
Type: image/png
Size: 70841 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20100922/9be1e1bc/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Fluid Infusion framework demo design-03.png
Type: image/png
Size: 68098 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20100922/9be1e1bc/attachment-0002.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Fluid Infusion framework demo design-03B.png
Type: image/png
Size: 68057 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20100922/9be1e1bc/attachment-0003.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Fluid Infusion framework demo design-04.png
Type: image/png
Size: 63347 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20100922/9be1e1bc/attachment-0004.png>