Questions tagged [info-visualisation]
Any technique for creating images, diagrams, or animations to communicate a message.
557
questions
0
votes
2answers
20 views
Line chart - do you add a legend to one variable data visualisation?
I started to consider what's the best practice for one-variable data visualization? Shall the legend be included in this case or not? What's important the component headliner indicates what's data ...
0
votes
0answers
21 views
Best way to show employee performance data in 5 minute blocks for multiple employees performing various tasks throughout the day?
I am working on web development project that will let warehouse managers view their employee's performance.
There are nine different tasks that an employee does repeatedly throughout the day. The ...
21
votes
6answers
3k views
How should I visualize the average of two bars in a bar chart?
I am presenting results from an experiment in an academic publication. Here is what the figure currently looks like:
The gray bars are the averages of the red and the blue bars.
Goals
I want to show ...
3
votes
1answer
45 views
What results to display when comparing current and past data?
Working on an analytics dashboard that allows the user to select a recent date range with the option to compare that date range against a previous time period.
Now, let's say they want to see how ...
1
vote
1answer
66 views
data visualization - how to visualize the lack of data for certain amount of time
Currently, I'm redesigning the line chart. Sometimes for the chosen time period, the user might lack data. I need to visualize it. Someone has any experience what would be the best solution? is it ...
1
vote
3answers
92 views
How to fix this issue of showing multi-color coded events on a timeline?
I need to show multiple(8-10) type of repetitive events on a horizontal timeline in a multi-color coded fashion. But this approach seems to be harder for user to grasp and lead to high cognitive load. ...
0
votes
1answer
43 views
Information on Duration or Start/End Time
My question has split my team in the middle, so I'm here for more opinions. We have this Gantt Chart where you can extend/shrink tasks by hovering then dragging them from start/end. When this ...
1
vote
0answers
47 views
Data visualisation - how to visualize relative size of data charts related to each dimension rather than the overall amount of replies
Currently, I redesign a data-driven platform and what is confusing is a presentation of data on a comparison view. As you can see the bar's size is relative for each value (rows), but not relative to ...
2
votes
2answers
68 views
How to implement a side filer bar for smaller screens without overlying the platform content
Currently, I'm working on a data-driven platform. I designed a side filter bar which allows user to filter data dependable of his needs. The problem appears on smaller screens. After a discussion with ...
0
votes
0answers
14 views
Modularscale for platform with large amount of data
Currently, I'm redesigning a platform which is basically a large database. The current paragraph is 15px with 24px line-height (major second - 1.125) modular scale. I was considering to change it into ...
0
votes
1answer
43 views
Simple ways to display search results with lots of text and enable easy parsing of information
I'm working on some test infrastructure stuff in my company and developing a web front-end meant for comparing the results of different UI tests (automatic ones running in the background mostly).
...
1
vote
1answer
31 views
How to handle data addition in data grid when data is sorted
I have data grid in application which has pagination and the latest added record is added on top. If the data is already sorted on a column and another record is added to the table how should the ...
3
votes
3answers
91 views
Overtime + 2 other aspects data visualization
What kind of data visualization can show 3 aspects of the data including time (the others are the number of conversions and revenue)?
For example, I thought about bubble chart where size is one aspect ...
5
votes
3answers
143 views
How to distinguish Time-bound vs One time events in a timeline
I'm working on a 'Timeline' component, where there are two kind of events that need to be represented:
Time-bound events: An event that has a fixed start and end time
(for example a meeting)
One ...
1
vote
1answer
82 views
How to display data with variation to unsophisticated users?
In my application, students are grouped into classes and each student has a performance metric. I want to be able to show teachers and principals a list of classes, along with an aggregate performance ...
2
votes
3answers
127 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 ...
0
votes
0answers
27 views
y-label in plots without tilting your head
When plotting data with an x- and a y-axis and you label the axes, it's customary that the labels are parallel to the axes. A typical example from here:
This makes the y-label hardly readable without ...
1
vote
3answers
55 views
How to display 'Mistake Contribution %' in a column out of total mistakes?
There are a total number of mistakes X, now I want to create a column for showing distribution for the total mistakes X, what will be the shorter name or better way to represent this?
Note: Total ...
1
vote
2answers
82 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 ...
0
votes
1answer
40 views
What is the name for a plot that shows data at each X,Y coordinate
I'm creating some new plotting infrastructure and I can't figure out what this type of plot should be called.
It's a pretty basic plot where you have an Cartesian X-Y grid and each grid cell ...
4
votes
2answers
127 views
Guidelines for creating connections between different areas of a UI
Previous discussion What's an intuitive interface for making connections between UI elements?
We have a web application called a genome browser, and we want to draw connections between different ...
2
votes
1answer
70 views
Data leveling UI suggestions
I m here looking for suggestions and design idea if someone can help please, Basically i m working on a screen that should display a lot of data defined by levels. Lets say we have a City with its ...
2
votes
0answers
87 views
How to visualize “deviation”?
Problem
I want to visualize a value that indicates the amount of deviation a certain resource's value is from its default value. In this specific case, a higher deviation is bad and a low one is good....
3
votes
4answers
136 views
How can I show that something is necessary, but can be done in any order?
I'm trying to model the rules of a rather complex game into a flowchart, so that newer players have an easier time understanding what to do when. The rules say that within your turn, you have to do ...
4
votes
1answer
91 views
Display hierarchical dataset in a digestible format
I have a dataset that uses has the hierarchy and breakdown of categories, sub-categories, and labels that each have a value:
Category 1:
Sub-Category 1:
Label 1: 4
Label 2: 3
...
3
votes
1answer
47 views
Customer journey with multiple users
I'm looking if there are any examples of this as I want to draw a customer journey for a 2 sided marketplace where there's overlap between these 2 types of users. Think host/traveler for airbnb or ...
2
votes
2answers
231 views
How to simplify a bar chart with many variables?
I'm a bit stuck here. I need to represent about 40 variables in a bar chart. Each variable needs to be visible... it would be fine if each ended on a different part of the x axis, but unfortunately ~...
0
votes
1answer
121 views
3d movement visualizations?
What are effective ways, expected norms and prior art for visually presenting movement in 3d space, or very generalized movement in 3-dimensions x/y/z axis from an accelerometer? I'm beginning to ...
1
vote
2answers
83 views
How to design a chart that has an x-axis with a fixed range that is longer than the selected range?
I'm designing a web-based analytics dashboard that contains a chart in which the x-axis represents the days of a campaign, and it always shows 31 days. However, the duration of a campaign varies; it ...
0
votes
1answer
68 views
Visualize file relations
I'm desiging an interface where file relations are a bit complicated and I could really use some help on how to visualize them.
Basically, it's a programme where you can change different kinds of ...
1
vote
1answer
106 views
emphasize clickable areas in a data visualization
I want to show a stacked bar chart (single bar) that only one part of it (the dark green one that has 15%) is clickable, when clicked this section will drill down.
see examples below:
stacked bar ...
1
vote
1answer
62 views
Calendar display options issue
On the website of a client we have a calendar of events with quite a bit information in addition to the date and place. It looks like this:
It's a jssor static slider
The user can see/go to the next ...
2
votes
4answers
210 views
Simple ways of showing or visualising “time spent”
For context, I work on a learning platform where a student and a tutor come together for one-hour learning sessions. At the end of the session we have a learning reflection step. Here we show the ...
32
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?
1
vote
4answers
228 views
Compact way to represent a progress with many sub-operations?
I have the following way of representing a long-running operation, it is detailed in the sense that every sub-operation progress is shown:
(it's currently shown in a text mode application but final ...
1
vote
3answers
239 views
UX for non-traditional working time [duplicate]
This is my first post so please don't be critical with me if I do something wrong.
So what is my case - Everyone knows the standard method to visualize the working hours of business:
But what is if ...
0
votes
2answers
109 views
'And' Filter visualization
I am designing dashboard, and have a filters panel on the side.
What is the best way to reflect the user that the filtering is an 'AND' combination and not an 'OR' combination?
1
vote
3answers
465 views
How to visually compare two values
My site needs to be able to compare two values visually. The comparison is trying to show how close (or far apart) the two values are numerically. I was thinking two bars like so:
However, since there ...
4
votes
2answers
168 views
How to visually encode something “real/actual” vs “ideal/expected”?
In a data visualization, I need to show two lines: one representing an actual, observed value (in the example below: red), and one representing a norm, or what this value should be in an ideal case (...
3
votes
2answers
2k 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 % ...
0
votes
3answers
182 views
Status Bar with several Stage
I would like to have some opinion on the design, I made to represent the product process QTY.
At each stage, i should show to the user, how many of his requested product has been proceed.
If there are ...
20
votes
4answers
4k views
Background for black and white chart
I have a plot where I stack the color white and black as values by month.
I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like.
Any ...
2
votes
1answer
602 views
How to describe two variables in a heatmap?
I need to describe distribution of showtimes across day-hours and their occupancy.
Showtimes distribution across day-hours can be described using a simple heatmap/ table, e.g.
Here each times-cell ...
1
vote
0answers
28 views
Need help with automated data visualization
I am designing an automated data visualization algorithm. A user uploads a collection of 100 points as x-y pairs. I want to create an algorithm to show the user a scatter plot that just plots the ...
2
votes
1answer
309 views
How to present cyclic data?
I need to present data across the 24 hours of a day (the daily evolution of the value of a variable). The typical way to display this is a chart (bar, spline, ...) which starts at "00:00" and ends at "...
2
votes
1answer
82 views
User design for many items over a time frame
I would like to represent a sequence of user events (for ex. login events) under a graph. This would typically hold zero to infinite entries.
To represent users I intend to use small icons of, say, ...
3
votes
2answers
255 views
What visual cues can convey the sense of direction?
In a series of tests, participants were exposed to visualizations that show how items are transferred to various recipients.
The purpose of the image is to answer the following questions:
what item ...
2
votes
1answer
92 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 ...
0
votes
2answers
242 views
Visualization of variable combinations
What is the best way to visualize variables each of them with a certain range:
Following example:
possible values for ...
variable 1: [1,2,3,4]
variable 2: [40,50,60]
variable 3: [100k, 150k, 200k]...
4
votes
2answers
133 views
Visualisation of the state of roads on a map
I am designing a website with different kind of roads for bikers. I am looking for a way to show on a Google maps overlay what the state of the roads is. What is the best practice of this?
There are ...
