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

learn more… | top users | synonyms (2)

4
votes
1answer
337 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
197 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
1answer
75 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 ...
3
votes
5answers
3k 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
132 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
4answers
923 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
396 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
1answer
122 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, ...
3
votes
2answers
108 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
124 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
3answers
323 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
1answer
137 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
1answer
381 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 ...
3
votes
2answers
145 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
272 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
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 ...
3
votes
3answers
361 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
971 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 ...
3
votes
1answer
245 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
2k 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
163 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
126 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
255 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
3answers
194 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
110 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
209 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 ...
2
votes
1answer
400 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
828 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
2answers
260 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, ...
2
votes
1answer
116 views

Time based activity feed aggregation - What time?

I am implementing a news feed similiar to Facebook's. Essentially, the feeds are stored as individual items: 1 Nov 2012 9:00 AM [John] was [tagged] in [photo album "Halloween 2012"] 1 Nov 2012 9:20 ...
2
votes
1answer
118 views

visualising session data

I'm recording Users session data for my sites. I record login and logout dates/times along with pages viewed and country codes of where they visited from. I'm having trouble working out which graphs ...
2
votes
2answers
130 views

Price ranges vs concrete price for 3rd party vendors

I'm building a website for a consulting firm that creates websites for its customers. In the website there is a small section that mentions a few hosting services as well as their prices (just for the ...
2
votes
1answer
126 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
2answers
94 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 ...
2
votes
1answer
37 views

What's the best way to visually convey rank?

I'm working on "infographic" style dashboard page where I want to convey the rank of something (and how big the whole group is). So "Rank #17 out of 2,312" could be conveyed like: I'm not loving ...
2
votes
1answer
52 views

Visualisation of 10-12 star-based-items in a review site

I need to create a page with 10 or 12 items. Each item is a criteria for review that can be voted by the user between 1 and 4 stars. But, the problem is that it is a really strange visualisation to ...
2
votes
2answers
169 views

What is the best way to display the individual results of a survey?

I'm creating a UI that allows a client to review the individual (and global, but that is for another time) results of a survey once it has been completed by another user. The question types are pretty ...
2
votes
2answers
534 views

How to visualize sentiment analysis of social media (ex: tweets)?

I'm trying to research potential ideas for visualizing sentiment analysis - specifically sentiment analysis of Tweets about a subject. I have some data and have bucketed the tweets into three buckets ...
2
votes
3answers
95 views

Visualizing structure and intermediate results of a computation

I have a financial desktop application and there are many places where different computations are performed and a single number (or a couple numbers) is shown as a result. Very often users are ...
2
votes
5answers
242 views

Way to display a lot of end-game data

I am building a web app for providing League of Legends players with a more detailed match history and statistics as well as an internal ranking system (for friends) and achievements, as well as an ...
2
votes
1answer
230 views

Feature Matrix: Compare Products by Date/Time Range?

Problem Statement It is common to allow a user to compare two or more products in a matrix that lists features/benefits down one axis and the selected products along the other. But how do you ...
2
votes
1answer
99 views

Colour status notification for admin

I have to design , a website for a inventory storage firm. The items that are displayed , have three different status 1) In the store 2) Outside 3) Under Process, When user , visits the homepage, ...
2
votes
1answer
88 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 ...
2
votes
1answer
216 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 ...
2
votes
2answers
160 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). ...
2
votes
3answers
96 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
1answer
204 views

How do I best deal with this information overload?

This represents a category of job times, which are broken down into timeframes. Timeframes have: Total (if fake is 0, shown without T, else with) Fake (hidden if zero) as F Built as B Scheduled as ...
2
votes
1answer
104 views

Examples of software that generates stuff based on templates and various inputs [closed]

We've just started thinking about a new product (to be used internally at a company) that: Takes in multiple inputs (hundreds) Has a large set of templates (thousands) Has a large set of previously ...
1
vote
1answer
85 views

How to indicate SubTotal and Total in a chart or table

I'm trying to indicate a Subtotal (83% in the image below) and then a total (83+17=100) below that. Options I'm considering (but don't particularly like): The "sum" line above 83% Making the second ...
1
vote
4answers
136 views

Is there a widely-understood visual metaphor for using part or all of an existing item to make a new one? [closed]

I'm looking to convey the following functionality to users: able to take part or all of an existing short text entry and make a new, related text entry from it. For example, if a user encounters the ...