Skip to main content
55 votes

What kind of chart is this?

This is an absolute 'No no' in creating charts. This is a very bad way of representing data, to make it look like Donut chart but non-functional. It doesn't matter if the thickness is proportional to ...
Ren's user avatar
  • 3,196
34 votes

What kind of chart is this?

The most approximate chart to the provided images is a Donut Chart. Refer to this link about how to use donut charts.
Nicolas's user avatar
  • 5,608
32 votes

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

You could show the average in a large bar, and put the separate categories inside in smaller bars. If you use Excel and use two axes, make sure they both have the same scale.
Niels's user avatar
  • 429
21 votes

What kind of chart is this?

Topologically, it looks the same as a Spider chart with 4 variables, but each variable is displayed as a quarter-circle instead of a point.
Aprillion's user avatar
  • 1,826
20 votes

A/B testing - client wanted the test run 70/30

Your statistical power is maximized if equal numbers of users are directed to A and B. That is, assuming one design really is better than the other, you’ll achieve statistical significance with the ...
Michael Zuschlag's user avatar
18 votes

What kind of chart is this?

That looks like a form of polar area diagram. Also known as a ‘rose diagram’, this is almost 200 years old, and was popularised by Florence Nightingale to highlight death rates in different months: ...
gidds's user avatar
  • 311
15 votes

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

If you really just mean the average of the two numbers, why not just leave the gray bars out, with nothing in their place? It's pretty easy to estimate visually. I think that's why there are few ...
Mark Foskey's user avatar
14 votes

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

A simple idea would be to show the average as a line graph, like this:
Glorfindel's user avatar
  • 3,320
14 votes

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

Your second one seems fine to me to be honest. It's the least extra 'ink', and it's how single series bar charts show averages, you're just doing it for the items at each x value. You can see an ...
mgraham's user avatar
  • 1,803
10 votes
Accepted

What kind of chart is this?

Since the attributes are not distribution, you could show the initial score, and place a severity breakdown below. Allow hovertips and details for drilldown. Instead of focusing on the current chart (...
Mike M's user avatar
  • 24.7k
9 votes

What data visualization fit my Air pollution app

My suggestion is about UX, rather than on UI and visualization. Your job is to solve a problem, not make a picture. This is from the Three charts are all I need, as well as the following quote: ...
Alexey Kolchenko's user avatar
9 votes

How to encourage the use of actual content (instead of lorem ipsum) in design?

Lorem ipsum does have its uses. It is used to keep readers focused on layout instead of content. This is needed when reviewing the design and layout of a project. It is a long established fact ...
Nick Groeneveld's user avatar
9 votes
Accepted

Most readable way to display key value pairs

Option A (right aligned keys and left aligned values) makes the most sense in most situations (as always there may be some cases eg RTL languages where you need to adjust) Depending on the data you ...
scunliffe's user avatar
  • 3,722
9 votes

What is the name of this dashboard UI element?

EDIT: For completeness and with Andrews comment I don't think there is "one name" for that section of the Dashboard apart from "Overview" I you are asking about the content of that element these are ...
Milan's user avatar
  • 231
8 votes
Accepted

User needs to paste clipboard data into website with CTRL+V, but the data they paste will not be shown to them. How can I make this intuitive?

Consider sticking with a regular text input when there is no data present, then showing a preview of the data after pasting. Doing this will prompt the user to paste data the same way as they would ...
maxathousand's user avatar
  • 19.5k
7 votes

Is showing a blank page preferable to showing an empty one?

One of the key usability heuristics is: Visibility of system status - The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. And ...
kerr's user avatar
  • 976
6 votes
Accepted

What is the difference between a dashboard and a report?

A dashboard is a one-screen group of summary visualizations that facilitate rapid assessment of a system. In his book Information Dashboard Design, Stephen Few analyses a wide variety of different ...
Michael Heraghty's user avatar
6 votes

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

Given that you want the viewer to focus on the average value (but with the individual components available for comparison), I would make the central bar represent the average, and make it wider than ...
TripeHound's user avatar
  • 2,655
5 votes

When to refresh data?

A lot of sites (this one included) simply notify the user that there are updates and provide a shortcut to load just the new data. This allows the user to proceed as they wish, in one of two ways: ...
maxathousand's user avatar
  • 19.5k
5 votes

How to decrease a cognitive load on a dashboard component?

Honestly I quite like your original design, for me what sticks out is the comments button. Have you tried inverting it? I.e. no button background but instead using the purple color for the icon and ...
Henrik Vårhäll's user avatar
5 votes

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

Thank you for your answers! They have all been insightful and I don't think it makes sense to accept a single answer since the specific requirements differ from case to case. Here is what I went with ...
Kilian Obermeier's user avatar
4 votes

Word to describe adding an independent variable to a chart

Who are the users? It's a good question and well presented, but seeing as this is a UX Q&A site, it would really help (others and in turn you) to know who the users are? Depending on their ...
Izhaki's user avatar
  • 32.6k
4 votes
Accepted

Should bulk imports be all-or-none or individual?

We recently handled this issue by making it as easy as possible for the user; import what is importable and then provide a CSV of the rejected files only so changes can be easily made for a second ...
Eric Stoltz's user avatar
  • 1,754
4 votes

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

Is there a better way to represent quantity in this graph without resorting to circle size? Yes - a data table, while less sexy, would put across the information in a far more accessible way. I ...
Alex P's user avatar
  • 266
4 votes
Accepted

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

Why not use a heat map? Instead of differently sized bubbles that overlap, the quantities can be represented by color intensity. Heat maps are also an x/y-axis chart. You can play with the above ...
Elizabeth's user avatar
  • 336
4 votes
Accepted

Should I Let User Know Why I Need The Data

It's a good idea to guide your users. Make sure he knows where he is, how he got there and where he can go. In the example below I've put a 'why we only need your user name' link below the text ...
Nick Groeneveld's user avatar
4 votes
Accepted

How to display units of measurement as words

I think '5ft 9in' is fine. I think its a perfectly accepted abefviation of feet/inches. The other way would be to use CM if you don't already do so, this metric tends to be more common on fashion ...
UIO's user avatar
  • 2,684
4 votes
Accepted

Ways to indicate a series is selected on a line chart

You could lower the transparency or saturation of all the other lines, to highlight the selected series or add a drop-shadow / glow to it.
Rick P's user avatar
  • 550
4 votes

Displaying Table inside Table

I tend to do master/detail pairings. In this case a card with the highlights and a detail table that is populated based on selection.
RCburn's user avatar
  • 566
4 votes
Accepted

USA date format best practise

Each format has its pros and cons. Nov 20, 2020 Pros: Truly unambiguous. Requires less interpretation; better readability. Cons: Not as easy to compare multiple dates. 11/20/2020 Pros: Easy to ...
maxathousand's user avatar
  • 19.5k

Only top scored, non community-wiki answers of a minimum length are eligible