Questions tagged [info-visualisation]

Any technique for creating images, diagrams, or animations to communicate a message.

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 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 ...
user avatar
  • 1
0 votes
1 answer
30 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 ...
user avatar
2 votes
2 answers
49 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 ...
user avatar
1 vote
1 answer
69 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 ...
user avatar
17 votes
4 answers
2k 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 ...
user avatar
  • 10.5k
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 ...
user avatar
  • 10.5k
1 vote
3 answers
83 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, ...
user avatar
0 votes
1 answer
61 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 ...
user avatar
  • 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 ...
user avatar
  • 1
1 vote
1 answer
68 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 ...
user avatar
  • 53
0 votes
0 answers
44 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 ...
user avatar
  • 101
0 votes
1 answer
56 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 ...
user avatar
  • 251
0 votes
2 answers
94 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 ...
user avatar
  • 370
3 votes
2 answers
108 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 ...
user avatar
  • 314
4 votes
2 answers
542 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 ...
user avatar
  • 143
2 votes
3 answers
165 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 ...
user avatar
  • 123
2 votes
1 answer
110 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 ...
user avatar
  • 123
1 vote
1 answer
76 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 ...
user avatar
0 votes
2 answers
147 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 ...
user avatar
2 votes
3 answers
90 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 ...
user avatar
1 vote
2 answers
164 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; ...
user avatar
  • 251
1 vote
3 answers
154 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 ...
user avatar
1 vote
1 answer
62 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 ...
user avatar
0 votes
1 answer
29 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 ...
user avatar
  • 655
1 vote
1 answer
73 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 ...
user avatar
2 votes
1 answer
52 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 ...
user avatar
2 votes
2 answers
131 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 ...
user avatar
  • 75
0 votes
1 answer
46 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. ...
user avatar
0 votes
3 answers
93 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 ...
user avatar
  • 33
4 votes
2 answers
77 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 ...
user avatar
  • 51
0 votes
2 answers
95 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 ...
user avatar
  • 1
0 votes
2 answers
61 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 ...
user avatar
0 votes
0 answers
37 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 ...
user avatar
  • 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 ...
user avatar
3 votes
1 answer
92 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 ...
user avatar
  • 381
2 votes
1 answer
113 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 ...
user avatar
1 vote
3 answers
120 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. ...
user avatar
0 votes
1 answer
60 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 ...
user avatar
  • 53
1 vote
0 answers
134 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 ...
user avatar
2 votes
3 answers
166 views

How to implement a side filter bar for smaller screens without overlying the platform content?

Currently, I'm working on a data-driven platform. I designed a side filter bar that allows users to filter data dependable on their needs. The problem appears on smaller screens. After a discussion ...
user avatar
0 votes
1 answer
92 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). ...
user avatar
  • 101
1 vote
1 answer
43 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 ...
user avatar
3 votes
3 answers
106 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 ...
user avatar
  • 1,000
5 votes
3 answers
260 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 ...
user avatar
  • 3,540
1 vote
1 answer
87 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 ...
user avatar
2 votes
3 answers
142 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 ...
user avatar
  • 106
1 vote
3 answers
63 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 ...
user avatar
1 vote
2 answers
134 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 ...
user avatar
  • 10.5k
1 vote
1 answer
103 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 ...
user avatar
  • 121
4 votes
2 answers
134 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 ...
user avatar
  • 141

1
2 3 4 5
12