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

learn more… | top users | synonyms

51
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 ...
31
votes
8answers
2k 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 ...
14
votes
4answers
2k 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 ...
9
votes
4answers
645 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 ...
8
votes
3answers
360 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
329 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
2answers
1k 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
507 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
1answer
200 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 ...
6
votes
6answers
203 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 ...
6
votes
6answers
233 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), ...
6
votes
3answers
745 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
6answers
627 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 ...
6
votes
3answers
3k 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 ...
5
votes
4answers
580 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
697 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 ...
5
votes
3answers
321 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
223 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
391 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
101 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
3answers
241 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
1answer
162 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 ...
5
votes
1answer
226 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
1answer
1k 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
1answer
197 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 ...
4
votes
4answers
305 views

Long tables and graphs on one page: how to share space?

We have a site with one page that has a big table, that we also want to add some graphs to. The table could quite easily fill up the whole page, both in terms of width and height, so the question is: ...
4
votes
2answers
273 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 ...
4
votes
1answer
431 views

Innovative pie chart? Is there any graph that can be used instead of pie chart?

I have been trying to find solution for coming up with a better pie chart for couple of reasons. Overlaying #% (text) on top of tiny portion of piechart wasn't really working in my opinion. Also, ...
4
votes
2answers
934 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 ...
4
votes
2answers
129 views

Interaction model for hierarchical selection

For a line chart, I would like the user to be able to drill-down and look at how specific groups are fairing over time. First, there is the selection of dimension and then groups within that ...
4
votes
1answer
388 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 ...
4
votes
1answer
42 views

How to accessibly specify units in a table?

I'm working on a web page with a series of charts that are built from visually-hidden HTML tables for accessibility - the idea being that the tables present the data in a form suitable for screen ...
4
votes
1answer
147 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:) It also needs to mark the days they took medication. Originally, I wanted to place a dot at the ...
4
votes
1answer
66 views

When and how can a floating column chart be useful?

Box plots are sometimes used to represent a range in a single value, but I am curious if a similar presentation would be useful in representing an overlaid column chart. By using the same color as the ...
3
votes
3answers
615 views

Charts: Unlimited data, limited colors

Currently I am tasked to create a JavaScript plugin that builds 3 charts: Stacked bar chart Pie chart Multi-line chart These charts are to be styled ala Bootstrap. I am evaluating colors at the ...
3
votes
6answers
698 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 ...
3
votes
3answers
178 views

chart that shows input and output and total

Sorry if it is a duplicate; I looked around but I could not reach a similar post. I am looking for a chart that will demonstrate both the input and the output as well as the total. I could use a ...
3
votes
4answers
213 views

What would you consider to be the natural order for this graph?

I have the following case: I have 5 sale channels and I want to build an active chart (part of a monitoring solution) in order to display the differences between today and yesterday sales, per ...
3
votes
3answers
120 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 ...
3
votes
2answers
282 views

What is a good way to position chart elements on a dashboard?

I'm designing some dashboards for a client who will see sliced and diced versions of data based on a lot of parameters. I plan to give him a Pie Chart, Bar Graph and a Table on the same dashboard. ...
3
votes
1answer
279 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
3
votes
2answers
498 views

Alternatives to pie charts in a table

We've got an application where we want to show parts-of-a-whole data in a table with multiple rows. The current table design has a small number of rows (4-8). Each contains text and numbers plus a pie ...
3
votes
2answers
50 views

What is the best way to show granularity for histograms?

I am working on a project that has histogram charts displayed to the user. After the first draft, the client made a request for more granularity. So in a histogram that looks something like this ...
3
votes
1answer
178 views

Colour stripes in chart

I've been given a very limited colour palette to work with for a number of charts. Because the palette is limited, it's been suggested that using the same colours but with patterns such as stripes ...
3
votes
2answers
98 views

What are the options for displaying 3 metrics in a 2D graph?

I want to display three metrics on a graph (in descending order of importance): Level of session Date/time of session score The % fill of the circle represents: Green: how close they got b/t ...
3
votes
1answer
151 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 ...
2
votes
3answers
139 views

What is the best compact chart format for a binary value over time?

I want to show a "success"/"failed" value on a chart in a compact space. Basically I have various processes that run every day. I want to show in a compact space the status history of each process. ...
2
votes
2answers
210 views

UX solution for data points display and other good tips for charts on mobile screens

I created a chart using wijmo5. (Click here to see the actual chart in action) The client wants and I quote, mouse-over / finger-press will show the exact data for that datapoint on the ...
2
votes
3answers
204 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 ...
2
votes
1answer
56 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 ...