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

learn more… | top users | synonyms (3)

5
votes
3answers
577 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 ...
0
votes
1answer
114 views

Presenting comparable data series with varying frequency

I've a data design challenge that requires the presentation of data where the data is comparable (can be plotted or presented as a table) but who's data points are inconsistent. Inconsistency occurs ...
12
votes
5answers
623 views

What are techniques for showing a future state on an empty dashboard?

I am working on a new web application that will have a user dashboard displaying lots of great information with charts, notifications, alerts, etc. The actual data populating the charts will not be ...
9
votes
2answers
734 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 ...
4
votes
1answer
283 views

How should I visualize the frequency of events?

I have a series of events during the day. If I group them in hours I might have something like this: 20 events from 10:00:00 to 10:59:59 30 events from 11:00:00 to 11:59:59 10 events from 12:00:00 ...
2
votes
3answers
297 views

Infographics: show relationships between two sets and within them

I have two sets of objects, called "positive" and "negative". Objects are of the same type and can be compared, comparison results in real number from 0.0 to 1.0 (similarity). What puzzles me right ...
3
votes
4answers
1k views

How to display large amounts of data compactly?

I have a database driven asp.net mvc3 web application. In it, a user can go to a page and enter data based on the completion of a task. I bolded the task because it is hugely weighted in this ...
2
votes
2answers
172 views

How to visualize a large Neural Net?

How to visualize a Neural Net with thousands of input nodes and tens of thousands of connections? The image above does not have any connection values, but the visualization that I am creating does. ...
1
vote
2answers
120 views

Image thumbnail representation for paragraph text

in my app, a user would have a set of posts. Some posts (like 50% of em) would have media attached, while some of them would not. There are several instances where I would like to give thumbnails ...
2
votes
2answers
1k views

Replacement for Grid or Table Data Visualization for Mobile Apps

What could be the best replacement for Grid data visualization in terms of displaying multiple data elements with same structure in mobile apps. To Elaborate..Well, lets say we have 10 rows and 5 ...
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 ...
5
votes
3answers
520 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 ...
1
vote
0answers
484 views

Examples of great Activity Feed Visualisations [closed]

It´s surprising how little variation there is today on activity feeds, everybody seems to copy FB. What I´m trying find is alternative forms of visualisation of activity feeds, ones that use more ...
7
votes
1answer
784 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 ...
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, ...
6
votes
2answers
811 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 ...
9
votes
5answers
3k views

What is the best way to graphically display item's position in a ranking?

My app has a table containing a list of financial securities. One of the columns is the security's position in a list of all available securities ranked by performance. For example: security XYZ is ...
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 ...
1
vote
1answer
186 views

Ideal number of data points per 100 pixels for a chart

If there are too many data points too close together in an image, it can look pretty choppy. In this case, we are tracking number of data points over time; eg 500 per minute, 500 per minute, etc. ...
19
votes
3answers
6k views

How many visually distinct colors can accurately be associated with a separated legend in a figure?

For charts and graphs it's a relatively common question by programmers to want to procedurally generate an arbitrary number of colors that are visually distinct. Various research (or educated ...
3
votes
2answers
359 views

What kind of UI metaphors can I use for this game-like community map interface?

I'm developing an interactive map for a local community WiFi network, where upcoming groups/meetings/alerts/etc. can be "dropped" onto the map, based on location. Through user engagement over time, ...
8
votes
2answers
576 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: ...
38
votes
8answers
2k views

What would be a good way to thumbnail audio?

I want to represent an audio file in an image with a maximum size of 180×180 pixels. I have been thinking about something similar to what Soundcloud does, although it will require some chopping and ...
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). ...
8
votes
2answers
979 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 ...
4
votes
5answers
15k 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
2answers
659 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
712 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 ...
3
votes
1answer
163 views

How to indicate that part of a chart can be re-scaled or redefined visually to present a clearer, and/or more specific representation of the data?

I'm wondering about several issues I have with drill down behavior on graphs: How can we visibly show that a certain graph is "drillable" (affordance issue). In more details: On a single chart, how ...
3
votes
2answers
140 views

Programs or markup viewers for legal or logical content?

I am interested in user interfaces that represent legal argumentation and/or logical reasoning. For professionals dealing with complex reasoning and argumentation that is mainly language-based, what ...
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 ...
3
votes
2answers
592 views

Force Directed graph for visualizing hierarchical forms Bad Idea?

Currently we got lots of forms which we realize using Tree-view. Person clicks the tree node and a forms we designed for that opens in page aside the tree-view(Using the tree-view because there is ...
2
votes
2answers
107 views

Information Graphics vs Brand Awareness

I'm looking for some information on mapping color to graphs. To be more specific, I've got a bunch of graphs that represent Twitter, Facebook, LinkedIn and now Google+ in line charts. We've had an on ...
11
votes
4answers
2k views

Good ways to handle precisely overlapping data points in a graph?

In an application, I have a graph of markers--either with or without connecting lines--in which it is possible to have data points, and therefore markers, that are at the exact same location, even if ...
4
votes
4answers
407 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) ...
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 ...
13
votes
2answers
5k views

Ways to visualise a user journey

I would like some opinions on user journeys and how to present them, specifically to the client. What do you think is the best way to present them and what tools would you use to create them? Do you ...
4
votes
4answers
369 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 ...
1
vote
1answer
195 views

'Quick select' date ranges - from web forms to Stock Markets is there a unifying standard? (and should there be?)

I see two major schools of thought/implementations of 'quick select' date range options: A) General web apps | today | yesterday | last 7 days | last month | last 3 months | ...etc. | Custom | ...
0
votes
1answer
170 views

Developing the news area for a website

I'm developing a simple website to a small company. It has a back-office (built with PHP and mySQL) for edit/ add/ remove some content like products and news. The news has some text and an image. ...
0
votes
5answers
4k views

Tool for making attractive Org Charts and similar diagrams [closed]

I'm a professor who is looking for a diagramming tool that will make "org chart" type and flowchart diagrams that look really slick and attractive. There are many mindmap tools out there, but I'm ...
3
votes
3answers
473 views

Representing the presence of short events in a long timeline

I am designing an interactive timeline that shows the durations of events visually categorized into a small set (<8 categories). This timeline is very long compared to the length of events: events ...
1
vote
2answers
854 views

What's an alternative to data tables for key/value pairs?

I have a list of 8 key/value pairs I'm displaying in a sidebar using a table element. I'm using a th and td element on each row. However, the td content is often too long and has to be truncated. I ...
8
votes
4answers
302 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 ...
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? ...
3
votes
1answer
99 views

Seeking research and guidance: what is the maximum usable density of lines in a line graph?

I am seeking any guidance and hopefully published research for guidance about line density in line graphs. Here is a hypothetical example: I want to show a line graph depicting frequency of code ...
17
votes
5answers
16k views

What is a good icon for illustrating expand (and collapse) all? [closed]

I'm trying to devise an icon to indicate that when it is clicked, it will collapse all the nodes in a tree. The tree contains profiles which already have an icon, so ideally I'm looking for a ...
3
votes
4answers
1k views

Graphing Uptime

I am trying to find a way to graph uptime. What is the traditional way to graph the uptime of a device? If the device provides an uptime statistic, how should that be used to graph it. I know how a ...
9
votes
4answers
350 views

Does “ink is expensive” apply in a user interface context?

Edward Tufte in the book The Visual Display of Quantitative Information states, more or less, that ink is expensive. Any ink which is not used to actually convey information is chartjunk and it will ...
4
votes
3answers
334 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 ...