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

learn more… | top users | synonyms (3)

8
votes
2answers
100 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 ...
1
vote
2answers
71 views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
12
votes
6answers
1k views

Making a Streak Visualization More Intuitive

I'm currently working on a website for tracking habit change. On my report page, I have goal cards users interact with in order to record their progress: What the donut chart in this example is ...
1
vote
0answers
40 views

Large dataset with children visualization

I'm working on a website where we need to display large data sets and I'm looking for an alternative to tables. The datasets will be nested meaning, if you click on one, it will/may contain ...
2
votes
2answers
44 views

Showing progress on activity over large time period

Background I am making a mobile app, where users need to perform some task N times a day. The target audience is women, with interest in healthy lifestyle (so not engineers who are comfortable with a ...
2
votes
1answer
34 views

Chart with an inverse latency axis

My app shows a scatter graph where the X axis is a number of actions (higher is better) and the Y axis is a latency (lower is better). When we have shown it to customers, they got confused because ...
0
votes
2answers
39 views

Begin the column at the top of the title or at the top of the first main content text block?

On our homepage we have a content and a column with some boxes. What is the better approach: 1. Begin the first column box at the top of the title: 2. Begin the first column box at the top of the ...
0
votes
1answer
49 views

Displaying statistics: Use spider graphs? [closed]

Is a spider graph or progress bars better to display a set of statistics/attributes? E.g. pace, shooting accuracy, dribbling for a football player.
0
votes
0answers
16 views

Represent data by relative importance first and size second

I'm trying to represent a list of consumers, each with one of x attributes. The graph needs to compare how many consumers have each attribute but also show that if n number of consumers has a specific ...
3
votes
2answers
52 views

Comparing/merging two records using Material Design

Problem: We are working on a medical scheduling application. A common problem are duplicated patient records, stemming from legacy data or from careless inputting under pressure, without consulting ...
1
vote
1answer
56 views

Showing a tree with only 2 branches on each node

We have a function in our application that allows us to run a task. Depending on if the task succeeds or fails, it does a different task afterwards. This task chain/tree continues until no more tasks ...
1
vote
1answer
33 views

How to design icons that convey multiple parameters?

I have a game in which I need to display icons on a map denoting the presence of other players. Each player has multiple parameters -- friend/foe; age; team; estimated direction of movement etc. I ...
1
vote
3answers
157 views

How to visually display overlapping information

For example, take the following data, with: - Recipients - Sent Mails - Opens - Bounced I want to show the data like this: First whole pie for the reciepents. (100%) Sent mail (80%) Opens (30%) ...
5
votes
0answers
69 views

Using color and graphics to improve visualhostkey, and make comparing SHA256 hashes easier

I need anonymous end users to visualize hashed data, be it a Bitcoin Address (converted to the Sha256 hash it's based upon) File hash SSH key Since my target audience is normal consumers, and not ...
2
votes
1answer
70 views

What's the best way to show this particular data to a user?

I have information on a user's data usage. Currently, if they want to check it, they see a table: | Domestic in: x GiB | Domestic out: x GiB | Domestic total: x GiB | | International in: x GiB | ...
5
votes
2answers
106 views

Are dial format speedometers more effective than numeric speedometers?

I recently criticized a sketch of a automobile instrument cluster concept that indicated speed with a bar gauge and a numeric readout. I and many others suggested that a dial speedometer was easier to ...
1
vote
2answers
131 views

Tree View Alternative for Form Input on Website

Currently I have a data structure in the form of a tree view. Eg. Right now I am using a collapsible accordion view to show each field to input data. Scenario - I have about up to about 1000 ...
9
votes
4answers
198 views

Making color blind friendly plots that look professional

Based on this question I've been racking my brain trying to find a color scheme for journal publications that is color blind friendly and that I actually like. I've tried color brewer and other sites, ...
3
votes
2answers
126 views

How to obscure data in a screen captured image?

Many people I work with need to share a report with sensitive data. This is usually a multistep process where the user takes a screenshot of a chart or graph with numbers and then manually removes, ...
0
votes
1answer
53 views

Nested data in a Grid or Table - how deep is too deep? [duplicate]

I’m reasonably sure we all have that love/hate relationships with grids or tables when it comes to nested data. Over the years I have grown intolerant of anything below one level down, and work ...
13
votes
3answers
1k views

How to best visually represent a dev team's skillset versus project needs?

I need to visually represent a dev team's skill set (and proficiency) against a project portfolio's required skill set. I have two separate tables, one for team members, and one for projects. Here is ...
45
votes
11answers
8k 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 ...
3
votes
1answer
68 views

What is the best way to visually indicate correct plug alignment with socket (hardware)?

I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking. Users have suggested putting ...
8
votes
2answers
185 views

A kind of 3D table (showing correlation between 3 variables)

Tables allow us to easily see how 2 variables (for example "Employee" and "Time") correlate. For me the main benefit of this view is that you can easily find answers to two kinds of questions. Like: ...
0
votes
1answer
49 views

user interaction: diffrent ways of visualizing data

I have a project which contains a piechart. Every group in the piechart has its key, value, percentage and a description. Of the ways shown below, which is the best to visualize the data? Is there a ...
2
votes
5answers
151 views

How do you visually represent “progress” on a negative goal?

I may have some terminology wrong but I think the idea is sound. There are a variety of ways to represent progress when you are increasing a number and trying to get to some set number. Usually ...
3
votes
3answers
125 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 ...
1
vote
2answers
121 views

What should the minimum value of a slider filter be?

I am trying to figure out what the best UX would be for a slider filter. The slider is used to filter a list of companies based on a desired loan amount on a personal loan list page. Currently, ...
0
votes
0answers
42 views

What is the best way to represent historical data?

I have a project with multiple test cases. Each of these test cases contain data related to their failure and success for each run as well as the time taken for the API calls during each execution. ...
7
votes
1answer
155 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 ...
1
vote
1answer
32 views

Is there a standard way of visualizing screens and actions?

Is there anything like a standard way of visually representing e.g. a web application in the context of the number of screens, how those screens are connected, and what actions are available from ...
0
votes
1answer
17 views

Visualizing individual data usage from the same data pool in a table

I have an issue visualizing individual data usage in a table where the usage is directly connected to a shared data pool. The data users can have individual data boundaries, where the data is ...
20
votes
7answers
1k views

Best way to display code to non-programmers

I'm asked to analyze the program responsible for printing our invoices. (Via SAP script) This program is pretty old and contains more than 4.000 lines of code. It sets a lot of different variables ...
0
votes
2answers
46 views

Name for specific design type instance

So if you look at my little visual example below, the format on top I assume would just be technically referred to as a Grid or Tabular format, but if you were to break each of those rows out and make ...
8
votes
2answers
188 views

What is a good mouse cursor to point at objects in diagrams?

Do you know of any study or evaluation of the use of mouse cursors specifically designed for the use in diagrams? For example I'm thinking about using a cross hair instead of an arrow cursor when I ...
3
votes
3answers
106 views

Best Type of Chart for Numbers inside Matrix?

I have a matrix that looks like the following, and I want to make a chart out of it because the numbers are just too much to look at. What is the easiest way to digest this information? We are trying ...
0
votes
1answer
70 views

Data visualization: distribution data

I'd like some input as to the best way to visualize a data set. Look at the below table (it's made up data indicative of the set I'm working with but cannot show according to my employer). The goal ...
7
votes
3answers
288 views

I've never met an infographic I didn't hate. But do they even work?

This is just my own personal preference. I've never met an infographic I didn't hate. I love beautiful data visualisations. But the recent fad for infographics leaves me cold. Is there any solid ...
1
vote
1answer
91 views

How to design a “data usage calculator” for a brand new smartphone users

What are some ways wireless carriers can help smart phone buyers visualize how much data they will need so they pick a suitable data plan option? Various carriers provide data usage calculators: eg ...
0
votes
1answer
120 views

How best to create a link/relationship between multiple elements of a webpage?

My current UI looks something like this: download bmml source – Wireframes created with Balsamiq Mockups A 3 column layout with a list of tasks with titles/details in the middle. I need ...
0
votes
2answers
61 views

Graph for properties with a big gap between them

I’m thinking how would an ideal graph for 3 properties look when one of them is much bigger than the others, like A - 2, B - 10, C - 1000. Any ideas?
0
votes
1answer
85 views

Should a tree map be scrollable?

Here a non-scrollable version, all items are visible though smallest nodes tends to be a little too small, but it looks like a tree map: Here is the same tree map but twice as large and scrollable ...
3
votes
2answers
45 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image ...
2
votes
3answers
173 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 ...
0
votes
2answers
65 views

Quantifying activity by the time of a day of the week

First post here, but I'm really having trouble getting an idea of how to visualize a certain piece of data for a project. Right now, we are trying to show a certain amount of activity on a given day ...
0
votes
1answer
919 views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
3
votes
2answers
217 views

Visualizing version-controlled hierarchical data

What would be the best way to visualize versioned hierarchical data in an interactive application? Let's say we have the following hierarchical data, where the capital letters identify the objects, ...
4
votes
2answers
212 views

How to show the relationship between two input fields with different units

In an internal retirement site, I am working on improving the flow that employees go through to change their contribution amounts. One challenge is that users can contribute both pre-tax and ...
4
votes
3answers
143 views

How to handle overlapping elements?

I'm doing a very simple video editing solution. User has a timeline (horizontal 100px line) which represents start and end of the video. User can add overlay images and texts, and all of them appear ...
1
vote
3answers
126 views

Map markers with multiple types of data

I want to try to visualize multiple types of data in one map marker. We currently have up to three types of data on one coordinate and this is going to increase to 6 within the next three years. ...