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

learn more… | top users | synonyms

1
vote
3answers
54 views

Colors of statuses in charts

I am creating a dashboard for a system where I will use various charts to display data to the user (as of now I have pie charts and line charts). The pie charts will display items with statuses for ...
1
vote
2answers
80 views

How to represent a latency chart?

I develop a monitoring tool for applications, and one of the upcoming feature is a new "Latency Chart". This chart is made automatically as a jpg file, and it represents the latency of a given host ...
3
votes
3answers
67 views

Plot positive AND negative change on the same axis

I'm designing a view for Android where the user can see a set of lists ordered in a tab bar. Each tab is represented by a block in a bar chart (+a label) which the user navigates through. So far so ...
2
votes
1answer
73 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 ...
3
votes
2answers
77 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
110 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 ...
7
votes
7answers
471 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
267 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
217 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
50 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
56 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
140 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
27 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
229 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
80 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
123 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
30 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
70 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 reflects ...
2
votes
3answers
479 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
84 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
273 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
326 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
288 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
3k 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
527 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
115 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
2answers
94 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
310 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
222 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
190 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
480 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
95 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
287 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
118 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
77 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
104 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
290 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
98 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
234 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
56 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
535 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
160 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 Schools,...
8
votes
1answer
540 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
643 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
62 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
7k 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
5k 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
158 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 ...