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

learn more… | top users | synonyms

0
votes
1answer
30 views

Best way to lay out test scores and their history

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 ...
1
vote
2answers
140 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 ...
1
vote
3answers
60 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
26 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
59 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 ...
0
votes
1answer
64 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
239 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 ...
1
vote
0answers
95 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. ...
6
votes
3answers
129 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 ...
2
votes
7answers
165 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 ...
2
votes
3answers
137 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
91 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
42 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
59 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
159 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
64 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 ...
0
votes
1answer
24 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
148 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
465 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
85 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
278 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
101 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
68 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 ...
2
votes
2answers
160 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 ...
1
vote
1answer
96 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
254 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
76 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
164 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
3answers
335 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, ...
1
vote
1answer
52 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
422 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
129 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
414 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 ...
4
votes
1answer
56 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 ...
6
votes
6answers
382 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), ...
1
vote
3answers
4k 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
3k 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 ...
6
votes
6answers
459 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
3answers
143 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
297 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
305 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 ...
0
votes
2answers
76 views

Quantifying activity by the time of a day of the week

First post here, but I'm really having trouble getting an idea of how to visualize a certain piece of data for a project. Right now, we are trying to show a certain amount of activity on a given day ...
0
votes
1answer
3k views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
1
vote
1answer
82 views

How to display more than 20 data sets?

I have a bunch of data I would like to display in several static graphs. In this particular case, it's the amount of visits different parts of a website has throughout time, for analytics purposes. ...
0
votes
1answer
402 views

Interaction with a tooltip on a line chart

I am designing a line chart which displays a tooltip when the user hovers over the chart to show extra information. A working example of what I am currently using can be seen here. I am interested in ...
0
votes
2answers
120 views

What is easy to perceive? Width or height?

Let say I have to show the difference between two values then what will be the best to show the values horizontally or vertically. Edit: I need to know in which graph it would be easier to compare ...
0
votes
1answer
890 views

Displaying user skills with pie chart (in percentage)

I have seen various job templates where users have shown concepts to show skills in a percentage value or pie charts. Below are some examples of that: Source: Source: Source: Is this ...
2
votes
1answer
50 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
157 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 ...