Skip to main content

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
157 votes
20 answers
56k views

Intuitive interface for Composing Boolean Logic?

I'm interested to know how people have, or would construct an interface which simplifies constructing logical boolean conditions? (Yes, it's a database query builder) In my mind a bad interface has ...
Edward Williams's user avatar
25 votes
15 answers
8k views

How to build a budgeting interface (sum of items must equal 100)?

I'm trying to build a visual web interface where users can distribute a budget over some (varying) number of items. For example, if the budget is 100 points, I might allocate: 50 points to 'Apples' ...
John Horton's user avatar
37 votes
3 answers
22k views

How many visually distinct colors can accurately be associated with a separated legend in a figure?

For charts and graphs it's a relatively common question by programmers to want to procedurally generate an arbitrary number of colors that are visually distinct. Various research (or educated guesses)...
Phrogz's user avatar
  • 936
4 votes
3 answers
4k views

Cards View Vs Tabular View

I am in the process of redesigning an interface with a lot of Tabular data that is previously simply used as tables that look like the 19th century. I was a bit confused whether to switch it to a Card ...
Tanmay Saxena's user avatar
4 votes
5 answers
6k views

How to display the hierarchical data [closed]

Some real ui javascript library wanted! I have to display some hierarchical data on the web page. It should not be a classical tree view with the text items. I am looking for a graphical ...
igor's user avatar
  • 2,533
9 votes
5 answers
9k views

What is the minimum waiting time after when should a page loader be displayed to the user?

I haven't been able to find answer to my question from the internet, so maybe someone knows how to help me. What is the minimum waiting time after when should a page loader be displayed to the user? ...
L.P's user avatar
  • 173
7 votes
3 answers
4k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
John's user avatar
  • 153
4 votes
5 answers
3k views

What type of graph do users prefer?

I am in total confusion as to what type of graph to provide the user with for my dashboard. My dashboard deals with user statistic like No. of visits, total points they have earned, etc. But I don't ...
sree's user avatar
  • 972
1 vote
3 answers
862 views

Visualize a simple workflow - content visualization

My boss has some content in a word document which looks like the following I need to move this content onto a website - specifically a responsive WordPress website. I am wondering if there is a ...
monkeyhouse's user avatar
78 votes
20 answers
5k views

How can I keep up-to-date with the latest thinking about designing complex, rich applications?

I am designing a very complex eco-system of apps. I like to make sure I am up-to-date with the latest thinking, research and trends in app and UI/UX design. I find that there are many great articles, ...
Jay's user avatar
  • 4,320
46 votes
9 answers
4k views

What would be a good way to thumbnail audio?

I want to represent an audio file in an image with a maximum size of 180×180 pixels. I have been thinking about something similar to what Soundcloud does, although it will require some chopping and ...
joar's user avatar
  • 613
33 votes
3 answers
8k 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?
essdeepee's user avatar
  • 1,271
20 votes
5 answers
8k views

How to cluster map markers with different statuses

We're designing an application that displays a large number of markers on a map. We need to do some clustering on these markers, but the problem is that each marker has four possible options for ...
JBERG's user avatar
  • 201
17 votes
4 answers
9k views

Good ways to handle precisely overlapping data points in a graph?

In an application, I have a graph of markers--either with or without connecting lines--in which it is possible to have data points, and therefore markers, that are at the exact same location, even if ...
Chelonian's user avatar
  • 447
16 votes
4 answers
21k views

Tabular vs Card-based presentation, which is better for lots of data?

Basically, we have a long list of stuff that has, on its on, a lot of details. We are wondering whether to use a table or put each set in a rectangular card format. See below: On one hand, the table ...
catandmouse's user avatar
  • 4,308
16 votes
3 answers
7k views

Ways to visualise a user journey

I would like some opinions on user journeys and how to present them, specifically to the client. What do you think is the best way to present them and what tools would you use to create them? Do you ...
Sheff's user avatar
  • 5,149
15 votes
3 answers
2k views

Chart drill-down affordance?

I'm wondering if anyone has any suggestions for improving the usability of chart drill-down? More specifically, imagine we have a bar chart (or any other visualization) where a user is able to select ...
M.A.X's user avatar
  • 2,062
15 votes
4 answers
4k views

How best to show server availability over a 24 hour period?

I have a customer who asked me to provide a "Server Availability" chart for the last 24 hours that looks like this one: Y represents hours (0 - 23); X represents minutes (0 - 59) In this example you ...
user1762109's user avatar
14 votes
5 answers
1k views

What are techniques for showing a future state on an empty dashboard?

I am working on a new web application that will have a user dashboard displaying lots of great information with charts, notifications, alerts, etc. The actual data populating the charts will not be ...
squeezemylime's user avatar
11 votes
2 answers
1k views

Best way to present time durations in a list?

We have a list of items, with one of the attributes being a time duration. (Imagine users, and avg time between certain activities). Most of the time, this duration will be in the 0->120 second range....
James Boutcher's user avatar
10 votes
1 answer
8k views

Best visualization for combinations

What kind of a visualization/chart should I use for showing all the ways you can choose from a set of items? (i.e., number of possible combinations) Concretely, I am showing potential offspring from ...
John Lehmann's user avatar
10 votes
1 answer
288 views

Are there any resources about connotations related to visual elements from a cultural perspective?

I've been wondering about this for some time, are there any libraries or resources online that show what connotations are attached to any given design element from a cultural perspective? I am aware ...
Alendri's user avatar
  • 198
10 votes
5 answers
880 views

Reference books for data visualisation and dashboard design [closed]

Please could you recommend some reference texts or other resources concerned with business data visualisation and dashboard design. There's Information Dashboard Design by Stephen Few on Amazon but ...
user avatar
10 votes
6 answers
7k views

Displaying multiple levels of hierarchy in a table

I’m working on a payroll app for construction contractors. I’m trying to show hierarchy in a table for one contractor (In this case, “Vandelay Industries”. I want the user to be able to see where ...
duralexglass's user avatar
9 votes
7 answers
2k views

Visualize time-series data

I have a lot of time-series data. I would like to visualize this data, so that I could spot patterns like the following: "About five days after event X, event Y is very likely to happen" or "A ...
David's user avatar
  • 415
8 votes
4 answers
1k views

What is the best way to create an eye-catching display of numeric values in a web page?

I am going to design a management level monitoring page for displaying some sums and counts. No interaction is allowed and it will be used as a monitoring page on a big LCD in the managers view. The ...
Farshid Zaker's user avatar
8 votes
3 answers
5k views

Multipart progress / status bar colours

I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have: New (blue) - ...
JohnGB's user avatar
  • 68.4k
8 votes
3 answers
5k views

How can I choose a colour palette for multiple data visualization types?

I'm currently implementing the Google Visualization API into an existing platform, one requirement of which is the ability to choose custom colours for chart elements (such as pie slices and columns). ...
msanford's user avatar
  • 5,995
7 votes
3 answers
912 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
Roger Attrill's user avatar
7 votes
1 answer
5k views

Best way to display a date range

I'm looking for the best way to display a date range in text that could potentially span across 2 lines. Currently I simply have something like "01-Jan-2013 -> 05-Jan-2013" with the arrow being an ...
AverageMarcus's user avatar
6 votes
3 answers
3k views

timeline for desktop and timeline for mobile

Building a feature for desktop,tablet and mobile which uses a timeline to show the latest update. the amount of updates on the timeline is unpredictable. For mobile we have already used a vertical ...
Blue Ocean's user avatar
  • 10.7k
6 votes
3 answers
700 views

Best way to visualize route frequency on a map?

I have a map that displays flight routes. Now I'd like to indicate that some routes are operated more frequently. Example (flights per week): SFO - NRT: 27 JFK - BER: 4 BER - DXB: 12 How to ...
tilo's user avatar
  • 162
6 votes
2 answers
6k views

What is the best practice for displaying a data grid on a mobile device?

I can't find resources, guidelines or best practices for natively displaying a data grid on an enterprise mobile app? Any help is appreciated. Thanks!
UX_Question's user avatar
6 votes
3 answers
2k views

Representing large numbers

I'm developing a charting application. There could be a situation where I would have to display large numbers on the chart. The problem is that they number labels have to fit inside the chart columns, ...
IllegalBeard's user avatar
5 votes
2 answers
293 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 ...
Hendrik's user avatar
  • 692
5 votes
1 answer
291 views

How to indicate that part of a chart can be re-scaled or redefined visually to present a clearer, and/or more specific representation of the data?

I'm wondering about several issues I have with drill down behavior on graphs: How can we visibly show that a certain graph is "drillable" (affordance issue). In more details: On a single chart, how ...
Yair's user avatar
  • 81
5 votes
3 answers
5k views

Interactive or graphical representation of decision trees

Looking at coming up with some new concepts for decisions trees that can be used/adapted for both mobile and desktop views of a web application. Just wondering if we have evolved from the classic ...
Michael Lai's user avatar
  • 27.3k
4 votes
2 answers
3k views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
user45183's user avatar
4 votes
4 answers
226 views

Your experiences with call centre wallboard UX [closed]

As I'll be getting started on a project involving displaying dashboard data on call centre wallboards I thought I'd solicit your experience as part of my preparatory research. If you've been involved ...
user avatar
4 votes
2 answers
721 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 ...
efrethe's user avatar
  • 3,513
4 votes
1 answer
172 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 ...
GammaGames's user avatar
3 votes
1 answer
170 views

One-to-many list items in trigger-response model

I have an app for a content item that can include triggers and responses, created by the user. Users can associate many triggers to one single response (many-to-one) or they can have each trigger ...
user1247914's user avatar
2 votes
2 answers
117 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
5 answers
216 views

How to display data behind a data point in a matrix?

I'm trying to design an internal tool for software testing purposes. We have a system that consists of a number of servers. To verify that the system as a whole is stable we monitor different ...
Michael's user avatar
  • 271
2 votes
1 answer
869 views

Graphic design critique parameters

I am working at a consulting company these days and I am having some issues with graphic designers I work with. Basically I have tested the graphic designers in various short projects for the ...
varun86's user avatar
  • 481
2 votes
3 answers
335 views

Data visualization: go with conventional format or a different format?

I'm dealing with a graph to help managers quickly determine the workload of various team member. The industry term for this is a "Resource Allocation Graph" This is commonly shown in a calendar grid ...
nightning's user avatar
  • 8,571
2 votes
1 answer
345 views

Customer testimonials - Embedded tweet vs custom design [closed]

Do you think that embedded tweets would work better than custom design to show testimonials? Embedded tweet are live proof which people can see by clicking on embedded tweet and also embeded tweet ...
Jitendra Vyas's user avatar
1 vote
3 answers
1k views

Project dependency visualization and navigation

I have to visualize software project dependencies and provide a way to navigate through the dependencies. I want to combine showing the dependencies of the currently selected project as well as ...
paztulio's user avatar
  • 121
1 vote
3 answers
331 views

Does animating statistical data make it easier to understand?

I'm looking at this presentation at Ted.com, and it uses impressive animated statistics: Hans Rosling: Stats that reshape your worldview Does using animated data make understanding statistical data ...
Alex Stone's user avatar
  • 1,627
1 vote
3 answers
165 views

Should I label (before) or subtitle (after) a number in dataviz/widget?

Discussing about donut chart in Is multistability a good thing on a donut?, a question arise. Discarding the pertinence of donut chart, do you have arguments/studies that would favor one of the ...
Édouard Lopez's user avatar