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

learn more… | top users | synonyms

3
votes
2answers
65 views

What data visualization fit my Air pollution app

I have created an app that measures 7 Air pollution parameters (like dust, and car pollution, etc...) and combine the results in to the final pollution level: this is the app description and here is a ...
2
votes
2answers
92 views

Alternate to gantt chart

I want to display two different tasks in my page. Type of the task will be two but number of tasks may vary up to 100 tasks. Very important thing is, all the tasks will fall under the timescale and ...
1
vote
1answer
42 views

Best way to lay out test scores and their history [closed]

I'm creating an app for users who will commonly be retaking a test several times before passing it. There are several categories in the test, and each category is scored in multiple way (let's say ...
6
votes
7answers
456 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), ...
3
votes
1answer
218 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. ...
5
votes
2answers
193 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 ...
1
vote
2answers
44 views

What graph should I use for simple host up or down

I'm looking for a nice way to present a timeline with something seemingly simple; whether a machine is (was) on/off (up/down). My dataset has 1 entry per minute with TRUE/FALSE for up/down. Most ...
3
votes
3answers
47 views

Showing a chart with only one period of data

We have a new investment product which we introduced during Q1 2016. As such it has no historical data, so at the current we are not showing any kind of historical performance chart. The value of the ...
5
votes
3answers
107 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 ...
0
votes
0answers
23 views

financial risk vs return graphs on a single page

need to show risk vs return for different assets (for different snapshots) ..i need to show all the 8 images in one page else the context is lost ..snapshot (Version 1) has smaller images and has the ...
1
vote
2answers
182 views

How to show negative values in a pie chart

I have a list of accounts and want to show the values 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 ...
2
votes
2answers
71 views

Navigating and Examining Chart Data

I need to create 2 types of charts: Represents change over time Represents difference at a specific time For chart 1 I have a simple basic line chart which seems to work pretty well, but I'm ...
1
vote
3answers
100 views

What is the best way to show “Average” and “Max” of data usage per network in a chart?

Actually, my initial thought was to give a toggle to choose between the two options (Average and Max). But then this will also be generated as a PDF report apart from the UI. Currently there's no ...
0
votes
2answers
28 views

Is there a guideline for proper dimensions of a yield curve or stock chart?

I'm trying to put a yield curve (x axis is a unit of time) chart on a website and would like to know if there is a maximum ratio of x axis to y axis. Sometimes my charts look too long on the x axis ...
1
vote
2answers
60 views

Will muted Colors for charts pop enough and blend well in the UI that has contrast colors?

"Muted colors are less intense due to a lower hue saturation. The less saturated colors are more pleasing on the eye and make it easier for the audience to consume the visualizations. It ...
2
votes
3answers
425 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, ...
0
votes
1answer
78 views

Usability of selecting a range of data in stock-type charts

A stock chart is a common tool for displaying financial data or other time-series related data where the data can be streaming by the minute or even by the second, and you also may have historical ...
13
votes
4answers
258 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 ...
6
votes
3answers
237 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 ...
3
votes
7answers
223 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 ...
4
votes
1answer
2k 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 ...
2
votes
3answers
362 views

Best graph for data with both very large and very small values

I'm working on a Statistical Analysis project and I have to draw a bar or column graph to show data that has both very large and very small values. Like for example: Number | Count ...
2
votes
3answers
105 views

Design for a scatter plot graph

I am designing a data vis platform and there are two primary form factors of the graphs, large and small. In designing these graphs, I'm trying to avoid the terminal ugliness of most platforms while ...
0
votes
0answers
50 views

Shaded line graphs: Good or bad?

I've been staring at this design for way too long and I need an outside view. These are not stacked line graphs (a no-no in data vis) but two graphs occupying the same space. Does the shaded area ...
0
votes
2answers
82 views

Best graph to show multiple data types

I've got a design a dashboard regarding a sample data set! The data I use is the population in US. I've come up with some data which has multiple figure types such as percentages, amounts, USD rates ...
2
votes
2answers
241 views

When hovering over a chart, which cursor:pointer style should be used?

What is best practice for cursor pointer choice when hovering over a chart that contains interactive elements? It currently seems to be the standard pointer which does not inform or educate the user. ...
2
votes
2answers
187 views

What is the best chart type for present, “track of orders or order status”?

I'm developing an application for ticket ordering system, for each and every task there is a ticket for you,and those tickets are assign to relevant employee, and for that particular task there is a ...
0
votes
1answer
25 views

Ideal visualization for popular book pages [closed]

Curious for some input regarding the ideal visualization for the most popular pages in a book. We have a data set that shows traffic (hits, essentially). The use case is this: We're tracking songs ...
4
votes
2answers
168 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 ...
18
votes
5answers
3k 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 ...
4
votes
3answers
472 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. ...
2
votes
2answers
89 views

How to display zero in Line Chart ?

What's better way to display zero value in a Line chart ? The A chart display zero value separate from X and Y axis. I don't know the reason why because normally I see a lot of line chart like B ...
6
votes
3answers
281 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 ...
4
votes
1answer
109 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 ...
2
votes
1answer
72 views

Chart with an inverse latency axis

My app shows a scatter graph where the X axis is a number of actions (higher is better) and the Y axis is a latency (lower is better). When we have shown it to customers, they got confused because ...
1
vote
1answer
100 views

Displaying statistics: Use spider graphs? [closed]

Is a spider graph or progress bars better to display a set of statistics/attributes? E.g. pace, shooting accuracy, dribbling for a football player.
1
vote
3answers
278 views

How to visually display overlapping information

For example, take the following data, with: - Recipients - Sent Mails - Opens - Bounced I want to show the data like this: First whole pie for the reciepents. (100%) Sent mail (80%) Opens (30%) ...
3
votes
2answers
88 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 ...
2
votes
1answer
207 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 ...
1
vote
1answer
55 views

How to create a consistent user experience for a dynamic chart

I am creating a website that will display data using Highcharts. On any given chart, there are various different filters the user can apply to see different aspects of the underlying data (e.g. time ...
2
votes
2answers
495 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 ...
1
vote
2answers
150 views

Creative Methods to Allow Users to Select Chart Series

This is a very generic question, but I have a graph that will be plotting attendance data for the public schools in my district. The users would like to see this data grouped by district, High ...
8
votes
1answer
494 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
571 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
1answer
58 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 ...
1
vote
3answers
6k 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 ...
5
votes
3answers
4k 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 ...
4
votes
3answers
153 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 ...
0
votes
3answers
405 views

How/should I display data that has different units in a chart?

I need to display some data for users to look at at track their progress, and at first I thought of using a line chart, which at a glance seems okay. But the problem is there are 2 different units ...
2
votes
3answers
337 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 ...