Questions tagged [info-visualisation]
Any technique for creating images, diagrams, or animations to communicate a message.
574
questions
0
votes
2answers
74 views
How to display detailed information inside modal
I'm currently designing a 3-step creator for detecting objects in a live video stream with the help of AI.
The modal below shows the video and the radio button-like object selectors. However, I also ...
3
votes
2answers
87 views
How to show student progress on a teacher dashboard?
I'm designing a dashboard for teachers to monitor the progress of their students. This screen can have 20 to 50 students and when the teacher selects a start date, I would like to show the difference ...
4
votes
2answers
502 views
How do I subtly show that an element in large collection of elements was recently changed?
I have a large collection of elements displayed in a calendar-like grid. These elements represent entities that can change over time, but many won't. The elements are rendered like cards, evoking a ...
2
votes
3answers
132 views
How to concisely represent a set of statistics on a dashboard?
I'm designing a dashboard for a web app representing statistics related to a quiz/test.
I'm using visual aids like charts, icons and other cards displaying a small piece of information.
Each such card ...
3
votes
0answers
51 views
Displaying overlapping user data reflecting the status of an inventory in a horizontal stacked bar chart
I have an app in which users can track items. The app will flag when there are issues with items:
Warnings (orange UI colour)
Low stock
Expiring this month
Problems (red UI colour)
Out of stock
...
2
votes
1answer
50 views
Using 2 side-by-side tables to display a long list of key-value pairs?
I've a list with 20+ key-value pairs that I need to display in my app. The data is static and cannot be edited.
I'm using a table, currently it looks like this:
keyA
valueA
keyB
valueB
keyC
valueC
...
0
votes
2answers
67 views
How to best display the contents of a flat JSON file
I'm designing a web app that can import a custom JSON file. The file is completely flattened, meaning every value is only a single layer deep.
The user is importing data into the app. The data comes ...
3
votes
3answers
89 views
Styling a hint for relative numerical value
Background:
I have a list of elements in a browser which each are a numerical distance away from the same origin point. I want to give a visual hint to quickly give a feeling for how far a list-item ...
1
vote
1answer
58 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; ...
1
vote
3answers
151 views
How to make coloured object of the same 'weight' as its white counterpart?
I'm currently doing a report and this is one of the cards presented on the report. I feel that the header seems a little flat and out of place - I assume it's because it is coloured, but I may be ...
1
vote
1answer
49 views
Visualize Date gaps and dates overlapping
A part can have one successor or multiples successors.
A part can also have one predecessor or multiple predecessor
The problem we have we want to quickly be able to view which part has which ...
0
votes
1answer
26 views
Examples of two/multiple facet scoring?
Working on an interesting scenario - we need to communicate a "score" that has two facets:
A percentage based score that has a threshold that must be met to pass (90%)
Specific items that ...
1
vote
1answer
69 views
How would you visualize authorization deviation with 90+ rules?
Users can preselect an authorization set (1). And, later on, modify the set. As a user, I want to see how the original authorization set differs from the one I changed. So I can see which ...
2
votes
1answer
49 views
Any best practice on how to represent player progress stat in a game?
I'm making a musical game where user should recognize notes and get faster at note reading. I'm in the designing process and I get quite stuck on the designing of the player progress on the level ...
2
votes
2answers
116 views
Best way to present multiple types of data in a cluster bar chart?
This company has two different customer types and they all have two different kind of contracts. The aim here was to show all the contract prices in the same chart. As you can see I tried to map ...
0
votes
1answer
36 views
Textbased RPG: in a battle, how can I distinguish between your actions and the enemy?
In my game, the way my battles work is you attack and sometimes the enemy attacks in return. It's always one on one. Here's how this looks:
The first line is your action, the rest is the enemy's. ...
0
votes
3answers
83 views
Benefits of displaying information in a grid of cards over a table list?
I can appreciate that using a grid of cards is useful when there are pictures or graphical information to display. However, are there any other pros/cons of using one over the other to display a large ...
0
votes
0answers
39 views
Visualisation Legend Scrollable or alternative solution?
The data visualisations that I am working with could have up to 20 categories in the legend, which presents a problem. This is due to visuals been inside a card with a fixed height.
As a result I am ...
4
votes
2answers
76 views
Visualizing squashed availability of N-items
I'm trying to squash the availability view of n-items into a single day column in an availability calendar. The use case is for reserving products. We can have n-pieces of any particular product, say ...
0
votes
2answers
59 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 ...
0
votes
2answers
34 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
31 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 ...
22
votes
6answers
4k 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
58 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 ...
2
votes
1answer
98 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
108 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
51 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
87 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
107 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
1answer
61 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
38 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
98 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
203 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
85 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
136 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 ...
1
vote
3answers
57 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
99 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 ...
1
vote
1answer
94 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
132 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
76 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
94 views
How to visualize "deviation"? [closed]
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
159 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
111 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
50 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
630 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
128 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 ...
2
votes
2answers
99 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
75 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
113 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
67 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 ...
