[Engine-devel] [UX] how to design a bar/line chart?

[Eldan Hildesheim]

I will try to make an animation.

----- Original Message -----
From: "Tomas Jelinek" <tjelinek at redhat.com>
To: "Eldan Hildesheim" <ehildesh at redhat.com>
Cc: "Einav Cohen" <ecohen at redhat.com>, "info" <info at eldanet.com>, engine-devel at ovirt.org
Sent: Monday, November 11, 2013 12:03:15 PM
Subject: Re: [Engine-devel] [UX] how to design a bar/line chart?



----- Original Message -----
> From: "Eldan Hildesheim" <ehildesh at redhat.com>
> To: "Einav Cohen" <ecohen at redhat.com>
> Cc: "info" <info at eldanet.com>, engine-devel at ovirt.org
> Sent: Sunday, November 10, 2013 3:56:57 PM
> Subject: Re: [Engine-devel] [UX] how to design a bar/line chart?
> 
> Hello all,
> We use to have a good solution in the period pre-WPF.
> A line chart (used to be in flash) that works like a plotter:
> The Line Bar (not bar) had a small animation that shifted all the bar to the
> left.
> When a new data arrived it just added a new line (to the right) and as I said
> before, in parallel it always shifted slowly to the left.

Any chance you still have some screenshot or mockup so I can imagine it better?

> The animation gives the impression that data is streaming and when a real new
> data arrives the user gets it very fast.
> We have to sync between the animation and the rate of the arrival of the data
> but this is easy.
> If we can't find a good framework it can be created from scratch with JS, svg
> or canvas.

We need to be careful about what we will use. oVirt is supposed to work on FF 17 [1]
but the HTML5 canvas works only since FF23 [2].

@Einav:
Is there a chance that we could start support only FF23+ and IE9+ (this one is already OK)
because of this feature?

> Now regarding its position:
> Rollover is good but not enough, we should somehow put it in the lower panel
> under general or even another tab - (live data).

This is a bit different requirement. The point of this specific is to give a better
overview in the main tab. If it will be done we can decide if we want to give more
details in sub tabs.

> We could later on have a (live data Tab) in other places as well like host,
> cluster...
> Eldan

[1]: http://www.ovirt.org/Download
[2]: http://caniuse.com/#feat=canvas

> 
> ----- Original Message -----
> From: "Einav Cohen" <ecohen at redhat.com>
> To: "Ewoud Kohl van Wijngaarden" <ewoud+ovirt at kohlvanwijngaarden.nl>
> Cc: "Alexander Wels" <awels at redhat.com>, "Eldan Hildesheim"
> <ehildesh at redhat.com>, engine-devel at ovirt.org, "info" <info at eldanet.com>
> Sent: Friday, November 8, 2013 10:50:10 PM
> Subject: Re: [Engine-devel] [UX] how to design a bar/line chart?
> 
> > ----- Original Message -----
> > From: "Ewoud Kohl van Wijngaarden" <ewoud+ovirt at kohlvanwijngaarden.nl>
> > Sent: Thursday, November 7, 2013 11:44:07 AM
> > 
> > On Wed, Nov 06, 2013 at 11:45:36AM -0500, Alexander Wels wrote:
> > > I suppose we need to answer a few questions before we can go into which
> > > library is better:
> > >
> > > 1. Do we mind sending data over to Google so Google can render images for
> > > us.
> > 
> > I'd say no. Even from a reliability point of view since users may have
> > systems that aren't connected to the internet.
> 
> +1
> 
> > (Though I don't know how well oVirt handles this currently.)
> 
> AFAIK - oVirt is handling it ('it' ==  having no internet connection) well.
> _______________________________________________
> Engine-devel mailing list
> Engine-devel at ovirt.org
> http://lists.ovirt.org/mailman/listinfo/engine-devel
> 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: bar_chart.jpg
Type: image/jpeg
Size: 10042 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/engine-devel/attachments/20131111/ea28d8ef/attachment.jpg>