Questions tagged [info-visualisation]

Refers to an artefact created for the purpose of communicating a message from a specific set of information or data in a visual manner (e.g. images, diagrams, infographics, animations), or any techniques that can be used to create such artefacts.

Filter by
Sorted by
Tagged with
4 votes
2 answers
2k views

How do I handle white space in cards with varying amounts of information?

I'm creating this page to display books I've read/reviewed, but I'm not sure how to handle the different amounts of information that each card has. Most cards will not have a review so there ends up ...
Jacob's user avatar
  • 43
0 votes
1 answer
129 views

Whats the best, most functional but also aesthetic way to display nested list data?

I'm looking for a technique for showing nested object data/additional data in a list view. As a policy, only one list view tile will be expanded to show additional data at a time, so that it doesn't ...
RobbB's user avatar
  • 115
1 vote
1 answer
162 views

UI/UX when showing a ton of data on a small mobile device

I need to show a ton of data and make it look good. Heres my current list view: Heres what i think is "nicer": And heres another idea with table switches: Some guidance is appreciated. Im ...
RobbB's user avatar
  • 115
1 vote
0 answers
27 views

Explain a login process?

I have developed a login process using 2 separate "blocks". You can call it public part and private (safe) part. My question is if this is a good way to explain the login process using a ...
sibert's user avatar
  • 161
2 votes
1 answer
140 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
1 answer
38 views

Best Path Representation

I'm working on a product that visualizes and identifies path based relationships between nodes. However a new relationship showed up in which a node might have a relationship to itself. Right now we ...
merlin's user avatar
  • 21
1 vote
0 answers
56 views

What is the best way to show an overview of advanced filters

We have both quick and advanced filters in our application. The advanced filters allow users to create nested filters/conditions (up to 3): What is the best way to show an overview/summary for the ...
Tal Blizowsky's user avatar
1 vote
1 answer
150 views

Designing multi-value row and multi-value column comparison data table (best practice for clarity)

Please let me know if this is not the right stackexchange site for this question...any suggestions where this should be posted would be greatly appreciated! I'm looking to create a table that is ...
questioner56's user avatar
1 vote
1 answer
77 views

How to show one individuals rating of a 5 point likert scale

I am working on a 5 point rating system. The input is quite set and would consist of 5 radio buttons with an underlying histogram of the number of ratings from other users: Now I have another ...
Leon D's user avatar
  • 121
1 vote
1 answer
213 views

N/A - Not Applicable vs Not Available

For our app, we looked at creating a guideline on what to display when data is (temporarily) not available. The scenario: it's a technical application, a service engineer clicks a piece of equipment ...
Stiggy's user avatar
  • 61
2 votes
2 answers
81 views

Does objects cause less cognitive load than tables

I have a feeling that if you make card view or similar object that represents an item from the real world, such as a 'car' or 'person', then it causes less cognitive load than a table view - except ...
Niels Brinch's user avatar
1 vote
1 answer
96 views

Showing year on year data visually in a map

I am working on visualizing year-on-year data in a map. This data needs to be shown on the map, show what year the data was recorded in, and convey the frequency/total amount of records at a specific ...
Mitchell D's user avatar
1 vote
2 answers
77 views

UX mode view panels like one drive but each card (block) has many fields as metadata of document. What is best pratice?

I'm trying create a mode view panels like one drive. As you can see from image I displayed three card, each has many fields as metadata of document. Metadata are: numerosentenza, codiceoggetto, ...
Nicola Paganotti's user avatar
1 vote
1 answer
148 views

Visualizing a Multidimensional Data Structure Hierarchy

I am trying to design a system that is capable of displaying the hierarchy of a collection of containers containing many sub nodes to a common user. The underlying structure is actually a graph, but ...
user167889's user avatar
1 vote
1 answer
33 views

Display accessibility reports in a concise way

The following is meant to be full screen on a website like a dashboard. I have accessibility reports for different webpages. Which gives accessibility scores and mark them as critical or serious and ...
kar's user avatar
  • 113
3 votes
3 answers
343 views

How to visualize complex connections between items

I’m working on the tool for creating complex workflows, as you see on the attached image each item called “process” has multiple inputs and outputs which are connecting other “process items” even ...
mario's user avatar
  • 31
2 votes
2 answers
1k views

How to show errors in nested JSON in a REST API?

How would you recommend as the best approach / UX for sharing with a customer the REST API errors in their nested JSON body? Say for example they are to send an object with 30 fields, but they only ...
Lance's user avatar
  • 441
1 vote
2 answers
300 views

Comparing current and historic data, which comes first?

I'm building an interface to report on our accessibility testing, which would compare the current state (ie the most recent set of testing) with a past state (by selected date), but I'm not sure which ...
Daniel Kilby's user avatar
1 vote
2 answers
152 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
144 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.
Chris M Wang's user avatar
0 votes
1 answer
269 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 ...
Mahdis Atabaki's user avatar
0 votes
1 answer
102 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 ...
user3237169's user avatar
0 votes
1 answer
75 views

Names used for Audio Visualization [closed]

Would like to know if there are alternate names for Audio Visualization or Spectral Analysis?
Ranjith Kurukkath's user avatar
6 votes
3 answers
364 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 ...
jdlk07's user avatar
  • 61
0 votes
3 answers
67 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 &...
Awesom-o's user avatar
  • 121
0 votes
1 answer
140 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
0 votes
1 answer
53 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 ...
Jotoez's user avatar
  • 1
2 votes
3 answers
122 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 ...
benams's user avatar
  • 121
1 vote
2 answers
91 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
1 answer
61 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 ---- ------------- ----- -...
User1974's user avatar
  • 243
0 votes
3 answers
251 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) ...
Blue Ocean's user avatar
  • 10.7k
1 vote
0 answers
159 views

What is the best way to display a full name in a list when missing the first or last name [closed]

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 ...
Adrien's user avatar
  • 111
0 votes
1 answer
57 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 ...
Marina Gerace's user avatar
2 votes
2 answers
102 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 ...
Jay Singh's user avatar
2 votes
1 answer
893 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 ...
KochetovMXM's user avatar
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
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
1 vote
3 answers
124 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, ...
Cassie Ho's user avatar
0 votes
1 answer
986 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 ...
Boris G's user avatar
  • 81
0 votes
0 answers
18 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 ...
ajnpez's user avatar
  • 1
1 vote
1 answer
126 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 ...
Durara's user avatar
  • 53
2 votes
1 answer
177 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 ...
neovenge's user avatar
  • 121
0 votes
1 answer
69 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
0 votes
2 answers
248 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 ...
Chris's user avatar
  • 430
3 votes
2 answers
202 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 ...
Jonathan's user avatar
  • 334
5 votes
2 answers
640 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 ...
Robert P's user avatar
  • 153
2 votes
3 answers
327 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 ...
Amal K's user avatar
  • 123
1 vote
2 answers
294 views

How to show tree structure indentation?

We can show hierarchical relationship either using simple spaces, or using dash lines: Spaces parent child Dashes parent --- child I have seen both of them. But now that I have to design ...
Ali EXE's user avatar
  • 111
2 votes
1 answer
176 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 ...
Chris's user avatar
  • 123
1 vote
1 answer
383 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 ...
Simon Tran's user avatar

1
2 3 4 5
12