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

learn more… | top users | synonyms (3)

1
vote
0answers
293 views

Can I get some inspiration on displaying visualization for a tabular data in addition to displaying it in a table? [closed]

I need to display a report on back end data. The report is basically the distribution of Vendors by devices on the network. I am using jquery datatables for my tabular data and google charts treemap ...
6
votes
5answers
391 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 ...
1
vote
1answer
336 views

One page websites - do and don't

I'm about to develop one-page website. But suddenly I'm not sure this is the right solution. The content characteristics are: Contains 8 sections. The sections depend on each other: section 2, for ...
11
votes
5answers
546 views

How best to show the 'weight' (importance) of bullet-ed items in a non-intrusive (creative) way?

I have a web page with a bulleted list of items each with an associated weight i.e. level of importance. The bullets are of equal width but not necessarily of equal height. Here's a graphical ...
6
votes
7answers
542 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 ...
-1
votes
2answers
105 views

Combine Kinects image and depth data

Playing with a Kinect, I wonder how the depth channel could be integrated /combined into the video stream? Update: I want to present both data channels to the users. How could I design this? What I ...
5
votes
3answers
491 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
107 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
572 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
591 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
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 ...
2
votes
3answers
277 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
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. ...
1
vote
2answers
112 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
503 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
417 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
711 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
407 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
733 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
2k 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
520 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
163 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. ...
17
votes
3answers
5k 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
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, ...
7
votes
2answers
506 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: ...
37
votes
8answers
1k 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
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). ...
8
votes
2answers
830 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
12k 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
576 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
565 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
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
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
366 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
528 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
106 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
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) ...
8
votes
1answer
349 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 ...
10
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
351 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
184 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
161 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
3k 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
445 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
692 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
294 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 ...