Hot answers tagged timeline
15
Nice question. I can think of a few reasons.
The contract with the vendor may forbid it. Vendors have all kinds of weird ideas. Some don't let ecommerce websites disclose even the current price unless the user clicked on the product and asked for it specifically.
In general, the less info the buyer has, the less he feels in control and the more vulnerable ...
7
I do not recommend the highlighting of 'contained' choices. It is an interesting idea, but the edge cases (where previous day, week or whatever are partially or ambiguously contained in the selected choice) would make it confusing, not clarifying. If the effect does not tell anyone something they can't easily know then it doesn't really serve a purpose.
As ...
7
The emphasis is all wrong - the chart needs to tell just one story - the fact that you have downtime on one or more servers
I would take the following steps:
highlight the fact that there is downtime, not the fact that you have different servers. When you have no downtime, the display should appear bland, not full of colour.
remove colour coding ...
6
What you're describing is a Kanban board. The concept started at Toyota and has been co-opted by the software industry. But the roots in manufacturing makes it a perfect metaphor for a dashboard for manufacturing processes.
It starts with value stream mapping: identifying the activities that add value to your manufacturing process. They get represented as ...
4
You don't mention which is the aspect of the family tree you are having trouble with. Horizontal trees can use time or be represented as a timeline, the problem is that the data usually increases on each generation, so you end up with something that looks like this:
But it sounds like you might be following only a few branches, not the whole tree, so in ...
4
I've a bit of experience designing timelines, here's the end result of one of them that solves your multi event problem you've noted - Industrial-Heritage or Operation Dynomo.
What happens here is that a stacking order is set as and when needed, it recalculated at the different zoom levels to where possible remove the stack if more precise dates are ...
4
You're on the right path. If each colored graph represents server load then blacking out the periods of time when the server has been down is a great way to show that info.
The clutter in your design comes from the vertical lines at the start/end times of outages. It's better to show all of that in a tool-tip when users hovers their cursors over an outage ...
3
We made something close to that for The Swedish Association of Health Professionals. Mainly ment as a visualization of their activity over time and as a exploratory entrance to some of their content. Sadly it seems to have lost it´s place in the grid and has slipped down to the footer of the page but check it out: http://vardforbundet.se/
2
Below are 2 javascript libraries that
can mimic your finance graph image.
Highcharts - http://www.highcharts.com/stock/demo/
amCharts - http://www.amcharts.com/stock/
There is also an interesting jQuery plugin date range slider
called jQRangeSlider - http://ghusse.github.com/jQRangeSlider/stable/demo/,
although adding any kind of volume trending to it ...
2
You could put the "flags" at different heights. Given enough height, the only limit on accuracy is when the width of a unit of time between events becomes less than one pixel. Flags should be the same color as their poles. Intelligent (programmatic) color selection can ensure the sequence is discernable even when the vertical lines (poles) are touching. ...
2
There are two options you can look at:
convert the horizontal timeline into a vertical timeline so that users can scan it by scrolling down. While horizontal scrolling will work but its not exactly super intuitive (it would work if you had separate sections with clearly delineated titles but a continuous image might not work too well) in mobile devices and ...
1
By the amounts shown in your illustration it looks like the flow of data to outside (red arrows) belong to the intervals previous to where you drew them.
In my attempt, I aligned both flows over and under the main arrow, and added divisions in order to clearly state which elements belongs to each interval, so every interval now has a initial value, flows ...
1
Take a look at www.evolutionoftheweb.com.
This is a nice example of several events visualized in a horizontal timeline.
1
Well, to be honest, my first thought on reading this is that the small window on scrolling gantt chart sounds like a bad solution to whatever the problem that necessitates it is... but without knowing what that problem is it's hard to offer concrete suggestions for improvement.
As for solutions to this particular problem - options that spring to mind:
1) ...
1
When the users zoom out to the point that there are multiple event stacks overlapping, you could give them second level options to view the details, when they tap on the timeline. See image below.
So on the first click on the overlapping area, all event stacks in that time period can be displayed in a row with color coded icons, and then they can click on ...
1
How about an irregular grid, like Pinterest (vertically irregular) or Google Images (horizontally irregular)? If the order of items isn't strictly predefined, you can dynamically rearrange your items so that the rows have the same total width, like in Google Images. With a grid that's irregular on both dimension it may be harder, but shouldn't be impossible, ...
1
Do your users need to interact with the visualisation or just interpret it?
If interaction is necessary, things that are a single pixel wide are going to be pretty hard to target.
Another thought - do you necessarily need a linear scale, that is do your users need to be able to identify that a particular period was 6x another one, or is it sufficient if ...
1
How long are the inter-event-block times? If there is enough "pause" in between events, just use one pixel width even for shorter events; communicating the existence of an event at a certain point is more important than correctly communicating its relative duration.
I do have a problem with single-pixel lines of different colors near each-other. They may ...
1
Look at the components you are using/designing and THEN look for apps where that component is pivotal for success of that app. I see
A timeline (ruler). Look at Ableton Live (an audio app). In this app the timeline is the central feature, and the app has well developed ideas on selection, panning, zooming and annotation.
3D charts; cross sections. Look ...
1
What if you used something that has a similar effect to a Fisheye menu. When the cursor is over the timeline, the area around it expands/magnifies.
So for the normal view, the scale is linear. When the fisheye lens is over a certain section the scale of the timeline is also expanded.
http://www.ajaxdaddy.com/demo-interface-fisheye.html
1
I'm trying to break your question down into a few sections.
Have a look at Google's Finance graph:
In particular, notice the scroll bar that gives a view of the place of the viewable section within the overall timeline.
I think I need a little more info to understand the exact functionality of the trigger and timer, but since you've mentioned tasks, I ...
Only top voted, non community-wiki answers of a minimum length are eligible
