Questions tagged [charts]

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

Filter by
Sorted by
Tagged with
5
votes
2answers
135 views

Error type chart with simultaneous errors

1. What is an error type chart? Our monitoring system measures the parameters of telecommunications services at regular intervals, and based on the measured parameter values, automatically decides if ...
2
votes
0answers
37 views

Overlapping div in left side when turning off the collapse on the left sidebar [closed]

I built a dashboard that contains sidebar with collapse. When I try to put chartjs and make it display:grid, it turns out it is overlapping the right side when turning of the collapse. Here is my html ...
1
vote
1answer
1k 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". ...
0
votes
1answer
75 views

What is the name for a plot that shows data at each X,Y coordinate

I'm creating some new plotting infrastructure and I can't figure out what this type of plot should be called. It's a pretty basic plot where you have an Cartesian X-Y grid and each grid cell ...
0
votes
1answer
22 views

Examples of two/multiple facet scoring?

Working on an interesting scenario - we need to communicate a "score" that has two facets: A percentage based score that has a threshold that must be met to pass (90%) Specific items that ...
44
votes
11answers
15k 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 ...
6
votes
3answers
356 views

Is multistability a good thing on a donut?

Current I'm reviewing an email application that currently has the following chart on the dashboard, where the default state is the left one (contacts), and the second state appear on right after ...
1
vote
2answers
80 views

Bar charts in multiple colors for different type of information

I'm working on a dashboard and have to make a design decision. Is that okay to use different bar chart colors for a different type of information on the same dashboard or I should use the same color ...
2
votes
2answers
109 views

Best way to present multiple types of data in a cluster bar chart?

This company has two different customer types and they all have two different kind of contracts. The aim here was to show all the contract prices in the same chart. As you can see I tried to map ...
4
votes
2answers
5k 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 from 12:00 AM Sunday to 11:59 PM Saturday. I want to display full week values (i.e. not just revenues for 7/1 for ...
2
votes
1answer
964 views

Chart “Plan” Versus “Actual” for a time series?

What kind of charts show Plan (forecast) versus Actual for a series of points in time? Examples: Goal vs Actual sales in each quarter of the year Forecast vs Actual energy consumption in each month ...
0
votes
2answers
52 views

How do you compare two trends on the same chart when one metric higher = positive, second metric higher = negative?

So we have two metrics that could potentially go on the same chart because they are semi-related and the user will want to compare them. However, when the first metric has a higher percentage, it is ...
1
vote
1answer
89 views

data visualization - how to visualize the lack of data for certain amount of time

Currently, I'm redesigning the line chart. Sometimes for the chosen time period, the user might lack data. I need to visualize it. Someone has any experience what would be the best solution? is it ...
0
votes
2answers
34 views

Line chart - do you add a legend to one variable data visualisation?

I started to consider what's the best practice for one-variable data visualization? Shall the legend be included in this case or not? What's important the component headliner indicates what's data ...
2
votes
1answer
48 views

What level of compliance does a chart with patterns have in WCAG 2.1?

The following is an example of a chart using patterns. When a chart uses patterns (instead of plain colors) to separate sections, in which category of WCAG levels does it fall – A, AA or AAA?
22
votes
6answers
4k 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 ...
1
vote
3answers
321 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, ...
2
votes
2answers
289 views

Expand/Collapse clue on a chart

I am currently working on an org chart with collapse/expand capability. In case it matters, the original code is from d3/visx. To improve user experience, I want to include a clue that a node can be ...
0
votes
1answer
51 views

Information on Duration or Start/End Time

My question has split my team in the middle, so I'm here for more opinions. We have this Gantt Chart where you can extend/shrink tasks by hovering then dragging them from start/end. When this ...
1
vote
1answer
43 views

Dashboard charts where in some higher is better, others lower is better, and in yet others the values should fall between a range

As the title says, how are people approaching having multiple charts in a dashboard, where in some higher is better vs lower is better vs fits in range? All of these charts would have multiple values....
23
votes
6answers
7k 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 ...
2
votes
1answer
56 views

How can I improve the legend in this line chart with value, norm and prediction?

I'm currently reworking some existing graphs which are shown on a webpage for a B2B tool. These graphs are showing the current state of what's happening in the life cycle of an animal, along with the ...
4
votes
2answers
258 views

Is it okay to use different thickness in a line graph?

Can we use different line thicknesses in a line chart to make a line prominent and easier to catch? The goal is to make one of the lines stand out from the rest (say average traffic). This chart may ...
5
votes
4answers
623 views

Visualize realtime timeline chart

We have a system that collects events. An event typically occurs every 10th second or so, but its pretty random. The system collects the events during a project's lifetime which usually runs for ...
2
votes
1answer
89 views

How to display a chart which has larger dataset in a dashboard widget?

I have a dashboard which display different charts as equal sized widgets.The issue with my current UI is when there is more data labels and data sets the charts looks compressed. Is there a better ...
5
votes
1answer
187 views

Developing good UX for handling configurations of multiple objects

I am developing a dashboarding system that lets users drag and drop charts of interest. Some of our users may want to have 4-7 charts on a given page. For each chart, there are certain parameters that ...
1
vote
2answers
96 views

How to visualize complex data on the same bar chart for short and wide timelines

I'm designing a dashboard that visualises AWS cost details on a bar graph. Below is a weekly view and all seems fine. However there's also a need to show the data across a boarder timeline, like ...
1
vote
1answer
63 views

Display large chart inside a card in a Dashboard

I'm going to design a Dashboard, I know how to show the information but my client said to me that a cohort chart is going to have a lot of information. I wonder if it's ok to add to the card that ...
2
votes
4answers
5k 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?
1
vote
4answers
433 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 ...
0
votes
2answers
107 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 ...
1
vote
1answer
82 views

How to display hourly averaged time data on a line chart?

Assume that I have data collected every minute. If I want to display that data on a line chart with data averaged to every hour. Is it assumed that a label on the horizontal axis is the measurement ...
0
votes
1answer
90 views

How did they design this ? How should my data look like? [closed]

How did they design this ? How should my data look like? Can excel count so many variables ?
2
votes
2answers
97 views

How to design a chart that has an x-axis with a fixed range that is longer than the selected range?

I'm designing a web-based analytics dashboard that contains a chart in which the x-axis represents the days of a campaign, and it always shows 31 days. However, the duration of a campaign varies; it ...
1
vote
1answer
112 views

emphasize clickable areas in a data visualization

I want to show a stacked bar chart (single bar) that only one part of it (the dark green one that has 15%) is clickable, when clicked this section will drill down. see examples below: stacked bar ...
3
votes
1answer
233 views

What is this line referred as in a chart?

Is this called an anchor line? How is this supposed to be called?
1
vote
2answers
92 views

Any alternatives for a responsive process flow diagram suitable for mobile

Hi I am looking for alternatives for this process diagram. You should be able to click on each of the sections (interactive), which results in the box opening up with further explanation I will be ...
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 ...
5
votes
2answers
2k 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
424 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
130 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 ...
3
votes
3answers
602 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 ...
5
votes
1answer
893 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 ...
4
votes
1answer
255 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 to ...
8
votes
6answers
3k 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 ...
3
votes
3answers
199 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
34k 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
490 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 ...
3
votes
6answers
245 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
2 3 4 5