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

learn more… | top users | synonyms (2)

4
votes
5answers
9k 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
517 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
420 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
142 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
136 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
364 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
446 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
101 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 ...
10
votes
4answers
1k 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
348 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
319 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
4k 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
336 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
177 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
156 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
2k 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
406 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
588 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 ...
7
votes
4answers
275 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? ...
2
votes
1answer
94 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 ...
15
votes
5answers
11k 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 ...
2
votes
4answers
906 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 ...
8
votes
4answers
325 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
302 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 ...
6
votes
5answers
632 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. ...
2
votes
2answers
270 views

Which design pattern to use for showing users task completeness?

For instance I have some data like this: I have multiple users, every users has tasks which could be: not started completed in progress done When I want to achieve clear separation of users, ...
7
votes
5answers
787 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 ...
4
votes
5answers
168 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 ...
5
votes
5answers
439 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
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 ...
4
votes
2answers
223 views

Usability of Web Analytics Applications

Are there any usability resources out there that specifically deal with the design of an analytics web application? I've been tasked to design a web app with a strong analytics component and I've ...
9
votes
7answers
269 views

How do you decide whether additional information is harmful?

In any primary user interface screen, a designer must find a balance between too little and too much information. Often, adding additional status information is cheap, technically. Therefore, some ...
0
votes
3answers
124 views

How to convey element dimensions to casual users?

In a CMS backend dialog for controlling the dimensions of a content element (e.g. an image) including the possibility to adjust padding, borders and margins; In a GUI, what is a good way to convey ...
9
votes
3answers
2k views

Best UI approach to align the column titles of reports

I would like to know what are the best approach to align header columns according with the data type. I haven't found any Human Design Interface article explaining this. Do the header column must ...
8
votes
5answers
791 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 ...
2
votes
1answer
225 views

Data visualization for small web projects

What's an example of good data visualization for a small web projects? I don't want to overwhelm the client. I must track progress, and keep stakeholders engaged. What I've got so far PERCENT OF ...
1
vote
3answers
601 views

Project dependency visualization and navigation

I have to visualize software project dependencies and provide a way to navigate through the dependencies. I want to combine showing the dependencies of the currently selected project as well as ...
4
votes
1answer
411 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 ...
7
votes
5answers
578 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 ...
2
votes
2answers
179 views

Representing overlapping groups

I have a grid that represents a grid of seats. Each seat has several different properties (for simplicities sake, lets say seats are Standard or Advanced, with Advanced seats being more expensive). ...
6
votes
2answers
805 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 ...
1
vote
3answers
176 views

Display that a text input is not applicable

I am using the top row of an HTML table as a 'copy down' control row. So you can over-ride the values in the rows you've selected below (each row has a check box - similar to the phpMyAdmin ...
0
votes
1answer
80 views

Skipped vs Unknown indication

I've got a form where you can make some stuff become arbitrarily unknown and some stuff become skipped based on the way you answer the questions (there is some overlap, things can be both skipped and ...
17
votes
13answers
1k views

How to build a budgeting interface (sum of items must equal 100)?

I'm trying to build a visual web interface where users can distribute a budget over some (varying) number of items. For example, if the budget is 100 points, I might allocate: 50 points to 'Apples' ...
4
votes
1answer
359 views

Comparing data with two sets of dates

Has anyone seen an interface that allows users to select two different sets of dates to compare data? And then the corresponding data in tables and/or graph form?
4
votes
7answers
503 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 ...
7
votes
2answers
206 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 ...
9
votes
4answers
188 views

When to omit zero from numeric table presentation

Give a table of numeric data in which many cells contain zero, under what circumstances would it be appropriate or preferable to present the zero-value cells blank or otherwise obscured (eg. in ...
6
votes
2answers
381 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 ...