Questions tagged [graphs]

A diagram showing the relation between different quantities

Filter by
Sorted by
Tagged with
54
votes
10answers
5k views

How to make a progress-speed bar more understandable?

I've just installed Windows 8 and noticed the brand new File copying dialog. When expanded, it shows the progress and the current transfer speed in one graph. However, the graph confuses me greatly. ...
29
votes
3answers
7k views

Are there any cons in using rounded corners for bar graphs?

I remember reading somewhere that bars with rounded edges may look inaccurate. But I'm not too sure about it. Can someone throw some light on this?
20
votes
5answers
5k 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 ...
9
votes
3answers
24k 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 ...
9
votes
2answers
420 views

Visualize asset age

I have a roads table with an age column. There are approximately 3000 road records, with a maximum age of 70 years. I would like to summarize this information for management-level employees in an ...
9
votes
1answer
3k 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 ...
8
votes
3answers
24k 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 ...
8
votes
1answer
724 views

How to best represent a network/graph using a tree

I have a data structure that is network-like or graph-like. Most of the time a tree is sufficient, because it can fit into a tree model, but sometimes the branches can fuse together. If you want to ...
7
votes
2answers
458 views

Various UI patterns for connecting panoramic images in a virtual tour

Here is the problem: There is a number of panoramic images available, made mostly in the indoor environment. Our user is assembling them all into a virtual tour, where a different kind of user will ...
6
votes
5answers
500 views

How can I make this graph not so misleading?

This is a graph from my app that is very misleading: Students take a test, then they learn the material, then they take the test again. We want to show the improvements in the students who have pre- ...
6
votes
2answers
2k 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 ...
6
votes
3answers
728 views

Text around a circle

I'm working on a radial tree. There will be nodes on branches and leaves of each tree, with text next to it -- using this model on d3. Now, I realize that it is very neat that they managed to ...
6
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 ...
6
votes
2answers
668 views

Interactive Table with graph drilldown

The following is a very rough, very disguised view of what I'm really working on, so hopefully it will suffice as a visual example for the following conundrum: I have an app with a large spreadsheet ...
5
votes
5answers
319 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 ...
5
votes
4answers
189 views

Is there a standard color list to keep adding new colors to a plot while retaining old colors?

My users pick one or more data sets to graph on a single canvas. The sets are color coded to distinguish between sets (all screenshots are for demonstrative purposes from demo utility): BLUE=...
5
votes
4answers
57k 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
2answers
2k 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 ...
5
votes
3answers
640 views

Best flow to represent, browse and edit complex graph network

It seems that more and more, data is going to be network-based. A graph with related nodes. Something like http://bl.ocks.org/mbostock/950642 , or pick one from a gallery here: http://christopheviau....
5
votes
2answers
466 views

Data-Visualisation and the Users Expectations

I am currently working on an app to do with pensions. I have a graphical representation showing how much the user will have at their chosen retirement age; these are based on defined contributions and ...
5
votes
5answers
2k views

Displaying prices, where lower is better, in a graph

When displaying prices (where lower prices are better) in a chart, should the lower price be at the top or bottom? I'm asking, because usually higher placement = better result, but it's counter-...
4
votes
1answer
977 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, ...
4
votes
1answer
245 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:) (source: netdna-cdn.com) It also needs to mark the days they took medication. Originally, I wanted ...
3
votes
3answers
802 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 ...
3
votes
2answers
874 views

Data visualisation: Pie charts with really small values

How do you solve the problem of pie charts always having the possibility of really low values (like 0.1% or 1%) and thus really small slices. It becomes especially problematic when you want to show % ...
3
votes
2answers
420 views

Displaying constantly updating graphs (on a big LCD display) that can support basic interaction

We've developed a web-based database and reporting solution for a factory (let's assume they manufacture widgets). They capture data routinely every hour as and when their widgets are completed. ...
3
votes
3answers
107 views

What's the best way to label weekly periods?

I'm dealing with a very complex layout for a big data app where user may choose different time periods to display different data. The periods apply to different sources of data, but in the end the ...
3
votes
2answers
2k views

A graph system for drawing conclusions

Is there a graph system that can be used e.g. in legal and other contexts for drawing conclusions? With a "graph system" (sorry if it is not the right word) I am referring to a set of agreed symbols. ...
3
votes
6answers
186 views

How to display multiple progress locations?

My scenario is this: I'm reporting on how many points a player has earned in a game, along with other relevant info, like how many points the player had as a goal, and how many points the average ...
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 ------...
3
votes
3answers
128 views

Proportional voting

Suppose we have a vote widget. There are four possible options: Vote for the proposal Vote against the proposal Abstain (i.e. neither for nor against) Veto the proposal (i.e. very strongly against) ...
3
votes
1answer
179 views

How to Create Timeline with Dynamic Start/End Dates

I'm trying to think of an intuitive way to make the the start/end dates changeable for the timeline (x-axis) of this graph. On mobile this would be easy because you could use pinch to zoom in/out but ...
3
votes
2answers
235 views

Graphic Scale for Rating the Truth level

Imagine you have a text of characteristic/description about you. But this text is truthful to some extent (from 0 to 100%). What is the best UI/UX way for a mobile user to rate this truthfulness? ...
3
votes
2answers
1k views

Visualize a percentile rank by filling a shape

I am making a visual to show a user what percentile ranking they are at. I want to use some fill concept to encourage the user to want to fill the object, and thus increase their ranking. Currently, ...
3
votes
4answers
256 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
1answer
59 views

what is the correct behaviour when resizing the time axes of a live performance graph

I have a graph that shows live CPU and memory performance. I am allowing the user to select the max number of minutes he wishes to see on the graph, so if he chooses 5 minutes he will only see the ...
2
votes
3answers
205 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 ...
2
votes
3answers
2k 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, ...
2
votes
1answer
81 views

Alternate chart to performance v/s time for a portal

I am stuck at the point where I have to show the performance of Events (Call, SMS, Internet, and Reg.) v/s Time(ms). Values can be good bad or medium. Here is the older graph which I have to revamp:...
2
votes
3answers
615 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
523 views

Non-Linear Site/App Navigation

I'm looking for examples, or guidance otherwise on a good model to implement navigation for an application who's data is not linear or hierarchical. A few examples ... hierarchical information ...
2
votes
1answer
41 views

Highlight individual datapoints in histogram bin

I have a graph showing the load time distribution for websites within an industry. The x-axis is showing the load time buckets (<1 s, 1-2 s, 2-3 s, 4-5 s and so on) and the y-axis is showing number ...
2
votes
1answer
122 views

Hierachical bipartite graph for a large data set

I'm looking for a way to visualize the association between two data sets. One of these data sets is itself organized in a hierarchy. For example: Set 1 - Students: Anna Belinda Charles Daniel Ellen ...
2
votes
2answers
299 views

How to visualise flow in a graph with overlapping paths

I'm designing / implementing an animated visualisation of flow of people between departments in a building. Departments are presented as circular nodes, where the size of the node indicates volume at ...
2
votes
1answer
122 views

Should axis label change depending on time on line graphs?

I have a line graph showing number of items in queue from right now and 24 hours back in time. I have a range of different options to chose from. First, there are two different ways of showing the ...
2
votes
1answer
320 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 ...
2
votes
1answer
140 views

Creating an interactive visualization of values over time

I am working on a system where users have different capacities. At the moment, these values are just a fixed number. Each user has 4-5 different capacities to set. In the near future, users must be ...
1
vote
4answers
2k views

Why are chart x-axis values slanted bottom up for long labels?

Anyone knows why when we need slanted values at the x-axis, for example for a bar chart, why slanted values are always left to right, bottom-up (as in the image), instead of being displayed up-down?
1
vote
3answers
100 views

What to do about small ratios in graphs

I have a circular graph that plots energy usage as a ratio of the maximum. At 100% the graph forms a full circle. The problem with this is that most of the time, a user's energy is approximately ...
1
vote
1answer
157 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.