Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [info-visualisation]

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

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 ...
1
vote
1answer
129 views

Visual representation for higher-order functions [closed]

I'm creating a visual programming language. I base on functional programming paradigm, because I believe that declarative thing should be mapped to visual more easily. I mostly done with conceptual ...
2
votes
1answer
50 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 ...
0
votes
2answers
54 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]...
0
votes
1answer
35 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 ...
1
vote
0answers
18 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
118 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 "...
3
votes
2answers
238 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 ...
0
votes
1answer
80 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 ...
2
votes
1answer
57 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, ...
2
votes
1answer
39 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 ...
2
votes
3answers
554 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 ...
1
vote
2answers
43 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 ...
4
votes
2answers
112 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
236 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 ...
2
votes
2answers
261 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 ...
0
votes
4answers
212 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
97 views

Show Linked entries on Data Table

I'm working on the data table of an Insurance Installment Plan. Case 1: Below is the initial schedule that has 10 entries. The business senario is sometimes if an installment is overdue, clients ...
0
votes
1answer
40 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. ...
1
vote
1answer
81 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 ...
2
votes
2answers
396 views

View/Edit mode used in data tables

I am working on data table for HR managers that implements in-line editing as well as drop-down menu with detailed options. In-line edit is a must as it will be re-used in dashboard for different pop-...
4
votes
1answer
244 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 ...
2
votes
1answer
133 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 ...
7
votes
6answers
2k views

Necessity of y-axis label on a line graph?

I'm currently designing a line graph to provide a relative, "quick-glance" view of data trends, rather than the granular stock-market-style view. There will only be one trend line. Currently each of ...
1
vote
1answer
133 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
132 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
1answer
133 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 ...
4
votes
4answers
238 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
79 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
130 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 ...
3
votes
1answer
133 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. ...
2
votes
1answer
50 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 ...
1
vote
1answer
67 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 ...
8
votes
3answers
23k views

A graph for displaying numerical data like age

I want to show a variety of datapoints in a graph. For example I have several datapoints, each one representing the age of a user. What would be a good graph representing "10 users are 18 years old, 2 ...
5
votes
4answers
286 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 ...
41
votes
10answers
8k views

How to visualize data with extreme value differences?

I am working on some routines for a client application to visualize data in a 3d bar chart style. The data consists mostly of smaller values with only a few large values. For example: 6,942,535,341 ...
1
vote
1answer
53 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
318 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 ...
5
votes
3answers
658 views

How to display a connected boxes with inputs and outputs in a smartphone?

Imagine the concept of a black box, that can have inputs and outputs. A box can connect with other boxes. We have something like this: Now imagine a smartphone. "Ok, this guy is crazy." You thought. ...
3
votes
6answers
178 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
6answers
290 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 ...
2
votes
2answers
129 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 ...
128
votes
19answers
35k 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 ...
0
votes
4answers
176 views

Is there a term used to describe the aesthetics of visual and data design combined (e.g. infographic aesthetics)?

I have been doing infographic design as part of providing content for websites and software applications (and print materials as well), and I know a lot of people talk about the concept data/ink ratio ...
1
vote
1answer
46 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
131 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
85 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, ...
4
votes
2answers
1k 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!
5
votes
5answers
2k 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? ...