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

learn more… | top users | synonyms (3)

3
votes
3answers
120 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 ...
0
votes
1answer
105 views

Data visualization: distribution data

I'd like some input as to the best way to visualize a data set. Look at the below table (it's made up data indicative of the set I'm working with but cannot show according to my employer). The goal ...
7
votes
3answers
326 views

I've never met an infographic I didn't hate. But do they even work?

This is just my own personal preference. I've never met an infographic I didn't hate. I love beautiful data visualisations. But the recent fad for infographics leaves me cold. Is there any solid ...
1
vote
1answer
98 views

How to design a “data usage calculator” for a brand new smartphone users

What are some ways wireless carriers can help smart phone buyers visualize how much data they will need so they pick a suitable data plan option? Various carriers provide data usage calculators: eg ...
0
votes
1answer
128 views

How best to create a link/relationship between multiple elements of a webpage?

My current UI looks something like this: download bmml source – Wireframes created with Balsamiq Mockups A 3 column layout with a list of tasks with titles/details in the middle. I need ...
0
votes
2answers
76 views

Graph for properties with a big gap between them

I’m thinking how would an ideal graph for 3 properties look when one of them is much bigger than the others, like A - 2, B - 10, C - 1000. Any ideas?
0
votes
1answer
93 views

Should a tree map be scrollable?

Here a non-scrollable version, all items are visible though smallest nodes tends to be a little too small, but it looks like a tree map: Here is the same tree map but twice as large and scrollable ...
3
votes
2answers
49 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image ...
2
votes
3answers
208 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 ...
0
votes
2answers
70 views

Quantifying activity by the time of a day of the week

First post here, but I'm really having trouble getting an idea of how to visualize a certain piece of data for a project. Right now, we are trying to show a certain amount of activity on a given day ...
0
votes
1answer
1k views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
3
votes
2answers
256 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, ...
4
votes
2answers
265 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
3answers
153 views

How to handle overlapping elements?

I'm doing a very simple video editing solution. User has a timeline (horizontal 100px line) which represents start and end of the video. User can add overlay images and texts, and all of them appear ...
1
vote
3answers
152 views

Map markers with multiple types of data

I want to try to visualize multiple types of data in one map marker. We currently have up to three types of data on one coordinate and this is going to increase to 6 within the next three years. ...
0
votes
2answers
60 views

User involvement in UCD analysis

I'm currently designing a prototype for a dashboard UI, where the data come from the available tracking activity logs that are currently displayed in tabular form. Due to time constraints, I have ...
1
vote
3answers
161 views

What is a good and short way to convey that a product is available on a “Pay What You Want” scheme

So imagine a small piece of UI, only several pixels tall/wide, that displays a product's info. Usually this widget shows either something like $0.99 USD, BUY, or FREE in order to convey that it is ...
1
vote
1answer
134 views

Customer testimonials - Embedded tweet vs custom design [closed]

Do you think that embedded tweets would work better than custom design to show testimonials? Embedded tweet are live proof which people can see by clicking on embedded tweet and also embeded tweet ...
0
votes
1answer
143 views

Visualizing budget “burn-down” where overages can happen

I'm looking at a dashboard component that displays how much of the allotted budget has been used up in a project. What are some ways of visually summarizing this that take into account for overages? ...
2
votes
2answers
304 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 ...
4
votes
3answers
131 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: ...
0
votes
1answer
71 views

Usability + Sense of high dimensional plots

Imagine a point cloud with multiple dimensions. To plot this and provide an interactive way to "play around", there are the following common ways: parallel axis, star axis 2D scatter plot 3D scatter ...
1
vote
1answer
159 views

Visualize one to multiple relationship (Recipes to ingredients)

What do you think is a good way to visualize this in a user-friendly way? Data is based on: 35 recipes (Meal Name, Type, Date) 100 ingredients. (Name, Type, Date) Goal: Users need to see the ...
4
votes
1answer
1k views

Why do histograms not have spaces in between bars (as opposed to a bar graph)?

Lets say one wants a histogram . Say how many trades for a stock occurred on that day. And they are dead set on a histogram/bar graph. (as opposed to other representations why are histograms ...
5
votes
2answers
226 views

Representing time intervals in a chart

I'm trying to design a visual representation of a child's sleep schedule for a given week. I was thinking of making a chart with the time of day on the y-axis and the days of the week on the x-axis ...
0
votes
2answers
121 views

How to present data from open questions in a summative way? (besides word clouds)

I'm struggling with a problem which concerns 'Analyze' section in my online survey app. Users don't want to read all of the answers from open question one by one. They need a summarization, a ...
2
votes
4answers
287 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 ...
0
votes
4answers
195 views

Compare two list of elements & visualize similarity between them

I have a two List of Strings; ex: ListA = {"A","B","C", "F"} ListB = {"C","D","E"} I need to compare these two lists & present the difference to user in UI. I have implemented ...
2
votes
1answer
146 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 ...
1
vote
4answers
161 views

How to Improve this design, make people understand Accuracy?

I have a rough design for a progress report, primarily to be shown on the iPad. This is supposed to show what the kid is good at, and what the kid is not good at. Feedback I've received: It's ...
0
votes
2answers
174 views

how to display multiple graphs on a single page?

I have make a graphic where I need to show user trends. I will call them A, B, C, D -- brands of cell phones. My users are not very good at reading charts. Are there ways to combine features of ...
1
vote
1answer
183 views

Does anybody know why google chart sparklines were deprecated? [closed]

This may be asking about old news, but I was curious why Google deprecated sparklines in their charts API ("officially deprecated as of April 20, 2012"). Did they come to the conclusion that ...
14
votes
4answers
2k views

How best to show server availability over a 24 hour period?

I have a customer who asked me to provide a "Server Availability" chart for the last 24 hours that looks like this one: Y represents hours (0 - 23); X represents minutes (0 - 59) In this example you ...
1
vote
1answer
135 views

Chart axis autoscaling

I know this is hard to answer in general (i.e. not in the context of a specific application and user needs), but what evidence is there for or against autoscaling of axes on a chart in terms of user ...
2
votes
3answers
161 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 ...
1
vote
2answers
140 views

Representing progress through a workflow that has parallel activities

I'm trying to create a visual representation of the state of a workflow process that is linear but has parallel branches in it, for example: A ----> B ----> C1 ----> D ----> E ...
4
votes
1answer
435 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
1answer
147 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 ...
2
votes
5answers
139 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
2answers
217 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 ...
0
votes
5answers
425 views

How can I graphically display my data on car sales trends over time?

Shown here is a graph that displays statistics on car sales trends. While the information is there, its not exactly readable and I would say an eye-sore, you have to peer in and start matching ...
1
vote
1answer
305 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
1answer
81 views

My checkin dialog for members is too complex (membership web app)

I'm trying to improve my checkin dialog, because it think it's too cluttered. I think that all of this information is required, but it isn't shown in a simple way that isn't confusing the user. So ...
0
votes
0answers
81 views

One-to-many list items in trigger-response model

I have an app for a content item that can include triggers and responses, created by the user. Users can associate many triggers to one single response (many-to-one) or they can have each trigger ...
3
votes
2answers
217 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 ...
4
votes
1answer
198 views

How to handle daylight savings time when displaying logged data

If we have a system that measures and logs a users energy consumption, and then displays this data on an hourly basis, how should you display the anomalies that occur when shifting to/from daylight ...
2
votes
1answer
64 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 ...
1
vote
1answer
138 views

detect when 3 boolean variables are true at the same time? [closed]

*to sum it up- lets say i have 4 things i am looking at over a time period. they can be true or false. I am trying to notice their state (whether they are true or false), and when all 4 are true at ...
4
votes
2answers
67 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 ...
0
votes
1answer
187 views

Activity Feed: Method and best practices

I am trying to create some kind of activity/recommendation feed where the user would be able to see news/updates of specific topics of interest that have a specific time stamp. For example it could be ...