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

learn more… | top users | synonyms (3)

8
votes
3answers
338 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
255 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
577 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
869 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
262 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
2answers
982 views

What are Good Techniques to Visualize Binary Differences?

I'm particularly interested in diff-based visualizations. Code diffs are the most straightforward and easy as they're used for a long time and have a lot of examples of 1, 2, and 3 pane views. For ...
8
votes
1answer
387 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 ...
8
votes
2answers
192 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
11answers
7k views

Honest way to show your skills in Portfolio

So i have started seeing this a lot in portfolios of designers. This person has a title that says "My Skills", and at the bottom are bar graphs that are in percentages. So I asked this question ...
7
votes
4answers
372 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 ...
7
votes
5answers
930 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
377 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
126 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
953 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
2answers
704 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
249 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
2answers
216 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 ...
7
votes
3answers
338 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
436 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
2answers
234 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 ...
7
votes
1answer
788 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
7answers
587 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
435 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
745 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
3answers
3k 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
812 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
6answers
669 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
660 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
983 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
2answers
418 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
2answers
714 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
712 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
260 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 ...
5
votes
5answers
462 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
578 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
110 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 ...
5
votes
1answer
211 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 ...
5
votes
2answers
348 views

Graph for toggling data set

We are building a network monitoring tool and we need to show a graph which shows the Active/Inactive state of the machines. Like for example, during a period of 24 hours, during which periods the ...
5
votes
2answers
165 views

Are dial format speedometers more effective than numeric speedometers?

I recently criticized a sketch of a automobile instrument cluster concept that indicated speed with a bar gauge and a numeric readout. I and many others suggested that a dial speedometer was easier to ...
5
votes
2answers
249 views

Representing time intervals in a chart

I'm trying to design a visual representation of a child's sleep schedule for a given week. I was thinking of making a chart with the time of day on the y-axis and the days of the week on the x-axis ...
5
votes
4answers
1k views

Is there any value in using “irrelevant” icons

I'm currently wireframing/"UXing" and doing the front-end dev work on the rebuild of a reasonably big intranet app with lots of data in various sections. To make things easier for the users to pick ...
5
votes
2answers
570 views

UXD Methodology - Best practices for identifying a Global Navigation Toolbar implementation

I am part of a large webapp project, but a small UX team (we just went from 1 to 2, a few weeks ago). We were brought in terribly late in the process, to the point where there was literally no chance ...
5
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). ...
5
votes
3answers
201 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
5
votes
3answers
260 views

Representing large numbers

I'm developing a charting application. There could be a situation where I would have to display large numbers on the chart. The problem is that they number labels have to fit inside the chart columns, ...
5
votes
2answers
1k views

Best way to display a date range

I'm looking for the best way to display a date range in text that could potentially span across 2 lines. Currently I simply have something like "01-Jan-2013 -> 05-Jan-2013" with the arrow being an ...
5
votes
1answer
376 views

Data visualization - what should be the baseline, 'you' or the 'comparator' series?

This question is about data visualization, but ultimately it deals with usability and user expectations, so I felt it was appropriate to post it here. Imagine you are doing a comparison over time ...
5
votes
1answer
165 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 ...
5
votes
2answers
72 views

How to define the status between now and a last checkpoint?

I have sets of probing data from an internal monitoring tool which represent the availability of different services (databases, webservices and so on). Now my task is to visualize this data and I ...