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

learn more… | top users | synonyms (3)

4
votes
1answer
358 views

Innovative pie chart? Is there any graph that can be used instead of pie chart?

I have been trying to find solution for coming up with a better pie chart for couple of reasons. Overlaying #% (text) on top of tiny portion of piechart wasn't really working in my opinion. Also, ...
4
votes
5answers
171 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
121 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
124 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
370 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
438 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
203 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
60 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
344 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 ...
4
votes
5answers
304 views

How to visualize similarity of one file to another?

Problem My file-system is a mess, over the years I've been accumulating way too many downloads I didn't care to uncompress and organize, code that was subject to endless copy+pastes and improvements ...
4
votes
2answers
236 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 ...
4
votes
1answer
373 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
1answer
128 views

Graph overlay that doesn't obscure the data

I'm building an app that renders a line graph of the user's wellness over time. (For example:) It also needs to mark the days they took medication. Originally, I wanted to place a dot at the ...
4
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 ...
4
votes
1answer
2k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
4
votes
1answer
255 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 ...
4
votes
3answers
110 views

Best flow to represent, browse and edit complex graph network

It seems that more and more, data is going to be network-based. A graph with related nodes. Something like http://bl.ocks.org/mbostock/950642 , or pick one from a gallery here: ...
3
votes
5answers
4k views

How to display the hierarchical data [closed]

Some real ui javascript library wanted! I have to display some hierarchical data on the web page. It should not be a classical tree view with the text items. I am looking for a graphical ...
3
votes
4answers
140 views

Your experiences with call centre wallboard UX [closed]

As I'll be getting started on a project involving displaying dashboard data on call centre wallboards I thought I'd solicit your experience as part of my preparatory research. If you've been involved ...
3
votes
2answers
292 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, ...
3
votes
3answers
96 views

Best Type of Chart for Numbers inside Matrix?

I have a matrix that looks like the following, and I want to make a chart out of it because the numbers are just too much to look at. What is the easiest way to digest this information? We are trying ...
3
votes
1answer
275 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
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 ...
3
votes
2answers
526 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 ...
3
votes
3answers
523 views

Spacing of items inside a panel (WrapPanel)

Many sites and applications using WrapPanel to display your items. Items are queued from left to right and when there is no more space tend to skip to the next line. For Example: What is the ...
3
votes
3answers
110 views

Cards View Vs Tabular View

I am in the process of redesigning an interface with a lot of Tabular data that is previously simply used as tables that look like the 19th century. I was a bit confused whether to switch it to a Card ...
3
votes
2answers
177 views

How to present boring facts that aren't really suitable for an infographic in an interesting way?

For an internal company wiki I want to write down/present some basic information regarding web development/design/UI & UX. For example have I collected some studies and opinions on how links ...
3
votes
3answers
145 views

Appropriate color for updated row data

I have a digital signage app that displays flight information. In shows data in rows like you see at pretty much every airport in the world. Text is white on black, row background alternates ...
3
votes
1answer
146 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
196 views

Visualizing version-controlled hierarchical data

What would be the best way to visualize versioned hierarchical data in an interactive application? Let's say we have the following hierarchical data, where the capital letters identify the objects, ...
3
votes
2answers
154 views

How can I show marking state (for individual data values) in aggregate representations?

I am working with a data-visualization application where users can view individual data items and aggregate values. Users can also "mark" individual data items; the semantics of marking are simply ...
3
votes
2answers
319 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, ...
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 ...
3
votes
3answers
444 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 ...
3
votes
1answer
62 views

What is the best way to visually indicate correct plug alignment with socket (hardware)?

I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking. Users have suggested putting ...
3
votes
1answer
340 views

Legacy Text Interface (e.g. Telnet) to GUI [closed]

I work in a very large, established company with a consistent philosophy of, "If it's not broken, don't fix it." The (large) division of the company that is responsible for maintaining customer ...
2
votes
8answers
5k 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 ...
2
votes
4answers
233 views

What is the best way to show complexity or difficulty rate?

We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more ...
2
votes
5answers
133 views

How to show one way is faster than the other?

There are three different ways to accomplish a task in my Java assignment. One is fastest one is slowest. However the actual time difference is in milliseconds(of course). The task at hand is to ...
2
votes
3answers
276 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 ...
2
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 ...
2
votes
3answers
215 views

Indicating relationships between multiple gauges or charts representing different views of the same data

The problem We have a need to show the status of a daily ingest of thousands of files coming from different senders. A quick mockup is this: The problem is that Ipsum and Dalore are just sub-views ...
2
votes
2answers
168 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. ...
2
votes
3answers
153 views

how to optimize candlestick charts from finance

I am learning how to make candlestick charts with my computers. There are a number of libraries doing this already, but I have worked from scratch. Here is my example. There seem to be variants ...
2
votes
2answers
189 views

Alternative method for displaying numerical data

I'm looking for alternative suggestions for displaying the following: download bmml source – Wireframes created with Balsamiq Mockups (Total = Available + In Use + Expired) One ...
2
votes
1answer
501 views

Graphic design critique parameters

I am working at a consulting company these days and I am having some issues with graphic designers I work with. Basically I have tested the graphic designers in various short projects for the ...
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 ...
2
votes
3answers
140 views

How to convey “loading” along with an error message

In an desktop application that simultaneously displays media from multiple sources (video-wall), how would you reflect to the user that a specific source is currently unavailable, assuming that the ...
2
votes
3answers
285 views

How to let the user know that we have not enough data to render chart?

...in various charts like line, pie and column charts. What a message to show? In what place?
2
votes
2answers
275 views

Best way to display large dataset on mobile?

I am working on a website for the specific purpose of mobile first display of athlete data for the Highland games and looking for some UX help as far as how to display a large chunk of data with a ...