Skip to main content

All Questions

Filter by
Sorted by
Tagged with
21 votes
6 answers
5k views

How should I visualize the average of two bars in a bar chart?

I am presenting results from an experiment in an academic publication. Here is what the figure currently looks like: The gray bars are the averages of the red and the blue bars. Goals I want to show ...
Kilian Obermeier's user avatar
15 votes
1 answer
2k views

Tufte's data density, readability and comparison

I'm intrigued by Tufte's data density. While I love his definition of data / ink ratio which can be easily measured, I have hard time measuring data density. He defines data density in a graphic as a ...
Kraken's user avatar
  • 393
13 votes
6 answers
1k views

How to present weighted values

I have a formula which is used to calculate certain scores. The formula has some parameters (shown in the image below) including a Weight parameter that is changed dynamically (the rest of the inputs ...
Zoltan Veres's user avatar
12 votes
5 answers
2k views

graph exploration and data overload

I love to visualize huge graphs (this is a hobby: http://anvaka.github.io/pm/ ). One problem however that keeps me awake at night, is data overload in such graphs. If I render all connections inside ...
Anvaka's user avatar
  • 221
10 votes
5 answers
5k 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 ...
Luciano's user avatar
  • 201
9 votes
1 answer
1k 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 ...
Steven T. Snyder's user avatar
8 votes
4 answers
1k 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 ...
Farshid Zaker's user avatar
8 votes
6 answers
5k views

Necessity of y-axis label on a line graph?

I'm currently designing a line graph to provide a relative, "quick-glance" view of data trends, rather than the granular stock-market-style view. There will only be one trend line. Currently each of ...
ewittke's user avatar
  • 642
7 votes
4 answers
1k views

Best way to display graphs and data visualization of multiple variables and complex data in mobile?

I'm struggling with some data visualization for a mental health app. This app evaluates different mental states (lack of pleasure, sadness, focus, Nervousness) via a questionnaire. The questionnaire ...
Daniel Vianna's user avatar
7 votes
2 answers
280 views

Interesting visualizations for a personnel in-out control

I have a database with the data of all the company personnel in and out through several facilities (All people must put their fingerprint in the scanner to open doors) I'm looking for interesting way ...
Eduardo Molteni's user avatar
6 votes
5 answers
2k views

Would having a generic waveform be too confusing for users?

I'm currently working on a redesign of an online radio. It does not have a lot of content, so I decided to make the player the dominant element of the home page. I would like the design itself to be ...
Cracker's user avatar
  • 63
6 votes
5 answers
1k 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. As ...
Dan Dunn's user avatar
  • 203
6 votes
3 answers
5k 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? ...
ryudice's user avatar
  • 173
5 votes
5 answers
440 views

How to represent quantity in an X / Y axis grid without taking too much space?

We have a graph that displays the symptoms (y axis) and the ages of people who have them (x axis). The bigger the circle, means more people of the same age range share the same symptoms. Example of ...
catandmouse's user avatar
  • 4,348
5 votes
4 answers
4k views

Maps with Multiple Heat Maps and Other Data

We're about to embark on a small project that requires us to plot various data on a map. Some examples that we need to put on the map: Population Income House Prices Crime Etc Examples 1-3 could be ...
StackOverflowNewbie's user avatar
5 votes
1 answer
3k 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 ...
peteorpeter's user avatar
  • 3,249
5 votes
3 answers
813 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 thought. ...
Tiago's user avatar
  • 163
4 votes
1 answer
12k 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 ...
Frank Visaggio's user avatar
4 votes
5 answers
3k views

What is the name of this dashboard UI element?

I've seen many dashboards or statistics pages/screens to have some kind of "dashboard header" in which larger text or graphics are present. They are designed to give an overview of important ...
user9993's user avatar
  • 161
4 votes
3 answers
512 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 ...
Jay West's user avatar
4 votes
2 answers
120 views

Ways to indicate a series is selected on a line chart

I have a program that displays a dense collection of line series. I can select series from a tree view to the left of the chart. My issue is I need an elegant way to show the user which line series ...
Loocid's user avatar
  • 397
4 votes
1 answer
392 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 ...
Hrishikesh -Rishi- Choudhari's user avatar
4 votes
3 answers
436 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 ...
keruilin's user avatar
  • 155
4 votes
1 answer
109 views

Representing both large and small quantities of task based data

I have a task to re-create a chaser page in our existing task-based application. The product is a SAAS product. Some customers may have 5-20 tasks which require chasing on a weekly/monthly basis. ...
Dan's user avatar
  • 143
3 votes
2 answers
5k views

Tabs vs Scroll in content heavy website

I have a content heavy website. In a particular page there will be lot of data to be presented to the user. There are two options. Full Scroll Just present the data grouped properly with proper ...
Sooraj's user avatar
  • 2,104
3 votes
3 answers
17k views

What is the difference between a dashboard and a report?

The words 'dashboard' and 'report' are used extensively in data visualization applications such as Google Analytics. But what exactly are the defining characteristics of each? And how, precisely, do ...
Michael Heraghty's user avatar
3 votes
2 answers
900 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 ...
Deeptechtons's user avatar
3 votes
3 answers
201 views

Overtime + 2 other aspects data visualization

What kind of data visualization can show 3 aspects of the data including time (the others are the number of conversions and revenue)? For example, I thought about bubble chart where size is one aspect ...
Eran Bar's user avatar
  • 1,040
3 votes
1 answer
158 views

How to display a multi-valued heatmap chart

I will try to describe the issue in a simulation similar to my case, I went with the vehicles: A company that performs tests for vehicles of the types (Truck, Car, Motorcycle) wants to display score ...
ben berizovsky's user avatar
3 votes
3 answers
135 views

How to eliminate a repeating tree hierarchy for the types that share the same structure?

Below there is a modal where I have three categories that contain the same tree structure. Is there a way I can consolidate or simplify these three structures into one or maybe restructure this in a ...
user115622's user avatar
3 votes
2 answers
217 views

How to display huge sum of hours

I have a table which sums up worked hours for each project. When the ammount of hours is huge, has still sense use hh:mm format, or decimal format could be more clear? Reading, for example 7650:30, ...
wav's user avatar
  • 1,634
3 votes
4 answers
159 views

What is the impediment to a data-driven design process?

Many government organisations and agencies are adopting the GOV.UK - GDS design principles, and it has certainly resulted in the trend of government websites becoming less cluttered and content-...
Michael Lai's user avatar
  • 27.7k
3 votes
1 answer
1k views

How to describe two variables in a heatmap?

I need to describe distribution of showtimes across day-hours and their occupancy. Showtimes distribution across day-hours can be described using a simple heatmap/ table, e.g. Here each times-cell ...
Gajus's user avatar
  • 1,220
3 votes
3 answers
169 views

Capacity available representation? Percentages or coloured icons?

Currently, capacity available is represented using a single icon in green, yellow, or red (green = lots, yellow = some, red = low). Due to API changes, there is an option to modify this data to show ...
matchstickpixie's user avatar
3 votes
2 answers
280 views

How to obscure data in a screen captured image?

Many people I work with need to share a report with sensitive data. This is usually a multistep process where the user takes a screenshot of a chart or graph with numbers and then manually removes, ...
DaveAlger's user avatar
  • 16k
2 votes
2 answers
282 views

What data visualization fit my Air pollution app

I have created an app that measures 7 Air pollution parameters (like dust, and car pollution, etc...) and combine the results in to the final pollution level: this is the app description and here is a ...
Eran Bar's user avatar
  • 1,040
2 votes
4 answers
261 views

Designing legends to handle overlapping/sequential values

I'm moving this question from gis.stackexchange to UX, as UXD's, I think, are better equipped to answer this question. I have always struggled to come up with a great solution to handle quantitative ...
CCantey's user avatar
  • 141
2 votes
3 answers
896 views

What would be a good way to visualize recent win/loss (player form) data?

I have data like this which represents the recent form (win/loss record) of a player: ★★★☆★★☆★☆☆★★★★★★ Now, I want to visualize this data. What would be a good way to do so? The purpose is to ...
Farhan Anam's user avatar
2 votes
1 answer
803 views

Highlighting differences between old and new results and conveying value to user

Context I have a dashboard where I want to highlight- A. Total data that the user has uploaded on our system and the amount of matches against that data in our database. B. The amount of difference ...
Ashwin Nepal's user avatar
2 votes
3 answers
875 views

Design for a scatter plot graph

I am designing a data vis platform and there are two primary form factors of the graphs, large and small. In designing these graphs, I'm trying to avoid the terminal ugliness of most platforms while ...
JClaussFTW's user avatar
  • 1,326
2 votes
4 answers
641 views

preloading strategies for searching large amounts of data

So I have encountered a similar situation described as the one below. Lets day a sales person from Ford is shipping a new car to one of the thousands of rental car places they do buisiness in the ...
Frank Visaggio's user avatar
2 votes
2 answers
134 views

configuration mode on canvas

I am creating a switch visualisation system for IT managers, one of the features I am adding is creating a new authorization relationship between one switch to another. so that one switch is the ...
Eran Bar's user avatar
  • 1,040
2 votes
1 answer
409 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 ...
Jarede's user avatar
  • 123
2 votes
1 answer
1k views

Shaded line graphs: Good or bad?

I've been staring at this design for way too long and I need an outside view. These are not stacked line graphs (a no-no in data vis) but two graphs occupying the same space. Does the shaded area ...
JClaussFTW's user avatar
  • 1,326
2 votes
1 answer
75 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 ...
Filipe Ferminiano's user avatar
1 vote
2 answers
352 views

How do you differentiate between '0' and 'no data' on a graph?

I am working on platform that shows data on a graph over a period of weeks. Right now, weeks with no data and weeks when there is data but the property is 0 are shown visually the same. On hover, it's ...
Michelle Walstra's user avatar
1 vote
1 answer
518 views

Using 2 side-by-side tables to display a long list of key-value pairs?

I've a list with 20+ key-value pairs that I need to display in my app. The data is static and cannot be edited. I'm using a table, currently it looks like this: keyA valueA keyB valueB keyC valueC ...
Simon Tran's user avatar
1 vote
1 answer
218 views

Design Options for Weighted Directed Graphs

My question in brief: what are some reasonable design options for displaying data in weighted, directed, cyclical graphs? The longer version: I have some data that details shipments of goods from one ...
duhaime's user avatar
  • 247
1 vote
3 answers
148 views

Displaying course data with 90+ values

Description: Hello, web developer here! I have been tasked to show scores for a online course that people have purchased. So I built a line graph that went up and down based on the score (naturally). ...
Phil's user avatar
  • 193
1 vote
2 answers
412 views

Navigate from monthly to daily view in a dashboard

I need to provide users a way to view data on a dashboard on a monthly basis or daily basis. It should be possible to navigate back and forth from daily to monthly view. The users should also be ...
Lili's user avatar
  • 98