Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [charts]

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

1
vote
1answer
74 views

How to represent 2 dates on a gantt chart?

On a gantt chart that I'm doing, there are 2 dates to show: target start/end date and actual start/end date. I'm not sure what's the best way to represent these 2 dates without it seeming like the ...
7
votes
6answers
497 views

How much it is user friendly to make the bars clickable in bar-chart?

I'm designing a bar-chart where each bar has more content to be explored. After the click in the red bar, I'm thinking to show list of all employees (90, 55, 33, ....) who became late in the ...
0
votes
4answers
128 views

How to visualize parts in parts?

I'm looking for a way to visualize parts of parts, For example, I have a lot of pets and I want to show how many of each kind of pets are boys vs. girls . I have: Dogs, 5 female and 5 male Fish, ...
3
votes
3answers
679 views

Displaying bar graph with large data point names on mobile screen

I have been working on a bar graph which needs to be a part of a mobile app. If the titles under the bars get longer, either they start overlapping with the text of neighbouring bars or I have to ...
5
votes
5answers
295 views

How to represent quantity in an X / Y axis grid without taking too much space?

We have a graph that displays the symptoms (y axis) and the ages of people who have them (x axis). The bigger the circle, means more people of the same age range share the same symptoms. Example of ...
1
vote
1answer
100 views

Selecting the right units for large timeline charts

We have very granular timebased data (Captured by the minute) for a very large timeframe (can go into years). This data needs to be depicted on a timeline chart something like this The green shows ...
0
votes
2answers
120 views

Stripchart with 3 different units

The requirement is: Stripchart: A virtual, moving paper display with three data channels superimposed. Different colour and or linetype will indicate each data type (temperature, wind speed, ...
13
votes
7answers
572 views

Is there a visual way to represent drag capability?

In this data visualization chart, we wanted to make user understand that the chart is interactive. When someone clicks and drags any point, the selection expands. This helps drilling down in the data....
3
votes
4answers
104 views

Best presentation for four simultaneous data points

I need to present data about defects that "I" created in the last 7 days, and want to show 4 different aspects: Count Severity Type (Bug, Violation, or Code Smell) Date Here's what I've come up with ...
5
votes
3answers
1k views

Scatter plot chart vs code flower (force directed) chart for data visualization

We've got a scatter plot chart which represents some data. Now, the client wants us to replace it with this code flower (force directed) chart. Implementation efforts is not the problem for us, ...
2
votes
3answers
190 views

Word to describe adding an independent variable to a chart

Consider the following chart. The word "series" is used to describe something unique about the data such as the city. There is also something common to each series curve such as the month ...
1
vote
5answers
1k views

What is the best chart to present multi dimensional data?

Question to UX/Data/Subject Matter Experts: I'm working on a Call Analysis app where one of the chart is to present the aggregate value of "Call Quality by Client Health by Call Type". These are the ...
1
vote
2answers
1k views

Visualization of proportions/ratio over time

I am looking for a smart way to visualize proportions, or ratio, over time in a chart. Since the relation between the variables is more interesting than their individual value, I can't just plot the ...
3
votes
4answers
311 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
3answers
566 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
4answers
236 views

Tooltips on a tiered donut chart - what to display?

I am using a half-donut chart to show a user's progress over time. I want to show their current score and their previous score. Green means they are improving. Blue and red means they are doing worse. ...
3
votes
3answers
555 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 ...
3
votes
2answers
166 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 ...
3
votes
2answers
609 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 ...
5
votes
2answers
1k 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 make ...
1
vote
2answers
156 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
100 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
462 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
97 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 ...
4
votes
3answers
6k views

How to show negative values in a pie chart

I have a list of accounts and want to show the balances 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
1k 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
48 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
138 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 ...
0
votes
1answer
260 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 ...
14
votes
4answers
854 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 ...
4
votes
1answer
1k 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. ...
7
votes
3answers
1k 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 ...
4
votes
7answers
1k 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 ...
3
votes
3answers
6k 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
553 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 ...
2
votes
1answer
279 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
288 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
1k 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. ...
3
votes
2answers
149 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 having ...
0
votes
1answer
33 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
611 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 ...
20
votes
5answers
4k 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
535 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
374 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
324 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
297 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 ...
3
votes
1answer
126 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
728 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
151 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.
2
votes
3answers
872 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%) ...