Questions tagged [graphs]

A diagram showing the relation between different quantities

Filter by
Sorted by
Tagged with
0 votes
1 answer
52 views

Show two set of dates in a chart for comparison

I'm working on a graph that compares two date ranges, but based on the feedback I received, there's some confusion. It appears that the graph is being interpreted as spanning from January 1 to January ...
Flamur Krasniqi's user avatar
2 votes
1 answer
143 views

How to display a multi-valued heatmap chart

I will try to describe the issue in a simulation similar to my case, I went with the vehicles: A company that performs tests for vehicles of the types (Truck, Car, Motorcycle) wants to display score ...
ben berizovsky's user avatar
2 votes
0 answers
38 views

Display details of a node in a workflow with converging nodes [duplicate]

I'm making a workflow editor where each node in a DAG can have multiple inputs, multiple outputs and it can be called multiple times in a single execution. My next task is creating a display that ...
CodeBreaker's user avatar
1 vote
1 answer
148 views

Components in graph based UI with more complex interactions

Something that I noticed has become a feature of complex no-code software applications is the use of graph-like interfaces with more complex interactions such as the Unreal Engine 5 user interface. I ...
Michael Lai's user avatar
  • 27.1k
1 vote
1 answer
51 views

Python GUI: visualise exoplanet transit and simulate atmospheric temperature

I've been working on a Tkinter GUI (first try with these sort of programming) to make it as easy as possible to visualise light curves and look for exoplanet transits in TESS and KEPLER missions (...
Marco Leonardi's user avatar
1 vote
2 answers
180 views

How do you differentiate between '0' and 'no data' on a graph?

I am working on platform that shows data on a graph over a period of weeks. Right now, weeks with no data and weeks when there is data but the property is 0 are shown visually the same. On hover, it's ...
Michelle Walstra's user avatar
1 vote
1 answer
168 views

Expandable, nested graph editor

I have an application that allows users to create and edit graphs. The interface is a simple drag & drop UI that allows creation/deletion of nodes and edges. Nodes contain some internal ...
Samuele B.'s user avatar
0 votes
1 answer
142 views

How to achieve best discoverability in a large, hierarchical graph-like dataset with each node having dynamic fields/properties?

I've been given a nearly impossible task to solve, since I'm not a UX expert nor am I able to find any examples on the internet. I need to make it as easy as possible, for a person to find whatever &...
Dac0d3r's user avatar
  • 105
1 vote
2 answers
102 views

Most natural way to visualize portions of highly skewed data (within a small space)

I'm currently working with a dataset that consists of numbers ranging from 0-255, but that's heavily skewed towards the 70-100 range. Anything below 70 is considered low and anything above ~110 is ...
Nate Kite's user avatar
0 votes
0 answers
68 views

How to display large numbers that are very close together (in value) in a graph with tight space

Is there a way to write large values ​​where the last digits of the value are the ones that separate them but only use 6 digits, plus the exponent? I am designing a graph for scientists where the ...
Peter Gibson Lundberg's user avatar
0 votes
1 answer
53 views

Should I click on a dashboard graph and what should happen?

I have been wondering about a simple behavior around a dashboard graph: Should I click on the graph? If so, what should be the most effective action to take: a) Open a table with graph data b) Drill ...
Mendes's user avatar
  • 133
1 vote
1 answer
65 views

NPS Score on a stacked bar issue when equal Promoters, Detractors and Passives

I'm trying to create an NPS card for a product and I'm running into an issue here. First of all the structure of the card contains an NPS score, number of responders, and a stacked bar to show the ...
Fahd Khattak's user avatar
2 votes
2 answers
56 views

When hovering over a charts, which arrow alignment works best

I'm designing the hover states for 2 charts, a bar chart and a line chart. Maybe I'm over thinking, but for both these charts I find there is an arrow alignment that would work better based on the ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
115 views

What's the most intuitive control to sort a bar chart?

I'm designing a feature that includes a bar chart which needs to be sorted in a few different of ways. I'm exploring a few options on what's the most intuitive way to achieve this. A. Tabs B. Combo ...
Blue Ocean's user avatar
  • 10.7k
0 votes
2 answers
97 views

What's an intuitive way to reset drill down charts to their default state?

I'm building a drill-down chart flow that has two graphs that work together On the left, the bar graph has a list of locations and their temperatures. On the right, there's a temperature timeline of ...
Blue Ocean's user avatar
  • 10.7k
17 votes
4 answers
3k views

Showing a large amount of trend-lines on a single graph

I'm designing a dashboard which has a graph showing the humidity notification trends across multiple locations over a selected timeline. The challenge I'm facing is that there's 70-100 locations that ...
Blue Ocean's user avatar
  • 10.7k
1 vote
2 answers
173 views

How would you design a three stage bar chart drill down?

I'm designing a drill-down chart for management to analyze heat trends that are impacting their staff across multiple factories. The images show the intended flow in which they would be using the ...
Blue Ocean's user avatar
  • 10.7k
9 votes
10 answers
4k views

What's a better way to show number of staff at a location on a bar graph?

I'm designing a dashboard that captures temperature at multiple locations (L1-L5). At the same time, I want to show the amount of staff that have been in these locations. Right now I've indicated them ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
72 views

Best way to visualize graph: Times when a Device has been turned On

I have an app that monitors anywhere from 1-100 devices These devices can be turned ON & OFF at anytime The user needs to see times when the devices have been turned ON only. I have drafted a ...
cgtk's user avatar
  • 461
1 vote
1 answer
114 views

Making it clear to user that Value=0 or Error: Unable to fetch value

I have the following use case: The user can select one or multiple of Items A/B/C... and be shown a time series graph of var X against t for that Item(s). There is only 1 graph shown, so when multiple ...
cgtk's user avatar
  • 461
1 vote
2 answers
936 views

How to visualize graph with different data types: boolean & integer?

I have two variables: A is an integer from 0-1000u (u=some arbitrary unit) B is either 1 or 0 I need to visualize a graph (or graphs) to show the relationship of A & B (y-axis) against t (time; ...
cgtk's user avatar
  • 461
5 votes
2 answers
272 views

Error type chart with simultaneous errors

1. What is an error type chart? Our monitoring system measures the parameters of telecommunications services at regular intervals, and based on the measured parameter values, automatically decides if ...
kol's user avatar
  • 125
2 votes
2 answers
500 views

Design with many filters

I'm designing a system where the user should be able to display data on a chart based on different filters and measures. They can filter by a country or multiple ones, by product/s and variant/s. They ...
Steve's user avatar
  • 1,077
0 votes
2 answers
373 views

How do you compare two trends on the same chart when one metric higher = positive, second metric higher = negative?

So we have two metrics that could potentially go on the same chart because they are semi-related and the user will want to compare them. However, when the first metric has a higher percentage, it is ...
Megs's user avatar
  • 1
0 votes
1 answer
94 views

Differentiating parent nodes from children in node network

I'm building a JS application that involves manipulating node networks. I'm finding JSPlumb to be incredibly difficult to integrate, so I'd like to differentiate parent-child relationships in the ...
Charles Averill's user avatar
2 votes
3 answers
151 views

What type of graph is this?

What is this type of graph called? I find this graph across some website but I am unable to recall. Following are the features of this graph: Nodes are connected to a central node, indicating layers ...
Ay_An's user avatar
  • 116
1 vote
3 answers
136 views

What kind of graphic is the MacOS storage breakdown?

MacOS can display a concise, linear graph showing what percentage of disk is used and the relative amount of different kinds of data. What is the name for this kind of graph? I wouldn't call it a pie ...
Nathan Long's user avatar
  • 2,631
1 vote
2 answers
322 views

How to visualize complex data on the same bar chart for short and wide timelines

I'm designing a dashboard that visualises AWS cost details on a bar graph. Below is a weekly view and all seems fine. However there's also a need to show the data across a boarder timeline, like ...
Blue Ocean's user avatar
  • 10.7k
1 vote
1 answer
50 views

Aggregating Vs week in graphs in order evaluate volume

Which of the following is easier to understand the volume? I'm looking for a congitive research which supports my assumptions that aggregation. Update - Assume we are talking on the number of hours ...
AsafBO's user avatar
  • 1,002
3 votes
2 answers
234 views

Display more information about nodes

I have a visual graph that represents connections between nodes. Users can find the connection between two nodes by typing names of both ends, which then provides all possible paths from start node to ...
FCin's user avatar
  • 83
33 votes
3 answers
8k 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?
essdeepee's user avatar
  • 1,251
3 votes
2 answers
4k 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 % ...
Apoorva Savant's user avatar
2 votes
1 answer
312 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 ...
tblessander's user avatar
3 votes
6 answers
294 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 ...
Joshua Frank's user avatar
1 vote
1 answer
36 views

using different tenses in different parts of the system

in one part of the system where the user creates forecast legend of the graph displays "forecast". In another section of the system where a user uses the forecasting graph (but essentially it's the ...
AsafBO's user avatar
  • 1,002
1 vote
2 answers
709 views

Which graph or chart to use for conversion

Which chart or graph should I use to represent this data? # of emails sent (100) # of responses to emails (30) Of those responses (30), the # of people who took action (10) I am being asked to show ...
Lucy Lake's user avatar
1 vote
3 answers
3k views

Plotting a comparison graph where less is better

Say I want to compare many machine-learning models based on the error produced by each model. In this case, smaller error means better model. If I want to visualize this, the first thing that comes to ...
ammar's user avatar
  • 129
1 vote
1 answer
190 views

Design Options for Weighted Directed Graphs

My question in brief: what are some reasonable design options for displaying data in weighted, directed, cyclical graphs? The longer version: I have some data that details shipments of goods from one ...
duhaime's user avatar
  • 247
1 vote
3 answers
634 views

Which is the best graph to display sales value and target in a small space?

I'm currently doing some research into graphs for an internal weekly sales email. I've had conflicting feedback as to what type of graph is best for monthly sales vs target. I've trialled two options, ...
CalvT's user avatar
  • 111
2 votes
4 answers
11k views

Whats the best way to graph percentage data?

Lets say I have the following data: Category positive neutral negative total 0 Category 1 1.000000 0.000000 0.0 2 1 Category 2 1.000000 0.000000 0.0 1 2 ...
Simon's user avatar
  • 257
3 votes
3 answers
142 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) ...
Algy Taylor's user avatar
2 votes
4 answers
7k 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?
sarasampaioproject's user avatar
1 vote
2 answers
208 views

Making a network graph more readable

I have a graph showing nodes on the map of the US. There are between 100 and 400 nodes, and all two nodes have a line connecting them. The problem is that there are so many connections that the graph ...
Daniel's user avatar
  • 125
1 vote
2 answers
673 views

Graph Showing Quantities of Multiple Categories for Multiple Years

I have three sets of data: +--------+------+------+------+ | Apples | | | | +--------+------+------+------+ | | 2016 | 2017 | 2018 | | Jan | 40 | 36 | 44 | | Feb | ...
JG7's user avatar
  • 113
0 votes
1 answer
124 views

Graphs comparison placement

I'm exploring ways to demonstrate graphs in comparison. More specifically a web tool I've been working on needs to visualise a "Control Group" and an "Experimental Group" in a parallel way. One ...
Menandros Apostolidis's user avatar
1 vote
1 answer
580 views

Data Visualization: Visualizing current year annual performance by juxtaposing last year total and year to date numbers

Working on a revenue piece where I have to show current YTD ( Year to date ) performance with last year’s YTD and the total revenue last year for a specific product. The below image shows the ...
Nodnin's user avatar
  • 642
0 votes
2 answers
495 views

Better graph in mobile device?

I'm building an app with graphs in it, using angularjs, d3 and bootstrap: http://krispo.github.io/angular-nvd3/#/ The result: Since there are many types of graphs with each different ...
gentlyawesome's user avatar
1 vote
1 answer
137 views

Preference: Info-tips (info tooltips) or stationary info-areas for Scatter Plots?

I've seen two different ways to display information about a point on an scatter plot A tooltip (info tip) which appears next to your cursor When you hover over a point, information will display in ...
Fractal's user avatar
  • 177
1 vote
1 answer
3k views

Are google charts WCAG compliant?

Exploring them using Windows Narrator I would say not completely, because the screen reader reads a lot of unnecessary data before going through the table, but I'm new to WCAG and accessibility and I ...
silviajoy's user avatar
3 votes
1 answer
367 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 ...
Steve Jones's user avatar