Questions tagged [info-visualisation]

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

Filter by
Sorted by
Tagged with
1
vote
0answers
52 views

How to visualize “deviation”?

Problem I want to visualize a value that indicates the amount of deviation a certain resource's value is from its default value. In this specific case, a higher deviation is bad and a low one is good....
3
votes
1answer
235 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
4answers
160 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
2answers
61 views

How can I show that something is necessary, but can be done in any order?

I'm trying to model the rules of a rather complex game into a flowchart, so that newer players have an easier time understanding what to do when. The rules say that within your turn, you have to do ...
0
votes
1answer
45 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
1answer
29 views

Customer journey with multiple users

I'm looking if there are any examples of this as I want to draw a customer journey for a 2 sided marketplace where there's overlap between these 2 types of users. Think host/traveler for airbnb or ...
2
votes
1answer
67 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 ...
0
votes
1answer
127 views

two dimensional list with multiple values

We are developing a web applications for e-commerce use when for a list of countries we have different vendors list sort by priority of that vendor. the maximum lists of country is undefined, it can ...
50
votes
12answers
10k views

Is it bad practice to use “Lorem Ipsum” example text in a text-preferences screen?

I'm the developer of an application where text plays a major role in the user interface. Users can adjust the style of the text in a preference screen. I have added an example text to the preference ...
2
votes
2answers
272 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 ...
44
votes
9answers
3k 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 ...
2
votes
1answer
111 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 ...
1
vote
1answer
101 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
764 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-...
0
votes
4answers
336 views

Do we need to follow brand colors for data visualization?

I am working on a design language project for our product. I'm currently putting together a color palette for data visualization part of the app. Based on my research on colors for visualization and ...
1
vote
2answers
99 views

How to simplify a bar chart with many variables?

I'm a bit stuck here. I need to represent about 40 variables in a bar chart. Each variable needs to be visible... it would be fine if each ended on a different part of the x axis, but unfortunately ~...
5
votes
1answer
202 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
0answers
21 views

Table Columns with Complex Structures (fields under it, that can have fields underneath too-like nested ones)in a few of its col

This is for Web Application. I am looking for tabular UIs that doesn't have nesting but is able to show a child row under a parent row and those children can have further children and so on. My ...
0
votes
1answer
41 views

Visualize file relations

I'm desiging an interface where file relations are a bit complicated and I could really use some help on how to visualize them. Basically, it's a programme where you can change different kinds of ...
0
votes
1answer
114 views

3d movement visualizations?

What are effective ways, expected norms and prior art for visually presenting movement in 3d space, or very generalized movement in 3-dimensions x/y/z axis from an accelerometer? I'm beginning to ...
0
votes
0answers
29 views

Number of data points on stock price chart

We're creating a graph where customers can see development of security price over time. We're going to use a line chart with which the user can interact by tap/hold gesture to see different data ...
2
votes
1answer
79 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
2answers
72 views

How to design a chart that has an x-axis with a fixed range that is longer than the selected range?

I'm designing a web-based analytics dashboard that contains a chart in which the x-axis represents the days of a campaign, and it always shows 31 days. However, the duration of a campaign varies; it ...
1
vote
1answer
92 views

emphasize clickable areas in a data visualization

I want to show a stacked bar chart (single bar) that only one part of it (the dark green one that has 15%) is clickable, when clicked this section will drill down. see examples below: stacked bar ...
1
vote
3answers
133 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
1answer
56 views

Calendar display options issue

On the website of a client we have a calendar of events with quite a bit information in addition to the date and place. It looks like this: It's a jssor static slider The user can see/go to the next ...
2
votes
4answers
204 views

Simple ways of showing or visualising “time spent”

For context, I work on a learning platform where a student and a tutor come together for one-hour learning sessions. At the end of the session we have a learning reflection step. Here we show the ...
32
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
192 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 ...
3
votes
3answers
10k 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
2answers
1k 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 % ...
1
vote
3answers
231 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 ...
1
vote
3answers
229 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 ...
0
votes
2answers
101 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?
3
votes
2answers
124 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 (...
14
votes
12answers
29k views

Honest way to show your skills in Portfolio

So i have started seeing this a lot in portfolios of designers. This person has a title that says "My Skills", and at the bottom are bar graphs that are in percentages. So I asked this question - "...
0
votes
3answers
175 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 ...
0
votes
2answers
132 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]...
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
144 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
339 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
24 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
184 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
243 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
72 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
49 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
577 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 ...
4
votes
2answers
121 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
295 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
4answers
218 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- ...

1 2 3 4 5 11