Any technique for creating images, diagrams, or animations to communicate a message.

learn more… | top users | synonyms (3)

9
votes
1answer
453 views

How to handle out-of-range data in a realtime plot?

Background I am working on real-time data acquisition and visualization software for a scientific measurement device. The software gathers data from the device, and plots the data in real time. Data ...
9
votes
1answer
218 views

Are there any resources about connotations related to visual elements from a cultural perspective?

I've been wondering about this for some time, are there any libraries or resources online that show what connotations are attached to any given design element from a cultural perspective? I am aware ...
9
votes
2answers
881 views

Chart drill-down affordance?

I'm wondering if anyone has any suggestions for improving the usability of chart drill-down? More specifically, imagine we have a bar chart (or any other visualization) where a user is able to select ...
8
votes
3answers
266 views

Additional information for tables

I have to show some extra data to users. Column-sums, column-statistics (different values per column) and column-rests (the sum of all values for the columns, which are on pages not shown). These ...
8
votes
3answers
409 views

How to visually show status values for a large number of data points?

For example, what if you have 100 valves in a process plant. You want to show at a glance their status, with the most important thing to notice is a value that indicates a valve that is in critical ...
8
votes
4answers
380 views

How to display hardware life expectancy?

For a web application I'm developing my manager has asked me to display the life expectancy of a hardware component. The component will according to the manufacturer handle at least 16 000 000 ...
8
votes
7answers
945 views

Visualize time-series data

I have a lot of time-series data. I would like to visualize this data, so that I could spot patterns like the following: "About five days after event X, event Y is very likely to happen" or "A ...
8
votes
4answers
320 views

nice way to display a text message for two dates (range)

I have two arbitrary dates. I was wondering if somebody can suggest the rules to create a text message which tells in a very effective way what the two dates are. Let's assume that my solution is ...
8
votes
3answers
360 views

Information visualization - display 6 related ranges on a single chart

I sell apples and oranges. I know how many items of each kind I expect to sell today and I know how many I've actually sold so far. I need to design a chart displaying this data in real time. What's ...
8
votes
2answers
448 views

A kind of 3D table (showing correlation between 3 variables)

Tables allow us to easily see how 2 variables (for example "Employee" and "Time") correlate. For me the main benefit of this view is that you can easily find answers to two kinds of questions. Like: ...
8
votes
2answers
734 views

How to best label age group boundaries?

We're organizing people into age buckets. For example: 0-20 yrs, 20-40yrs, 40-60yrs... I'm struggling with how to best label the age buckets, there are two options: (A) Don't repeat the values, so: ...
8
votes
5answers
921 views

Are Sparklines appropriate for use in dashboards of reporting software?

For those not aware of Sparklines, here is an example: http://demos.telerik.com/silverlight/#BulletGraph/FirstLook Would these work well to really give users a quick dashboard/reporting overview of ...
8
votes
1answer
511 views

Best visualization for combinations

What kind of a visualization/chart should I use for showing all the ways you can choose from a set of items? (i.e., number of possible combinations) Concretely, I am showing potential offspring from ...
8
votes
3answers
240 views

guidelines for creating interactive visualisations for the exploration of datasets?

Does anyone know any guidelines in creating interactive visualisations for the exploration of datasets? I can find lots of material on why particular instances are good or bad, but the actual design ...
8
votes
2answers
244 views

Best visual representation for monthly values

What kind of data visualizations do you use to show a binary state of a month? By "binary" i mean just two options for a month. Either "available" or "not available". The last vis on the example ...
8
votes
2answers
208 views

What is a good mouse cursor to point at objects in diagrams?

Do you know of any study or evaluation of the use of mouse cursors specifically designed for the use in diagrams? For example I'm thinking about using a cross hair instead of an arrow cursor when I ...
7
votes
4answers
986 views

What is the best way to create an eye-catching display of numeric values in a web page?

I am going to design a management level monitoring page for displaying some sums and counts. No interaction is allowed and it will be used as a monitoring page on a big LCD in the managers view. The ...
7
votes
3answers
441 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
7
votes
3answers
129 views

Commentary book on information architecture outside the Internet

I know there is no single correct answer to my question, so I would be grateful if mods could turn my question into community wiki. I’m looking for a book about information architecture in everyday ...
7
votes
2answers
1k views

Multipart progress / status bar colours

I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have: New (blue) - ...
7
votes
3answers
2k views

How can I choose a colour palette for multiple data visualization types?

I'm currently implementing the Google Visualization API into an existing platform, one requirement of which is the ability to choose custom colours for chart elements (such as pie slices and columns). ...
7
votes
2answers
876 views

What is the best way to visualize an org chart when people have multiple responsibilities?

I have asked the following question on stackoverflow around modeling an org chart. This focused on the DB modeling details, etc but I want to ask a related question here focusing purely on the user ...
7
votes
2answers
257 views

Interesting visualizations for a personnel in-out control

I have a database with the data of all the company personnel in and out through several facilities (All people must put their fingerprint in the scanner to open doors) I'm looking for interesting way ...
7
votes
3answers
492 views

I've never met an infographic I didn't hate. But do they even work?

This is just my own personal preference. I've never met an infographic I didn't hate. I love beautiful data visualisations. But the recent fad for infographics leaves me cold. Is there any solid ...
7
votes
2answers
481 views

When is a table the proper way to present data?

UPDATE: added mockups We are in the process of designing a web application interface for administering an online store. In such an interface there are pages for managing products, orders, customers, ...
7
votes
1answer
896 views

Visualization advice for mix of graph/hierarchical data

I have hierarchical data that looks like this: I need to come up with a way to display it with the requirements I'll list momentarily. It is not a tree because there can be cycles (ignore ...
6
votes
5answers
2k views

Would having a generic waveform be too confusing for users?

I'm currently working on a redesign of an online radio. It does not have a lot of content, so I decided to make the player the dominant element of the home page. I would like the design itself to be ...
6
votes
7answers
614 views

Display Email Address + Website? Or is it redundant?

When putting contact data on a page, do you use email and website separately or do you just go with the assumption that the user will get the website from the email (given that it's ...
6
votes
5answers
535 views

How to display ranges in a map legend

We need to display a map legend that shows ranges of pipe diameters. Currently we have something like this: The problem with this is that the edge cases are ambiguous. Does 50mm fall in the first ...
6
votes
5answers
828 views

how to explain logarithmic scale to a non-techie user

In the product we sell, we show comparisons between websites on a number of metrics. Some of those metrics are best displayed with linear graphs, some are best displayed with logarithmic graphs. ...
6
votes
5answers
20k views

What's the best way to graph results of a matrix ranking question?

I'm reworking an existing module which graphs results from a live survey with several different question types. I discovered that the results of matrix-type ranking questions are graphed as a single ...
6
votes
3answers
4k views

Examples of nice looking html tables [closed]

All tables on my app look like sh*t, it's making me lose hair, I've been trying to make them look better but I end up making them look worse, do you have any examples of nice looking tables? ...
6
votes
2answers
937 views

What's the best way to represent a timeline graphic

I am trying to represent the following server downtime: (I have couple of more combinations, I have removed for brevity) Server A : 4:00 - 4:30 AM Server B : 5:30 - 6:00 AM Server C : 6:00 - 6:30 ...
6
votes
4answers
130 views

Is there a standard color list to keep adding new colors to a plot while retaining old colors?

My users pick one or more data sets to graph on a single canvas. The sets are color coded to distinguish between sets (all screenshots are for demonstrative purposes from demo utility): ...
6
votes
6answers
840 views

Necessity of y-axis label on a line graph?

I'm currently designing a line graph to provide a relative, "quick-glance" view of data trends, rather than the granular stock-market-style view. There will only be one trend line. Currently each of ...
6
votes
2answers
802 views

Real vs perceived circle area in data visualisation

I am about to visualise some data using circles on top of a map but I am concerned about the real vs perceived circle size. I've read about a bias in the perception of the area of a circle. The best ...
6
votes
2answers
1k views

Visualization / Chart for resource workload planning

I am looking for a good way to aid a service team head in assigning incoming tasks to his people. Tasks are scheduled for a certain week, not for exact days. Team members can take roughly 3-10 of this ...
6
votes
1answer
427 views

How to handle daylight savings time when displaying logged data

If we have a system that measures and logs a users energy consumption, and then displays this data on an hourly basis, how should you display the anomalies that occur when shifting to/from daylight ...
6
votes
5answers
253 views

How can I make this graph not so misleading?

This is a graph from my app that is very misleading: Students take a test, then they learn the material, then they take the test again. We want to show the improvements in the students who have ...
6
votes
2answers
450 views

How to show related data together in one diagram?

Let us have the following three sets of information Now I want to combine all of this data and show it all together. Telling it like a story. Giving inter-relations. Showing similarities ...
6
votes
1answer
177 views

Can this chart axis labelling be improved? (Showing zero in histogram)

I have a chart like the one pictured, with the following "tick intervals": 0, 1-10000,10001-20000,20000-30000 and 30000+ What is a consistent way of labeling the x-axis? I am not pleased with how ...
6
votes
2answers
1k views

How do you handle long charts that span multiple pages?

I need to print several bar charts to PDF for some reporting requirements. One the of the issues I am certain to encounter is how to handle the display of very long charts that span multiple pages in ...
6
votes
3answers
835 views

Using a Timeline in a Responsive Design?

I might already know the answer to this but would like some feedback / opinions on this. I am currently putting together a responsive design that will use a linear horizontal timeline. This works ...
6
votes
4answers
282 views

I want to group countries on a map into different mutually exclusive groups. What is the best interactive way to achieve this?

I am in a process to create an interactive map which displays sales of a product by region. Based on the data shown there is a possibility that I may find similarities between a few regions and want ...
6
votes
1answer
2k views

Examples of Master/Detail UI for “Social-Style” data [closed]

I'm looking for examples of interfaces that allow users to explore complex, interconnected systems on a variety of levels, from high-level patterns to low-level details. In the mapping world, this ...
6
votes
1answer
131 views

How to visually show hierarchical structure with inherited attributes

In my system I have projects which each belong to one group. Groups can have sub groups and those can have more projects etc. Projects consist of attributes. Attributes can be project specific or ...
6
votes
3answers
280 views

Displaying multiple charts in one page in a web view in Android?

I am developing an analytics app which would display multiple types of visualizations. So if I have a page displaying information about a stock, for instance, then I would like to show both the ...
5
votes
5answers
470 views

Individual welcome page vs. site content

I am thinking of the structure of one my new apps for the web. What do you think would be the most userfriendly approach to present the sites first page? Have a welcome page that shows just a ...
5
votes
3answers
696 views

What are good UI Visualizations to show in a grid for ranking activity?

I have a grid with a list of runners (one person in each row) on a webpage. I want to show some visualization in a column to represent how much they have ridden in the last year. Right now I am just ...
5
votes
2answers
169 views

Is it appropriate to use a donut chart to show a User's score?

I'm presenting my users with a test. When they reach the end of the test, I want to show their score in a donut chart like this (in this case, 80%): Note that there will be other information on ...