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
42 views

Data visualisation - how to visualize relative size of data charts related to each dimension rather than the overall amount of replies

Currently, I redesign a data-driven platform and what is confusing is a presentation of data on a comparison view. As you can see the bar's size is relative for each value (rows), but not relative to ...
0
votes
1answer
46 views

How to implement a side filer bar for smaller screens without overlying the platform content

Currently, I'm working on a data-driven platform. I designed a side filter bar which allows user to filter data dependable of his needs. The problem appears on smaller screens. After a discussion with ...
0
votes
1answer
60 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
3answers
55 views

How to display 'Mistake Contribution %' in a column out of total mistakes?

There are a total number of mistakes X, now I want to create a column for showing distribution for the total mistakes X, what will be the shorter name or better way to represent this? Note: Total ...
0
votes
1answer
39 views

What is the name for a plot that shows data at each X,Y coordinate

I'm creating some new plotting infrastructure and I can't figure out what this type of plot should be called. It's a pretty basic plot where you have an Cartesian X-Y grid and each grid cell ...
0
votes
0answers
14 views

Modularscale for platform with large amount of data

Currently, I'm redesigning a platform which is basically a large database. The current paragraph is 15px with 24px line-height (major second - 1.125) modular scale. I was considering to change it into ...
4
votes
2answers
289 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
1answer
41 views

Simple ways to display search results with lots of text and enable easy parsing of information

I'm working on some test infrastructure stuff in my company and developing a web front-end meant for comparing the results of different UI tests (automatic ones running in the background mostly). ...
2
votes
1answer
127 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 ...
22
votes
5answers
17k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
1
vote
1answer
115 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
1k 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
2answers
301 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
31 views

How to handle data addition in data grid when data is sorted

I have data grid in application which has pagination and the latest added record is added on top. If the data is already sorted on a column and another record is added to the table how should the ...
6
votes
1answer
296 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 ...
3
votes
4answers
134 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 ...
5
votes
4answers
571 views

Visualize realtime timeline chart

We have a system that collects events. An event typically occurs every 10th second or so, but its pretty random. The system collects the events during a project's lifetime which usually runs for ...
0
votes
1answer
67 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 ...
1
vote
1answer
80 views

How to display data with variation to unsophisticated users?

In my application, students are grouped into classes and each student has a performance metric. I want to be able to show teachers and principals a list of classes, along with an aggregate performance ...
3
votes
3answers
89 views

Overtime + 2 other aspects data visualization

What kind of data visualization can show 3 aspects of the data including time (the others are the number of conversions and revenue)? For example, I thought about bubble chart where size is one aspect ...
5
votes
3answers
133 views

How to distinguish Time-bound vs One time events in a timeline

I'm working on a 'Timeline' component, where there are two kind of events that need to be represented: Time-bound events: An event that has a fixed start and end time (for example a meeting) One ...
3
votes
1answer
46 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
3answers
126 views

What type of graph is this?

What is this type of graph called? I find this graph across some website but I am unable to recall. Following are the features of this graph: Nodes are connected to a central node, indicating layers ...
45
votes
7answers
6k views

Why is tree representation of data becoming unpopular?

I'm asking not about professional software like IDE's, but about OS GUI and web interfaces. A few years ago there was File manager in Windows, Gopher and other interfaces and data models like this. ...
0
votes
0answers
27 views

y-label in plots without tilting your head

When plotting data with an x- and a y-axis and you label the axes, it's customary that the labels are parallel to the axes. A typical example from here: This makes the y-label hardly readable without ...
1
vote
2answers
80 views

How to visualize complex data on the same bar chart for short and wide timelines

I'm designing a dashboard that visualises AWS cost details on a bar graph. Below is a weekly view and all seems fine. However there's also a need to show the data across a boarder timeline, like ...
1
vote
2answers
1k 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 ...
4
votes
2answers
127 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 ...
1
vote
3answers
625 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 ...
44
votes
10answers
13k 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 ...
2
votes
1answer
70 views

Data leveling UI suggestions

I m here looking for suggestions and design idea if someone can help please, Basically i m working on a screen that should display a lot of data defined by levels. Lets say we have a City with its ...
2
votes
4answers
5k views

Why are chart x-axis values slanted bottom up for long labels?

Anyone knows why when we need slanted values at the x-axis, for example for a bar chart, why slanted values are always left to right, bottom-up (as in the image), instead of being displayed up-down?
2
votes
0answers
87 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....
1
vote
4answers
303 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
1answer
91 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
132 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 ...
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 ...
0
votes
4answers
399 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 ...
2
votes
2answers
204 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 ~...
0
votes
0answers
29 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
118 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
35 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
86 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
83 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
105 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
178 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
60 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
208 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
2 3 4 5
12