Stack Exchange Network

Stack Exchange network consists of 175 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

Questions tagged [charts]

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

16
votes
6answers
3k views

What kind of chart is this?

This is not a donut chart.. not showing distribution here. These are different attributes contributing to the total score (in the middle) Another example: The thickness of the wedge is proportionate ...
0
votes
0answers
14 views

Ui5 timeseries bullet chart datalabel not showing up

Time series Bullet chart in UI5 is not showing up data label even after setting up the plot area property oVizFrame.setVizProperties({ plotArea: { dataLabel: { visible: true } } }); Is there a w​ay ...
20
votes
4answers
4k views

Background for black and white chart

I have a plot where I stack the color white and black as values by month. I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like. Any ...
2
votes
2answers
120 views

Displaying placeholder / skeleton screen for a (large) graph

I'm creating a dashboard that retrieves a significant amount of data from an API before displaying some charts and metrics. I have read that skeleton screens are perceived as being shorter in ...
2
votes
1answer
118 views

How to present cyclic data?

I need to present data across the 24 hours of a day (the daily evolution of the value of a variable). The typical way to display this is a chart (bar, spline, ...) which starts at "00:00" and ends at "...
2
votes
1answer
39 views

Highlight individual datapoints in histogram bin

I have a graph showing the load time distribution for websites within an industry. The x-axis is showing the load time buckets (<1 s, 1-2 s, 2-3 s, 4-5 s and so on) and the y-axis is showing number ...
0
votes
1answer
75 views

What's the best way to illustrate calls and responses on a timeline?

Problem: I have a platform that sends and receives notifications from mobile users. Here's how the process works. Platform user pokes a mobile user. Sometime later the mobile user will respond with ...
0
votes
0answers
23 views

Charts with long axis labels

We are implementing a dashboard widget with charts that pull axis labels which are very long. The length of these labels cannot be shortened as they are descriptive names used in other areas of the ...
2
votes
3answers
554 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 out ...
1
vote
2answers
43 views

Labelling chart data granularity / interval

If a line or bar chart is rendered as a part of a time-series, is it necessary to label somewhere around the chart what the granularity/interval of the data is? Example: I can see labeling the ...
5
votes
1answer
646 views

Right to left graph labels for right-to-left languages

When building a graph or chart for use by right-to-left languages such as Arabic should the labels also change? For instance it is generally accepted in my English speaking culture that lower numbers ...
0
votes
1answer
63 views

How to display week numbers on a chart's axis

I have time series data visualized on a line chart and want to format the x-axis accordingly. I wonder what format to choose in English if the data is aggregated by week. In German i would use "KW x". ...
4
votes
1answer
244 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:) (source: netdna-cdn.com) It also needs to mark the days they took medication. Originally, I wanted ...
7
votes
6answers
2k 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 ...
2
votes
3answers
132 views

Navigating two charts on one screen

I want to display two charts on one page and have similar chart navigation and examination experience as iOS Apple Health app does. The issue is that Apple Heath has only one chart on the page but ...
10
votes
3answers
2k views

Graph with overlapping labels

I have a web app that builds and displays a bar chart based on dollar amounts. A typical graph looks something like this: As you can see, the layers at the bottom of the graph have dollar amounts ...
8
votes
3answers
23k views

A graph for displaying numerical data like age

I want to show a variety of datapoints in a graph. For example I have several datapoints, each one representing the age of a user. What would be a good graph representing "10 users are 18 years old, 2 ...
1
vote
2answers
48 views

Which graph or chart to use for conversion

Which chart or graph should I use to represent this data? # of emails sent (100) # of responses to emails (30) Of those responses (30), the # of people who took action (10) I am being asked to show ...
41
votes
10answers
8k views

How to visualize data with extreme value differences?

I am working on some routines for a client application to visualize data in a 3d bar chart style. The data consists mostly of smaller values with only a few large values. For example: 6,942,535,341 ...
3
votes
6answers
178 views

How to display multiple progress locations?

My scenario is this: I'm reporting on how many points a player has earned in a game, along with other relevant info, like how many points the player had as a goal, and how many points the average ...
1
vote
2answers
216 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 ...
1
vote
2answers
128 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 ...
5
votes
2answers
2k views

Real time filtering vs Apply filters button?

We are integrating a BI tool into our maintenance system and I am currently evaluating two viable products to put forward as a recommendation. One item where these tools differ is their filtering ...
1
vote
1answer
46 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
107 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
85 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
418 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
101 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 ...
-2
votes
1answer
211 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 ...
5
votes
4answers
56k views

What's the best chart layout for displaying profit/cost/revenue/turnover

Some background I work as an independent consultant, and as such I use multiple 3rd party software to keep track of my billable hours, sent invoices, due taxes, bank mutations, etc. However, as with ...
4
votes
2answers
96 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
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 ...
1
vote
2answers
116 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
74 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
1answer
85 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 ...
6
votes
6answers
534 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 ...
3
votes
3answers
347 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
2k 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
175 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
57 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
212 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
289 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 | ...
2
votes
2answers
79 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
82 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 ...
1
vote
5answers
2k views

What is the best chart to present multi dimensional data?

Question to UX/Data/Subject Matter Experts: I'm working on a Call Analysis app where one of the chart is to present the aggregate value of "Call Quality by Client Health by Call Type". These are the ...
1
vote
1answer
169 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 ...
2
votes
2answers
126 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
1answer
138 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)...
1
vote
1answer
80 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
707 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 ...