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.

53
votes
8answers
3k views

Should I fill empty space in bars?

It's about bar-charts in a table. Every row has a bar, which visualises a value of the row. The biggest value of the whole table is the maximum of the bars and not necessarily on the same table-page....
40
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 ...
20
votes
5answers
4k views

How to indicate that something isn't to scale?

Background I'm developing a UI for displaying production equipment (pumps, tubing strings, FCDs, etc.) in an oil well. Most oil wells have equipment that is very unevenly spaced. For example, there ...
15
votes
4answers
3k views

How best to show server availability over a 24 hour period?

I have a customer who asked me to provide a "Server Availability" chart for the last 24 hours that looks like this one: Y represents hours (0 - 23); X represents minutes (0 - 59) In this example you ...
14
votes
4answers
934 views

How to visualize data when one data series is significantly bigger than the others

I'm working on visualizing some data and it turns out that there are cases where one "data set" is significantly bigger (in terms of values) than the rest. It probably needs to be barchart as I don't ...
13
votes
7answers
581 views

Is there a visual way to represent drag capability?

In this data visualization chart, we wanted to make user understand that the chart is interactive. When someone clicks and drags any point, the selection expands. This helps drilling down in the data....
13
votes
4answers
2k views

How to display a timeline?

My question seems easy but I have to display a time line in a small area due to layout constraint. And I have to write some "actions" to do throughout the line (1 to 4 words). Sometimes I have two ...
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 ...
9
votes
3answers
23k views

Line graph/chart - straight or smooth curves?

I'm working on dashboard and researching different kind of graphs that could be used. I couldn't find any information about usability/UX differences between line charts that are using straight (A) or ...
9
votes
1answer
3k views

Best visualization for combinations

What kind of a visualization/chart should I use for showing all the ways you can choose from a set of items? (i.e., number of possible combinations) Concretely, I am showing potential offspring from ...
8
votes
3answers
488 views

How to visually show status values for a large number of data points?

For example, what if you have 100 valves in a process plant. You want to show at a glance their status, with the most important thing to notice is a value that indicates a valve that is in critical ...
8
votes
3answers
415 views

Information visualization - display 6 related ranges on a single chart

I sell apples and oranges. I know how many items of each kind I expect to sell today and I know how many I've actually sold so far. I need to design a chart displaying this data in real time. What's ...
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 ...
8
votes
2answers
3k views

How do you provide interaction in plots and graphs on touch devices?

Traditional graphs like this http://dygraphs.com/tests/range-selector.html or http://www.highcharts.com/products/highstock have tooltips to indicate the values at cursor position. Since there is no ...
8
votes
2answers
2k views

Differentiate between exact date and date period (e.g., month vs. month of year)

I'm working on a web-based reporting system that allows users to create ad-hoc charts. The user selects the data to be analyzed (e.g., sales dollars, sales volume, number of employees, etc.) in ...
7
votes
7answers
830 views

How to improve legibility of chart with gathered lines?

I manage a website which displays the evolution of sport teams in their championships using line charts. See the image below with 2 examples for 2 sports. The X axis show the played matches (time), ...
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 ...
7
votes
6answers
2k views

Design pattern to display missing data in line/bar chart of a daily data feed

I am displaying a daily data feed in my app, i.e. one value per day. The data is displayed in either a bar or line chart. In the event that a data point is missing on a given day, I want to indicate ...
7
votes
1answer
6k 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 ...
7
votes
6answers
523 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 ...
7
votes
3answers
1k views

Displaying multiple charts in one page in a web view in Android?

I am developing an analytics app which would display multiple types of visualizations. So if I have a page displaying information about a stock, for instance, then I would like to show both the ...
6
votes
3answers
330 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 ...
6
votes
2answers
1k views

How to present a wide chart on mobile devices?

I have a big chart which, by its nature, needs quite a lot of horizontal space. This is an example: I'm having troubles finding a way to present it on mobile devices. While I could find a way to make ...
6
votes
3answers
2k views

Data visualization - Choosing the right chart

I have a survey with about 30+ questions which are related to pregnancy and nutrition during pregnancy. Now I need to decide how to show results for each question, basically which type of chart to use ...
6
votes
5answers
304 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 ...
6
votes
1answer
1k views

How to handle daylight savings time when displaying logged data

If we have a system that measures and logs a users energy consumption, and then displays this data on an hourly basis, how should you display the anomalies that occur when shifting to/from daylight ...
6
votes
1answer
199 views

Can this chart axis labelling be improved? (Showing zero in histogram)

I have a chart like the one pictured, with the following "tick intervals": 0, 1-10000,10001-20000,20000-30000 and 30000+ What is a consistent way of labeling the x-axis? I am not pleased with how ...
6
votes
3answers
1k views

Representing large numbers

I'm developing a charting application. There could be a situation where I would have to display large numbers on the chart. The problem is that they number labels have to fit inside the chart columns, ...
5
votes
4answers
678 views

What is the name of this type of chart? [closed]

Does anyone know what this type of chart is called? Edit: Thanks for the responses, I know it is a type of bar chart, I want to know the specific type with the tubes and cylinders. Edit2: FYI: This ...
5
votes
3answers
1k views

Scatter plot chart vs code flower (force directed) chart for data visualization

We've got a scatter plot chart which represents some data. Now, the client wants us to replace it with this code flower (force directed) chart. Implementation efforts is not the problem for us, ...
5
votes
7answers
1k views

Best way to show your skills on a resume?

I'm working on my resume and I want to make it kind of attractive. However, I'm still doubting about how I should display the skills section. I tried several thing like percentage bars for every ...
5
votes
3answers
641 views

Display multi-part progress

I am trying to come up with an effective way to show progress towards a college degree. I have tried a couple of different things, but no solution has been able to solve all of my requirements. I ...
5
votes
2answers
1k 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 ...
5
votes
2answers
839 views

Representing time intervals in a chart

I'm trying to design a visual representation of a child's sleep schedule for a given week. I was thinking of making a chart with the time of day on the y-axis and the days of the week on the x-axis ...
5
votes
1answer
848 views

How should a strip chart of data be displayed?

I have a strip chart which is constantly accepting data. I have been displaying it like this: Under this design, data is added to the right edge, and old data "falls off" the left edge, but it can ...
5
votes
1answer
123 views

Hungriness chart - where to find?

So, I have a funny, border-UX question... My friend will have a wedding soon. I'm the best man or whatever it's called - organizer. We'll have some users called guests. Some will travel a long way (...
5
votes
2answers
2k views

What's a pie chart alternative that continues to occupy a predictable amount of screen space? [closed]

Pie charts have many problems. Among them: Hard for humans to visually distinguish between slices of similar but different sizes. Nearly impossible to effectively label with more than 5-7 pieces ...
5
votes
1answer
632 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 ...
5
votes
3answers
468 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 ...
5
votes
1answer
726 views

How would you design a two stage bar chart drill down?

A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...
5
votes
2answers
162 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 ...
5
votes
1answer
303 views

Heuristics to choose most appropriate chart for given data

I have typical web app. where the user effectively makes a query and he/she gets back some data. The data is in the format of 1 dimension/1 metric. For instance: city/population country/population ...
4
votes
3answers
7k views

How to show negative values in a pie chart

I have a list of accounts and want to show the balances in a pie chart. That's pretty straightforward as long as all of the accounts have a positive balance. When some of the accounts have negative ...
4
votes
1answer
7k 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 ...
4
votes
6answers
912 views

Report page with data table and chart

I have the following report: The report will be viewed in desktop and mobile (tablet) browsers Clicking on the category title (eg. Pizzas), the data is collapsed or expanded. Now I need to insert a ...
4
votes
2answers
659 views

How to show that a chart is a zoomed-in version of a different one?

I have two side-by-side charts, showing some time series data. What would be the best way to convey that: The second chart is a zoomed-in version of the first one Give an indication of what is the ...
4
votes
3answers
541 views

How can I improve my chart?

I am working with a client on a sales forecasting app, and part of the excercise is mgmnt-reporting and charting. pls. see the following image: the two charts on the left side show Actual Sales vs. ...
4
votes
1answer
1k views

UI design for showing charts

I am currently working on a UI design to show charts. I have multiple charts throughout the application. Each charts should further drill down to show details. Currently I have two approaches. ...
4
votes
4answers
55k 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
3answers
305 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 ...