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.
619
questions
4
votes
1
answer
297
views
Graph overlay that doesn't obscure the data
I'm building an app that renders a line graph of the user's wellness over time.
(For example:)
(source: netdna-cdn.com)
It also needs to mark the days they took medication. Originally, I wanted to ...
4
votes
2
answers
294
views
Interaction model for hierarchical selection
For a line chart, I would like the user to be able to drill-down and look at how specific groups are fairing over time. First, there is the selection of dimension and then groups within that dimension....
4
votes
1
answer
748
views
Data Visualisation For Scheduling
What is the best method for defining a scheduler visualisation (and editor)? Basically I think I am looking for something similar to a Gantt chart (not quite the same) where I have a start and end ...
4
votes
1
answer
219
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 ...
4
votes
2
answers
431
views
Using hue/saturation to represent multiple dimensions
I remember reading about this a while ago but I forget where, so I'm trying to 1) confirm that I remembered correctly and 2) find a supporting reference (book, research article)
Suppose I have a data ...
4
votes
2
answers
149
views
How to find later parts of a multi-part article
Consider the very common scenario where someone writes a series of articles (Parts 1 through n). With my publisher, Simple-Talk.com, for example, independent of whether I send them one at a time or ...
4
votes
2
answers
301
views
Usability of Web Analytics Applications
Are there any usability resources out there that specifically deal with the design of an analytics web application? I've been tasked to design a web app with a strong analytics component and I've ...
4
votes
1
answer
911
views
Comparing data with two sets of dates
Has anyone seen an interface that allows users to select two different sets of dates to compare data? And then the corresponding data in tables and/or graph form?
4
votes
2
answers
89
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 ...
4
votes
1
answer
169
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
...
4
votes
2
answers
444
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. ...
4
votes
2
answers
319
views
Representing a network delay in fetching the status of a network object
Back story
I am working on a monitoring view of a network management system. The system allows the user to deploy a network object in a client environment. Once done, this monitoring view shows the ...
4
votes
1
answer
105
views
Representing both large and small quantities of task based data
I have a task to re-create a chaser page in our existing task-based application.
The product is a SAAS product. Some customers may have 5-20 tasks which require chasing on a weekly/monthly basis. ...
4
votes
2
answers
122
views
Visualizing a positive to negative metric
I'm looking for a way to visualize (and hopefully simplify) a metric that can have one of the following values:
High positive
Medium positive
Low positive
Zero
Low negative
Medium negative
High ...
4
votes
1
answer
616
views
Feature Matrix: Compare Products by Date/Time Range?
Problem Statement
It is common to allow a user to compare two or more products in a matrix that lists features/benefits down one axis and the selected products along the other. But how do you ...
4
votes
1
answer
934
views
How should I visualize the frequency of events?
I have a series of events during the day.
If I group them in hours I might have something like this:
20 events from 10:00:00 to 10:59:59
30 events from 11:00:00 to 11:59:59
10 events from 12:00:00 ...
4
votes
3
answers
696
views
Representing the presence of short events in a long timeline
I am designing an interactive timeline that shows the durations of events visually categorized into a small set (<8 categories). This timeline is very long compared to the length of events: events ...
4
votes
2
answers
184
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 ...
4
votes
1
answer
650
views
Distinguishing overlapping event types in a timeline
I am working with software that is used for scheduling astronomical observations. I've created a timeline view for the user to create, view, and edit observation schedules. Here's my mock-up:
Gray ...
4
votes
2
answers
130
views
Representing a change in data collection
I am working on a product that outputs data visualizations based of the responses people give on a survey. Users are then able to filter this output in many different ways (ie: date) This data can ...
4
votes
2
answers
679
views
Data visualization for queued items
What data visualization would you say is suitable for my purpose?
I'm looking for a chart or something similar to present queued items with different states, some is queued, some is processing and ...
4
votes
2
answers
293
views
Navigating and Examining Chart Data
I need to create 2 types of charts:
Represents change over time
Represents difference at a specific time
For chart 1 I have a simple basic line chart which seems to work pretty well, but I'm having ...
4
votes
2
answers
447
views
How to visualize immediate and total search result counts
Background:
I'm designing a search UI for power users and I'd like to visualize the selected criteria and result counts. The list of actual search results are shown below in the UI.
The user can add ...
4
votes
1
answer
187
views
What is the best way to visually indicate correct plug alignment with socket (hardware)?
I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking.
Users have suggested putting a ...
4
votes
1
answer
147
views
Seeking research and guidance: what is the maximum usable density of lines in a line graph?
I am seeking any guidance and hopefully published research for guidance about line density in line graphs.
Here is a hypothetical example: I want to show a line graph depicting frequency of code ...
4
votes
1
answer
850
views
Legacy Text Interface (e.g. Telnet) to GUI [closed]
I work in a very large, established company with a consistent philosophy of, "If it's not broken, don't fix it." The (large) division of the company that is responsible for maintaining customer ...
3
votes
4
answers
25k
views
How to show negative values in a pie chart?
I have a list of accounts and want to show the balances in a pie chart. That's pretty straightforward as long as all of the accounts have a positive balance.
When some of the accounts have negative ...
3
votes
2
answers
4k
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 % ...
3
votes
2
answers
276
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 ...
3
votes
2
answers
233
views
Prisoner's Dilemma interaction
I have a game where players will play 2x2 decision matrix games. (Prisoner's Dilemma, Battle of the Sexes, Stag Hunt, etc). There are two players, a primary player (blue, on the horizontal part of the ...
3
votes
2
answers
5k
views
Tabs vs Scroll in content heavy website
I have a content heavy website. In a particular page there will be lot of data to be presented to the user.
There are two options.
Full Scroll
Just present the data grouped properly with proper ...
3
votes
4
answers
295
views
Better way to present sparse, regularly recurring events?
I'm trying to make up a listing of events that needs to fit in a small space, and I'm struggling with the right way to present the data.
There are four events that recur in this system. On any given ...
3
votes
2
answers
116
views
Best way to represent long sequences in responsive views?
I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
3
votes
1
answer
1k
views
How to show important notice when there is no space left?
I'm in a situation where the whole mobile screen is already occupied with the needed UI components.
I would like to show a important notice to the user.Where should it go?
The notice may cover the ...
3
votes
3
answers
17k
views
What is the difference between a dashboard and a report?
The words 'dashboard' and 'report' are used extensively in data visualization applications such as Google Analytics.
But what exactly are the defining characteristics of each? And how, precisely, do ...
3
votes
5
answers
3k
views
What is the best chart to present multi dimensional data?
Question to UX/Data/Subject Matter Experts: I'm working on a Call Analysis app where one of the chart is to present the aggregate value of "Call Quality by Client Health by Call Type".
These are the ...
3
votes
3
answers
650
views
how to optimize candlestick charts from finance
I am learning how to make candlestick charts with my computers. There are a number of libraries doing this already, but I have worked from scratch. Here is my example.
There seem to be variants out ...
3
votes
2
answers
524
views
Which design pattern to use for showing users task completeness?
For instance I have some data like this:
I have multiple users, every users has tasks which could be:
not started
completed
in progress
done
When I want to achieve clear separation of users, ...
3
votes
2
answers
93
views
Show "bonus pool" of consumables in game
In my game I have two types of consumables "shuffles" and "bombs". Every game you get three of each. Here is what the top portion of the game looks like:
Now I want to introduce in app purchases that ...
3
votes
3
answers
1k
views
What's the best way to label weekly periods?
I'm dealing with a very complex layout for a big data app where user may choose different time periods to display different data. The periods apply to different sources of data, but in the end the ...
3
votes
4
answers
143
views
Best presentation for four simultaneous data points
I need to present data about defects that "I" created in the last 7 days, and want to show 4 different aspects:
Count
Severity
Type (Bug, Violation, or Code Smell)
Date
Here's what I've come up with ...
3
votes
3
answers
11k
views
Best graph for data with both very large and very small values
I'm working on a Statistical Analysis project and I have to draw a bar or column graph to show data that has both very large and very small values. Like for example:
Number | Count
------...
3
votes
3
answers
300
views
Indicating relationships between multiple gauges or charts representing different views of the same data
The problem
We have a need to show the status of a daily ingest of thousands of files coming from different senders. A quick mockup is this:
The problem is that Ipsum and Dalore are just sub-views ...
3
votes
2
answers
888
views
Force Directed graph for visualizing hierarchical forms Bad Idea?
Currently we got lots of forms which we realize using Tree-view. Person clicks the tree node and a forms we designed for that opens in page aside the tree-view(Using the tree-view because there is ...
3
votes
1
answer
246
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 ...
3
votes
6
answers
294
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 ...
3
votes
2
answers
108
views
Displaying geographic datasets on a map
I'm working on a mapping application. For a feature, we'd like users to have the ability to cross reference a few of our datasets. Initially, I was just displaying the overlapping area from the ...
3
votes
2
answers
320
views
How to present boring facts that aren't really suitable for an infographic in an interesting way?
For an internal company wiki I want to write down/present some basic information regarding web development/design/UI & UX. For example have I collected some studies and opinions on how links ...
3
votes
3
answers
4k
views
Spacing of items inside a panel (WrapPanel)
Many sites and applications using WrapPanel to display your items.
Items are queued from left to right and when there is no more space tend to skip to the next line.
For Example:
What is the best ...
3
votes
2
answers
207
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 ...