Questions tagged [info-visualisation]
Any technique for creating images, diagrams, or animations to communicate a message.
522
questions
31
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
128 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
215 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
86 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
186 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 ...
2
votes
2answers
113 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
878 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
158 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
112 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
21 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
132 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
64 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
239 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
41 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
99 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
115 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 ...
5
votes
8answers
252 views
Is there a mathematical formula for the Gestalt Law of Proximity?
I would like to know if there are any mathematical formulas that define the Gestalt Law of Proximity.
For example, in the picture above, at what distance of Y would the 4th square be perceived not a ...
0
votes
1answer
41 views
Displaying object states with minimal UI changes (for large numbers of objects)
I've been tasked with a design challenge, which apparently seemed so simple for me, but I've almost come to a dead end.
There are states for an object that need to be represented visually on a page. ...
0
votes
4answers
216 views
Representing unique data and its breakdown
I'm stuck with a problem that has me stumped.
Context:
I'm working on a dashboard which gives details about the breakdown of a user's data.
Here's the basic workflow:
1. User Uploads data- ...
2
votes
1answer
135 views
Highlighting differences between old and new results and conveying value to user
Context
I have a dashboard where I want to highlight-
A. Total data that the user has uploaded on our system and the amount of matches against that data in our database.
B. The amount of difference ...
1
vote
1answer
231 views
What alternatives to the Venn diagram are there to show alignment of 2 things?
The Venn diagram is probably the most common way to show alignment, but we're looking for something more fresh. However, we don't want to require our users to understand advanced math in order to read ...
2
votes
3answers
139 views
Navigating two charts on one screen
I want to display two charts on one page and have similar chart navigation and examination experience as iOS Apple Health app does. The issue is that Apple Heath has only one chart on the page but ...
4
votes
4answers
246 views
How to label a risk diagram in an understandable way?
I am improving a risk diagram. It seems difficult to place the axis labels.
Here is the current situation:
My customers and I are not happy with this. Customers suggest to have the axis labels ...
0
votes
1answer
86 views
How do you balance dynamic data driven dashboards with design and UX?
I see hundreds of posts and design shots of "dashboards" on things like Dribbble etc - but what lots of them neglect is that they're only ever representing one or two sets of data.
How do you present ...
3
votes
1answer
136 views
Representing asset expiration and rating in a single dashboard
We're presently going through introducing a new concept into an existing customer facing dashboard. At present customers are used to navigating their assets by using a site-wide "rating". This is ...
10
votes
3answers
2k views
Graph with overlapping labels
I have a web app that builds and displays a bar chart based on dollar amounts. A typical graph looks something like this:
As you can see, the layers at the bottom of the graph have dollar amounts ...
1
vote
1answer
78 views
How to manage and analyse user feedback [closed]
We have several user-feedback-channels: iOS and Android store reviews, web forms, support records.
Is there a tool that can help merge all this feedback in one place?
What is the best way to process ...
2
votes
1answer
66 views
To show “treat entered string text” to null & empty?
It's regarding the better representation of showing these option. I would like to explain in an elaborative way.
"A user can set data modification setting for further use. which might help other ...
3
votes
1answer
181 views
Best practices about options and toggles
I'm a developer building a data visualization page and I need a bit of advice on UX design, hope someone can help me!
The product is a visualization SaaS that shows our users data in a novel way. ...
1
vote
1answer
56 views
When to merge data in a form?
I’m wondering how to make UX better in such a case
There is CRM, as a user of this CRM, I can create a customer with fields phone, email, name, address. Sometimes it’s possible when a customer with ...
6
votes
4answers
330 views
How to show a score without numbers?
Context : I'm working on a telematics app for an insurance company. Drivers have to drive correctly and the AI calculates their global score vs their trip score. The score can vary (increase or ...
3
votes
6answers
186 views
How to display multiple progress locations?
My scenario is this: I'm reporting on how many points a player has earned in a game, along with other relevant info, like how many points the player had as a goal, and how many points the average ...
5
votes
4answers
287 views
How do I succinctly portray the status of a filter, showing which options are enabled or disabled? [closed]
Suppose you have a todo list application with a filter bar (for searching and filtering what tasks to see in the list), and the filter bar has a status selection, thus:
The status filter can have one ...
0
votes
1answer
38 views
Keyboard shortcuts for separating the zoom-in/out of x and y axes in a chart
Currently, I am working on a plotting library to plot a few charts.
Most of the charts data vary in the x-dimension much more than in the y-dimension.
Example:
time x y
0 0 0
1 1 0.0044
2 ...
5
votes
6answers
293 views
How abstract/specific are your wireframes?
We’re a small web design team currently revising our workflow, and we were wondering how you work with wireframes.
Do you use wireframes and if so, how abstract or specific are they? Do you try to ...
4
votes
1answer
154 views
How to represent differences between two rows of a database
How can I represent the changes between two rows of a database similar to the split diff of GitHub?
Context
I would like to visualize the changes made to a table which are happening over time. For ...
0
votes
1answer
83 views
Best way to Indicate a item is shared or copied
I have a tree on my webpage that is used to display some folders and within these folders some items; These items can be copied from one node of the tree to another and also shared. When copied or ...
1
vote
2answers
50 views
Labelling chart data granularity / interval
If a line or bar chart is rendered as a part of a time-series, is it necessary to label somewhere around the chart what the granularity/interval of the data is?
Example:
I can see labeling the ...
1
vote
1answer
51 views
Design Options for Weighted Directed Graphs
My question in brief: what are some reasonable design options for displaying data in weighted, directed, cyclical graphs?
The longer version: I have some data that details shipments of goods from one ...
1
vote
2answers
137 views
Progress visualization of a person's self-development?
I'm talking about any kind of self-improvement that is monitored/tracked. Most common example are fitness trackers or apps.
Now are there any guidelines or examples on this?
How would one best ...
0
votes
3answers
95 views
Which is the best graph to display sales value and target in a small space?
I'm currently doing some research into graphs for an internal weekly sales email. I've had conflicting feedback as to what type of graph is best for monthly sales vs target. I've trialled two options, ...
1
vote
4answers
574 views
Whats the best way to graph percentage data?
Lets say I have the following data:
Category positive neutral negative total
0 Category 1 1.000000 0.000000 0.0 2
1 Category 2 1.000000 0.000000 0.0 1
2 ...
2
votes
2answers
132 views
Distorting data on progress bars?
I am currently doing some research on how data is sometimes distorted during visualization on progress bars (showing 70% instead of 50% etc). The research is focused on expanding the thesis of Chris ...
1
vote
1answer
88 views
Displaying Continuous and Discrete Time Series Data
I have an existing analysis tool which compares two datasets:
An Input message log
An output message log
The tool compares the differences between the two sets by looking at:
The number of each ...
3
votes
2answers
431 views
How to visualize my cron jobs
I would like to visually present my CRON jobs.
Right now I only have three, but i'm planning on adding 10 more soon. I have tried googling for hours to find a suitable template to map this on. ...
2
votes
2answers
186 views
Skill charts in a portfolio - Not good “UX”?
This is a rather unusual question for this site, but it seems UX enough for me.
I have read this article, Things I (honestly) don’t want to see in your portfolio, and the one point that struck me the ...
4
votes
2answers
96 views
Ways to indicate a series is selected on a line chart
I have a program that displays a dense collection of line series. I can select series from a tree view to the left of the chart.
My issue is I need an elegant way to show the user which line series ...
1
vote
0answers
60 views
Are there studies on scanning patterns for dual/multiple screens?
There are well known scanning patterns (such as F and Z scanning for websites that have been around for some time), but my assumption is that these have been built up over the years from research on ...
1
vote
2answers
75 views
What is the utility of creating a full-depth Visual Sitemap?
I’m a programmer that is new to UX and have a potential web project that has probably ~5k pages.
What type of information could I take away and benefit from this tedious exercise?
