Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

A sheet of information in the form of a table, graph, or diagram.

0
votes
1answer
26 views

What do you call the date range slider bar underneath a time series chart?

What's the name of a slider bar, underneath a chart, that determines date range, that the chart is showing? The one I circled in pink.
0
votes
3answers
45 views

Which is the best graph to display sales value and target in a small space?

I'm currently doing some research into graphs for an internal weekly sales email. I've had conflicting feedback as to what type of graph is best for monthly sales vs target. I've trialled two options, ...
1
vote
4answers
118 views

Whats the best way to graph percentage data?

Lets say I have the following data: Category positive neutral negative total 0 Category 1 1.000000 0.000000 0.0 2 1 Category 2 1.000000 0.000000 0.0 1 2 ...
1
vote
1answer
68 views

Stacked Bar Chart Movement User Experience

I have three friends Bob, Sam, and Maya. We all deposit some of our pocket money together to the electronic wallet. On tough time we can move money from each other accounts as Bob can transfer money ...
-1
votes
1answer
134 views

Chart Color Palette for hundreds of items

Given a timeline chart with hundreds of items...should I have hundreds of different color for each category/item along? What is a good strategy for creating colour palettes for charts when there are ...
4
votes
2answers
92 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 ...
1
vote
2answers
107 views

Which of these cryptocurrency charts communicates percentage gain or loss in the most clear manner?

Cryptocurrency websites have been popping left and right for some time now and it seems they are already trying to establish patterns around their tools. One of the things most websites assume is that ...
0
votes
0answers
46 views

Organisation chart where one node has multiple parents

I'm trying to represent a structure where one object falls under 2 other objects in an organization chart. Minified, it looks like this: Which is constructed by the following JSON (and a lot of ...
1
vote
1answer
30 views

Highlighting weekends on a chart

Are there any UX rules for adding noise to a chart? I know that Stephen Few and his ilk talk about reducing chart noise as much as possible. But Is it acceptable to add some in? The use-case I'm ...
0
votes
2answers
107 views

What is this chart type?

I was reading the article Marketing Analytics Is Broken. Salesforce Is Fixing It With AI (And IoT) on Forbes and I was wondering if anyone could tell me if there was a name for the type of chart they ...
1
vote
3answers
62 views

How do I get a chart input from a user?

I would like to get a chart input from a user: download bmml source – Wireframes created with Balsamiq Mockups One way could be to let the user manually enter (X, Y) values like here but that ...
0
votes
0answers
18 views

How to represent entries with multiple categories, along with all possible combinations in a graph

I have 3 categories A, B and C. An entry can have any of them or all of them or none of them. I need to represent how much percentage of all entries have categories A, B, C, A + B, B + C, A + C, A + ...
3
votes
3answers
247 views

How to make a pie chart more intuitive

I'm working on a mobile application, and there we've a pie chart, where each slice is a group. So, when the user taps on one group, it pops up a modal with the group's items. What is the best UX ...
1
vote
4answers
617 views

Why are chart x-axis values slanted bottom up for long labels?

Anyone knows why when we need slanted values at the x-axis, for example for a bar chart, why slanted values are always left to right, bottom-up (as in the image), instead of being displayed up-down?
5
votes
2answers
128 views

Visualize popular routes/connections

I'm working on a dashboard for regional tourism agencies (both private and governmental). One requirement is to visualize popular connections between points of interest (POI). So for each POI where ...
1
vote
1answer
53 views

Best way to display users by location

I'm trying to find out which is the best way to display amount of users by location. In my application, you can create locations and sub-locations without limit. Then, you can assign users to each ...
1
vote
1answer
100 views

Long label handling for charts

Currently I am showing horizontal bar chart where Y-axis is having very big (around 250 chars with minimum char size 20) label text. As this chart is taking 80% width of page, it is not looking good. ...
1
vote
2answers
143 views

Graph Showing Quantities of Multiple Categories for Multiple Years

I have three sets of data: +--------+------+------+------+ | Apples | | | | +--------+------+------+------+ | | 2016 | 2017 | 2018 | | Jan | 40 | 36 | 44 | | Feb | ...
1
vote
2answers
74 views

Visualization for showing 31 different combinations

I have a dataset of customers and products they could have. There are a total of 5 different products (A,B,C,D,E). A customer can have any combination of the products, for example a customer can have ...
2
votes
2answers
55 views

Bar Chart Axis Labels

Working with a client that uses D3 graphing. They are running into an issue when using a bar chart the label for the data entry is becoming extremely long (30+ characters) and rotating the text to ...
1
vote
2answers
126 views

Is it a 'vertical bar chart' or 'column chart'?

Creating a charting application where a user can pick their visualization type. Should I name the chart type 'vertical bar chart' or 'column chart'? Bar chart Wikipedia entry says "The bars can be ...
0
votes
1answer
83 views

Graphs comparison placement

I'm exploring ways to demonstrate graphs in comparison. More specifically a web tool I've been working on needs to visualise a "Control Group" and an "Experimental Group" in a parallel way. One ...
1
vote
1answer
122 views

Data Visualization: Visualizing current year annual performance by juxtaposing last year total and year to date numbers

Working on a revenue piece where I have to show current YTD ( Year to date ) performance with last year’s YTD and the total revenue last year for a specific product. The below image shows the ...
0
votes
0answers
45 views

Chart Drill Down in Phone Devices

Hello I was wondering if anyone has good references on this topic or if you can share your thoughts on some questions I have. Imagine charts with 30 days of data that will allow you to drill down in ...
2
votes
2answers
107 views

Stacked bar chart: 100 Year Lifecycle Investment Requirements

My organization has tasked me with copying a specific stacked bar chart (someone stumbled upon it on the web) in order to visually display information about 100 Year Lifecycle Investment Requirements. ...
0
votes
0answers
28 views

Preference: Info-tips (info tooltips) or stationary info-areas for Scatter Plots?

I've seen two different ways to display information about a point on an scatter plot A tooltip (info tip) which appears next to your cursor When you hover over a point, information will display in ...
1
vote
1answer
73 views

Chart with long ordinal text labels in mobile screen

I need to display the counts of a lot (between 10-30) of ordinal values on a mobile screen (in an app). At the moment I'm thinking of doing a bar chart, with wrapped labels: Something quite | ...
0
votes
1answer
443 views

Are google charts WCAG compliant?

Exploring them using Windows Narrator I would say not completely, because the screen reader reads a lot of unnecessary data before going through the table, but I'm new to WCAG and accessibility and I ...
0
votes
2answers
87 views

Best way to show the meaning of a score in a chart?

I have charts that display calculated progress. What I want to be able to do, is given a result, show whether that score falls in the Average,Above Average,Below Average or Excellent. What would be ...
0
votes
1answer
68 views

Library of IBM Design charts [closed]

Does anybody know which library IBM uses to create the charts in their design guidelines?
1
vote
1answer
299 views

Graph type showing aggregate id⇒(before, after)?

What's the category of graphs for showing this? ID | before | after ------------------- 0 | 45.6 | 24.3 ------------------- 1 | 1.7 | 89.5 ------------------- ⋮ | ⋮ | ⋮ I was thinking ...
2
votes
1answer
75 views

Alternate chart to performance v/s time for a portal

I am stuck at the point where I have to show the performance of Events (Call, SMS, Internet, and Reg.) v/s Time(ms). Values can be good bad or medium. Here is the older graph which I have to revamp:...
1
vote
1answer
65 views

What are the correct terms for these visualization components?

What is the proper term for a vertical line on a visualization that follows a mouse cursor? Nb, screenshots have removed my mouse cursor but it exists on the same vertical plane as the dot in the ...
0
votes
1answer
68 views

What is the best chart for showing a set of percentages that add up to 100%?

For example, I would like to display the percentage of poker hand types after a simulation. Example data: High card: 14.92% Pair: 42.08% Two pair: 24.94% Three of a kind: 5.44% Straight: 5.44% Flush:...
2
votes
1answer
532 views

When does the first week of a given month start?

I wish to display a bar chart showing weekly revenues per month. A week is defined 12:00 AM Sunday to 11:59 PM Saturday, and I want to display full week values (i.e. not just revenues for 7/1 for ...
0
votes
1answer
119 views

How to refer to time duration on charts

The chart below has a total duration of one week, and the data was grouped by a one day duration to come up with each of the bars. What should the total duration (1 week) and group by duration (1 day)...
0
votes
1answer
57 views

Best chart type for giving smallest value greater importance

I'm building a dashboard, and the client wants some charts to monitor severity of a number of issues. If urgent status requires immediate action, it needs to be instantly noticeable. If I am using a ...
1
vote
1answer
254 views

What is the best way to display a websites visitors by location?

Though, the title is self-explanatory, I would like to ask you for your opinion on what is the best technique to use, to visualize geolocation data of the users, who visited your website. This ...
1
vote
1answer
174 views

Displaying percentages in tiny stacked bar chart segments

Specifically, how to handle cases where a (stacked bar chart's) segment has a small value, leaving little visual space for displaying data inside that segment. For example, if the pink segment was ...
0
votes
3answers
50 views

Should a bar chart redraw categories in size order or stay fixed position?

I've got a dashboard module that display summary totals across 4 categories. I'm wondering if it's easier to distinguish magnitude by rendering data in size order (descending) or keep fixed category ...
0
votes
3answers
191 views

How to show zoom capability?

I would like to consult with you about a zoom-in functionality we would like to add to a module we're adding to our data SaaS product - wire-frame depicted here: . We have clickable bubbles, and we ...
1
vote
1answer
148 views

Donut chart colours for success/warnings/errors

We have a site that is brandable (colours) for each client. There is an area of the site that has donut charts that represent the following four items: Success Warnings Errors Exclusions We thought ...
1
vote
3answers
108 views

mobile interface for assets distribution

Hello there and thanks in advance for your help. Background: I am designing a financial mobile app that will allow users to invest in private equity. By law (French in this case) to invest it is ...
1
vote
2answers
155 views

When to add markers/dots to a line chart?

I would like to use a line chart but I cannot decide if I should add markers to the lines or not. On one hand adding markers seems like extra noise On the other hand they make location of the data ...
7
votes
1answer
5k views

Pie Chart VS Doughnut Chart: When to use each? [closed]

What is the UX rationale behind picking a doughnut chart vs a pie chart or viceversa? I'm asking because I'm intrigued as to why a designer would prefer to represent data with a pie instead of a ...
1
vote
4answers
401 views

How should you design drill-down and move-up in data visualization

I have a chart which is showing information from a data-tree. Root is a big circle where the user can see children as smaller circles inside it. based on the space available, the user may see more ...
0
votes
1answer
163 views

Best way to visualize multiple data points on a graph?

What is the best way to visualize four or more data points on a graph? The graph will show the four data points for each day (e.g. Feb 13th) and there will be up to 31 days on the graph at a time. ...
1
vote
1answer
74 views

How to represent 2 dates on a gantt chart?

On a gantt chart that I'm doing, there are 2 dates to show: target start/end date and actual start/end date. I'm not sure what's the best way to represent these 2 dates without it seeming like the ...
6
votes
6answers
467 views

How much it is user friendly to make the bars clickable in bar-chart?

I'm designing a bar-chart where each bar has more content to be explored. After the click in the red bar, I'm thinking to show list of all employees (90, 55, 33, ....) who became late in the ...
0
votes
4answers
126 views

How to visualize parts in parts?

I'm looking for a way to visualize parts of parts, For example, I have a lot of pets and I want to show how many of each kind of pets are boys vs. girls . I have: Dogs, 5 female and 5 male Fish, ...