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
586 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
342 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
324 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
470 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
159 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
143 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
218 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
621 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
588 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
2k 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
570 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
352 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
296 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
1answer
365 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
99 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
224 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
159 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
221 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
820 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
175 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
2answers
201 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 ...
4
votes
4answers
301 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
1answer
401 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
900 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
125 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
358 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
37 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
138 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 ...
3
votes
3answers
587 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
681 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
141 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
212 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
107 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
267 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
278 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
484 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
236 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 ...
3
votes
2answers
37 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
2answers
90 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
128 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
132 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
125 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
177 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
32 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 ...
2
votes
2answers
99 views

Prototyping for data visualisation

In many prototyping cases, I have to generate charts, graphs and all sorts of data visualizations. I'm looking for tools to easily and rapidly generate those. Currently MS Excel does the job for me, ...
2
votes
2answers
78 views

Where to place the Y axis label

I would like to improve the readability of the label on charts. At the moment there look like this download bmml source – Wireframes created with Balsamiq Mockups What is the best ...