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

learn more… | top users | synonyms

49
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
503 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
316 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
313 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
964 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
421 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 ...
6
votes
6answers
516 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
556 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
266 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
3answers
411 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 ...
5
votes
1answer
316 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
3answers
198 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
155 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
205 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
526 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
158 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
169 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
289 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
5answers
61 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 ...
4
votes
2answers
114 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
95 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 ...
4
votes
1answer
321 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
121 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
488 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
649 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
125 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
209 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
88 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
245 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
268 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
468 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
1answer
315 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, ...
3
votes
2answers
865 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 ...
3
votes
2answers
78 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
100 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
127 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
3answers
116 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
2answers
187 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 ...
2
votes
2answers
64 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 ...
2
votes
3answers
228 views

How to let the user know that we have not enough data to render chart?

...in various charts like line, pie and column charts. What a message to show? In what place?
2
votes
4answers
326 views

Resizing a Chart

A system that I'm working on has a pane with a chart displayed under a table. The user can choose to resize the pane to see more of the table. However, when this happens, the chart gets squeezed ...
2
votes
1answer
39 views

How should I display labels on an unbounded scale?

I have a colour scale, used as a legend for a choropleth, that looks like this: The legend represents distance from the mean. However, the ends of the scale are not clamped - the uppermost range ...
2
votes
2answers
83 views

Improving data usability

I'm working on a new version of a data analysis for robotics competitions. Among other things, I'd like to make it easier to view complex match statistics that are collected on each robot. Currently ...
2
votes
1answer
79 views

Labels in a zoomable interface

I am working on a zoomable Sankey diagram hoping to be able to display small and big elements at the same time and I con not decide if labels should zoom or keep constant size. Firstly the whole ...
2
votes
1answer
153 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 ...
2
votes
1answer
89 views

display reports while minimizing resolution issues

I'm building reports and dashboard interface for customer use that should eventually serve many users with many different screens and different resulutions. I build the report with ssrs-2008 tool. ...
1
vote
4answers
275 views

What would be the best way to format a time range?

I have a chart control and a time bound value. The control displays the value aggregated over equal intervals of time. It is important to display the corresponding time range for each aggregated data ...