Questions tagged [info-visualisation]
Any technique for creating images, diagrams, or animations to communicate a message.
580
questions
0
votes
1
answer
44
views
Is there a best practice for what each Easing Functions should be used for?
How do I find the ideal easing function for specific scenarios like shape expanding and text appearing, etc.
0
votes
1
answer
86
views
How to display a bar chart for users' test scores if you have more than 50 users
For an admin panel I have to present visually the employees' test scores and after lots of searching to decide which data visualization is the best I decided to choose the vertical bar chart but as ...
0
votes
1
answer
41
views
What data visualizations are there for showing n-n relationships / mappings between data input and output names?
I'm building a UI with the primary goal of mapping the name of each piece of data from one name to another.
Devices might give the same data different names, but once it arrives and is to be used in ...
0
votes
1
answer
43
views
Names used for Audio Visualization [closed]
Would like to know if there are alternate names for Audio Visualization or Spectral Analysis?
6
votes
3
answers
328
views
How to design a list of super sets (alternating exercises)
I've been working on a fitness journal app and have been trying to come up with a design to show your sets in a summary view.
The sets are displayed in chronological order. A super set is when you ...
- 61
0
votes
3
answers
64
views
Visual way of showing presense of team
I'm designing an application that has some functionalities in it only for people who are managers and have one or multiple teams working for them (most of the time it will be 1 team). Now on this &...
- 121
0
votes
1
answer
104
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 &...
- 105
0
votes
1
answer
49
views
Best Practices for Downloadable Free Guide Pages
My company wants to increase leads through free guides whereby a user completes a form and is then given access to downloadable content.
The page features information of what is in the guide and a ...
- 1
2
votes
3
answers
94
views
Looking for a nice component to show disease severity levels
I'm looking for an example or a suggestion for a nice visualization that displays levels of severity of disease types.
For example:
Flu has a score of 10
Covid 19 - 40
HIV - 400
Cancer XXX - 500
...
- 121
1
vote
2
answers
74
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 ...
- 11
0
votes
1
answer
55
views
Visualize average asset condition over time
I have 3300 road inspection records in an Oracle database.
I've summarized the inspection records in a SQL query as follows:
YEAR AVG CONDITION CLASS ROAD_COUNT
---- ------------- ----- -...
- 243
0
votes
3
answers
87
views
Whats is an alternative way to show the Y axis label on the line chart
I'm currently facing a challenge with a trend chart I designed. Right now in quantity of the values are less, so things are fine. but as the quantity seems to be increasing (e.g. 100,00. to 600,000) ...
- 10.6k
1
vote
0
answers
78
views
What is the best way to display a full name in a list when missing the first or last name
I'm developing a platform that collects users' data over time; some data are the user's first and last names.
In many cases, I won't be able to collect one or both of these fields immediately and when ...
- 111
0
votes
0
answers
35
views
What is this type of likert scale visualization called?
I've been asked to prepare a visualization similar to the attached image.
It shows the mean responses to a survey about a course. The responses are on a 4-point Likert scale. And the image shows just ...
- 1
0
votes
1
answer
52
views
How to tell the user that a comparison dashboard is not saved?
I am designing a tool where users can select two analyses (previously created) and compare them.
The compare functionality will show a list of 3 or 4 dashboards, each dashboard contains for example ...
2
votes
2
answers
55
views
Aggregate flowcharts with variants to create a summary visualization
Background:
I've been tasked to develop a UI to summarize different variants of flowcharts.
The flowchart content is the workflow of different people on the team.
These 10+ people do the same set of ...
- 23
1
vote
1
answer
316
views
Default sorting
Hello UX Stackexchange!
I am working in a data-related company. Most UI layouts are based on tables. By default, any table is sorted by the first column ascendingly. Now comes the situation, where we ...
- 25
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 ...
- 10.6k
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 ...
- 10.6k
1
vote
3
answers
96
views
Data visualisation usually shows progress, but I want to show what needs to be done instead
I'm having an issue regarding dashboard design. I'm designing an operational dashboard and for my users, they need to see what needs to be done instead of knowing how much they've done. For example, ...
- 53
0
votes
1
answer
452
views
How to show negative and positive values in a graphic for data visualisation
I am preparing a proof of concept for a user account dashboard to show positive and negative values within a graph of some sort.
My current solution is to use a pie chart with positive and negative ...
- 81
0
votes
0
answers
17
views
What are the guidelines for showing many columns in an ipad app? [duplicate]
I'm creating an app for an ipad where it should show a table with someinformation, more than 7 columns. I looked in to Human Interface Guidelines for tables but there is only information for tables ...
- 1
1
vote
1
answer
97
views
Representing multi layered data in dashboard
I am working on a new component for a B2B dashboard, and I am at an impasse trying to come up with an intuitive way to show this data, and would really appreciate your fresh perspectives.
We have ...
- 53
0
votes
0
answers
88
views
How to make a visual table comparison?
I have to redesign a comparison between the two tables. The rows with differences should highlight the attribute which is different (see image). My problem is: it grows really fast. I start thinking ...
- 101
0
votes
1
answer
59
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 ...
- 401
0
votes
2
answers
123
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 ...
- 430
3
votes
2
answers
136
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 ...
- 324
4
votes
2
answers
571
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 ...
- 143
2
votes
3
answers
217
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 ...
- 123
2
votes
1
answer
138
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
...
- 123
1
vote
1
answer
203
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
...
- 133
0
votes
2
answers
310
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 ...
- 133
2
votes
3
answers
94
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 ...
- 133
1
vote
2
answers
287
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; ...
- 401
1
vote
3
answers
158
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 ...
- 53
1
vote
1
answer
131
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 ...
- 141
0
votes
1
answer
31
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 ...
- 675
1
vote
1
answer
85
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 ...
- 75
2
votes
1
answer
72
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
2
answers
144
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 ...
- 75
0
votes
1
answer
51
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
3
answers
160
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 ...
- 33
4
votes
2
answers
86
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 ...
- 51
0
votes
2
answers
190
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 ...
- 1
0
votes
2
answers
127
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 ...
- 953
0
votes
0
answers
38
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 ...
- 101
22
votes
6
answers
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 ...
- 371
4
votes
1
answer
154
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 ...
- 401
2
votes
1
answer
137
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 ...
- 953
1
vote
3
answers
124
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. ...
- 113