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

learn more… | top users | synonyms (2)

7
votes
2answers
323 views

Visualization of event occurrences over time

I have a short time range tstart – tend ( ≈ 90 seconds) and a list of points in time which represent events that occurred at that point. I'm looking for a concise visualization of these ...
7
votes
2answers
470 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
242 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
207 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
2answers
395 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
208 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
668 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
531 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
376 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
661 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
699 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
501 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
544 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
834 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
523 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) - ...
6
votes
2answers
391 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
481 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
595 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
236 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
1k 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
445 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
466 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
291 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
4answers
770 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
490 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
1k 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
174 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
189 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
1answer
323 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
154 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 ...
5
votes
3answers
490 views

How to display a connected boxes with inputs and outputs in a smartphone?

Imagine the concept of a black box, that can have inputs and outputs. A box can connect with other boxes. We have something like this: Now imagine a smartphone. "Ok, this guy is crazy." You ...
4
votes
5answers
1k views

What type of graph do users prefer?

I am in total confusion as to what type of graph to provide the user with for my dashboard. My dashboard deals with user statistic like No. of visits, total points they have earned, etc. But I don't ...
4
votes
4answers
342 views

Suggestions to display large amounts of flight prices?

I have an app that I wrote as a hobby project (when I was learning F#) that collects price data for flights for a given route. I now want to open this up on the web but the major stumbling block I ...
4
votes
7answers
510 views

Visualization ideas for progress on a project with thousands of steps?

I'm working on an interface to do transcription of a collection of handwritten index cards... a lot of index cards, something like tens of thousands of them. I'm building a site where several people ...
4
votes
5answers
10k 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 ...
4
votes
1answer
151 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 ...
4
votes
2answers
166 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 ...
4
votes
1answer
133 views

How can I communicate linear progress through a series of states with color?

I'm trying to help visualize a portfolio of projects. They start off in the first state with some basic details, then they're reviewed, fully defined, and finally, work is begun. Right now, the ...
4
votes
3answers
308 views

Feedback wanted - pagination design on data-heavy site

My site is a sports pick'em social game. Given the nature of sports and pick'em, it tends to be a data-intensive site. I'm very wary of any new features or designs that might cause the user to be ...
4
votes
3answers
130 views

How to handle overlapping elements?

I'm doing a very simple video editing solution. User has a timeline (horizontal 100px line) which represents start and end of the video. User can add overlay images and texts, and all of them appear ...
4
votes
5answers
170 views

Allow users to choose visualisation type?

Wondering if anyone has any recommendations or articles on this. Basically we conducted research into the best methods of visualisation are for particular datasets. Basic example, data plotted over ...
4
votes
2answers
114 views

Interaction model for hierarchical selection

For a line chart, I would like the user to be able to drill-down and look at how specific groups are fairing over time. First, there is the selection of dimension and then groups within that ...
4
votes
2answers
122 views

How should locations without exact addresses be represented on a city map alongside locations with exact addresses?

I have a dataset of items I'm interested in mapping over a greater metropolitan area, with multi-item cluster markers at a zoomed-out scale and single-item point markers when zoomed in. Users would be ...
4
votes
4answers
359 views

A portfolio of … text? (Information Visualization Challenge)

I'm trying to build a portfolio template for a writer's portfolio, and I'm having trouble finding an effective way to present so much text. Most portfolio sites have the benefit of (hopefully) ...
4
votes
1answer
424 views

Data Visualisation For Scheduling

What is the best method for defining a scheduler visualisation (and editor)? Basically I think I am looking for something similar to a Gantt chart (not quite the same) where I have a start and end ...
4
votes
2answers
196 views

How to show the relationship between two input fields with different units

In an internal retirement site, I am working on improving the flow that employees go through to change their contribution amounts. One challenge is that users can contribute both pre-tax and ...
4
votes
2answers
59 views

How to find later parts of a multi-part article

Consider the very common scenario where someone writes a series of articles (Parts 1 through n). With my publisher, Simple-Talk.com, for example, independent of whether I send them one at a time or ...
4
votes
1answer
316 views

How would you design a two stage bar chart drill down?

A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...