Stack Exchange Network

Stack Exchange network consists of 174 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

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

0
votes
0answers
10 views

Move between different timelines or go back to the start to switch?

My team and I are working on an interactive animation. The animation will show three sequences of events (A, B and C), of about 7 steps each. These three sequences start in the same place, finish tin ...
1
vote
1answer
33 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
92 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
45 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, ...
1
vote
4answers
118 views

Whats the best way to graph percentage data?

Lets say I have the following data: Category positive neutral negative total 0 Category 1 1.000000 0.000000 0.0 2 1 Category 2 1.000000 0.000000 0.0 1 2 ...
1
vote
1answer
103 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 ...
0
votes
0answers
33 views

Miller Columns for graphs

https://en.wikipedia.org/wiki/Miller_columns mentions, without citations: While at Datapoint, Miller generalized the technique to browse directed graphs with labeled nodes and arcs Despite ...
1
vote
1answer
52 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
159 views

How to visualize my cron jobs

I would like to visually present my CRON jobs. Right now I only have three, but i'm planning on adding 10 more soon. I have tried googling for hours to find a suitable template to map this on. ...
2
votes
2answers
156 views

Skill charts in a portfolio - Not good “UX”?

This is a rather unusual question for this site, but it seems UX enough for me. I have read this article, Things I (honestly) don’t want to see in your portfolio, and the one point that struck me the ...
4
votes
2answers
92 views

Ways to indicate a series is selected on a line chart

I have a program that displays a dense collection of line series. I can select series from a tree view to the left of the chart. My issue is I need an elegant way to show the user which line series ...
1
vote
0answers
50 views

Are there studies on scanning patterns for dual/multiple screens?

There are well known scanning patterns (such as F and Z scanning for websites that have been around for some time), but my assumption is that these have been built up over the years from research on ...
0
votes
0answers
46 views

Organisation chart where one node has multiple parents

I'm trying to represent a structure where one object falls under 2 other objects in an organization chart. Minified, it looks like this: Which is constructed by the following JSON (and a lot of ...
1
vote
2answers
64 views

What is the utility of creating a full-depth Visual Sitemap?

I’m a programmer that is new to UX and have a potential web project that has probably ~5k pages. What type of information could I take away and benefit from this tedious exercise?
0
votes
2answers
65 views

Displaying categories in tables

I am designing a table for my company's dashboard. I need to show type of the data shown in the table. So far there is 6 type categories: Job ads, E-mail campaign, Display ads, Event, Referral and ...
0
votes
0answers
36 views

What alignment should be followed when displaying a block of time ranges with some times including day information?

What alignment should be followed when displaying a block of time ranges with some times including day information?
0
votes
3answers
100 views

Visualizing large tabular data

I'm trying to find the best way to visualise the following tabular data. Problem: There are several channels and each channel has two platforms. The value of the channel's platform could range ...
3
votes
5answers
430 views

What is the name of this dashboard UI element?

I've seen many dashboards or statistics pages/screens to have some kind of "dashboard header" in which larger text or graphics are present. They are designed to give an overview of important ...
3
votes
3answers
79 views

How to eliminate a repeating tree hierarchy for the types that share the same structure?

Below there is a modal where I have three categories that contain the same tree structure. Is there a way I can consolidate or simplify these three structures into one or maybe restructure this in a ...
0
votes
1answer
42 views

How important are avatars/profile images in the context of social feedback?

How important are avatars/profile images in the context of social feedback or inticing behavior as opposed to just the name of a user or an abstract avatar? Specifically, in the case of consumer ...
2
votes
2answers
137 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-...
2
votes
2answers
241 views

How to represent a score that can be positive or negative?

I need a simple (aka not ugly) visual element to represent a score that can be positive or negative. My score matrix will probably be similar to this page: http://snapsort.com/cameras/Canon-PowerShot-...
3
votes
3answers
122 views

Proportional voting

Suppose we have a vote widget. There are four possible options: Vote for the proposal Vote against the proposal Abstain (i.e. neither for nor against) Veto the proposal (i.e. very strongly against) ...
2
votes
1answer
108 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 ...
5
votes
2answers
128 views

Visualize popular routes/connections

I'm working on a dashboard for regional tourism agencies (both private and governmental). One requirement is to visualize popular connections between points of interest (POI). So for each POI where ...
3
votes
2answers
168 views

How to display huge sum of hours

I have a table which sums up worked hours for each project. When the ammount of hours is huge, has still sense use hh:mm format, or decimal format could be more clear? Reading, for example 7650:30, ...
0
votes
0answers
67 views

What is the best way to show from and to date (DD/MM/YY) in table header column?

I am working on iPad UI which contains a lot of tables and the overall screen has a very limited real estate. In few table columns I am showing few numbers where table header is from and to date, ...
1
vote
4answers
222 views

What are some ways to display 3 dimensional data in a table?

I have some data that has 2 dimensions that I currently display the values of in a table. The dimensions are Gender & Age. For example "there are 12 thirty year old Males". Now I need to add a ...
1
vote
2answers
82 views

Making a network graph more readable

I have a graph showing nodes on the map of the US. There are between 100 and 400 nodes, and all two nodes have a line connecting them. The problem is that there are so many connections that the graph ...
6
votes
3answers
276 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 ...
1
vote
1answer
69 views

Visually organize weighted network

Background I have a weighted network, where each node/vertex is a person. The weight of the connection between each node represents the level of interaction between the two. Each node is represented ...
1
vote
1answer
67 views

Time series graph that is not a Gantt Chart?

I am trying to design a screen that displays multiple product subscriptions purchased through time. While a Gantt chart perfectly captures the requirement, I have been trying to find an alternate way ...
1
vote
2answers
75 views

Visualization for showing 31 different combinations

I have a dataset of customers and products they could have. There are a total of 5 different products (A,B,C,D,E). A customer can have any combination of the products, for example a customer can have ...
1
vote
1answer
208 views

Best Data Visualization Technique for real time data obtained in tabular form?

I need some guidance with the following problem- I have a table of huge data which looks somewhat like the diagram below: There are 6 servers. Each server contains 3 folders. (The number of servers ...
1
vote
1answer
122 views

Data Visualization: Visualizing current year annual performance by juxtaposing last year total and year to date numbers

Working on a revenue piece where I have to show current YTD ( Year to date ) performance with last year’s YTD and the total revenue last year for a specific product. The below image shows the ...
2
votes
2answers
107 views

Stacked bar chart: 100 Year Lifecycle Investment Requirements

My organization has tasked me with copying a specific stacked bar chart (someone stumbled upon it on the web) in order to visually display information about 100 Year Lifecycle Investment Requirements. ...
1
vote
1answer
73 views

Chart with long ordinal text labels in mobile screen

I need to display the counts of a lot (between 10-30) of ordinal values on a mobile screen (in an app). At the moment I'm thinking of doing a bar chart, with wrapped labels: Something quite | ...
0
votes
0answers
43 views

Visually display conditional logic [duplicate]

I need to make a visual display for setting up conditional logic, for this questions sake lets consider it an input validator based on certain criteria. The best option I've found so far is letting ...
1
vote
1answer
706 views

What color scale to use for heat map with positive and negative values?

I am trying to see what the most intuitive or most conventional color scale would be for a heat map with values that can be either positive or negative (percent difference from expected). e.g., -50%, ...
3
votes
2answers
340 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 ...
1
vote
1answer
90 views

Can I visualize a bubble with value 0?

Background: I got a few values on the scale 0..1 and -1..1 that we have been asked to visualize as bubbles. The value 1.0 would be the largest sized bubble and 0.5 would half the size, and so on. ...
1
vote
1answer
299 views

Graph type showing aggregate id⇒(before, after)?

What's the category of graphs for showing this? ID | before | after ------------------- 0 | 45.6 | 24.3 ------------------- 1 | 1.7 | 89.5 ------------------- ⋮ | ⋮ | ⋮ I was thinking ...
3
votes
1answer
125 views

How to Create Timeline with Dynamic Start/End Dates

I'm trying to think of an intuitive way to make the the start/end dates changeable for the timeline (x-axis) of this graph. On mobile this would be easy because you could use pinch to zoom in/out but ...
0
votes
3answers
256 views

Data visualization for showing a person's decile

Consider a service where you can inquiry someone's SSN and you will be shown his personal information and his income decile among the population of his country is one of those information. Right now a ...
5
votes
2answers
502 views

Need to display 3 grids (lists) with many to many relationships

Need some help here to design a container having 3 lists(grids) communicating with each other as below: The requirements are: There are multi select allowed on each list. On selecting customers, ...
2
votes
2answers
91 views

How to visualize status where a lower number or a zero is better than a higher number?

I am in the process of designing the user interface of a ticket system. There will be a dashboard view which displays the most recent number of open ticket. One user need is to be aware of open ...
1
vote
1answer
65 views

What are the correct terms for these visualization components?

What is the proper term for a vertical line on a visualization that follows a mouse cursor? Nb, screenshots have removed my mouse cursor but it exists on the same vertical plane as the dot in the ...
0
votes
1answer
68 views

What is the best chart for showing a set of percentages that add up to 100%?

For example, I would like to display the percentage of poker hand types after a simulation. Example data: High card: 14.92% Pair: 42.08% Two pair: 24.94% Three of a kind: 5.44% Straight: 5.44% Flush:...
0
votes
1answer
86 views

Visualization chart for four dimensional data [closed]

I am trying to find a way to visualize the data related to road accidents. The data has following dimensions: Year Accident happened (Numeric) | Location of Accident (String) | Count of Accidents ...
2
votes
1answer
218 views

Visualising of Products Using Dimensioned Drawings and Tables

I´m currently planning to develop a software that generates a Product catalogue. The software reads data from the database then apply business logic in order to create the catalogue which will be ...