Questions tagged [info-visualisation]

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

Filter by
Sorted by
Tagged with
5
votes
1answer
379 views

What's the best proportions for coloring a clustered map?

I've got a map showing 26k+ positions. Here is what is shown with a cluster solution : I'm looking to display differents color/size for different proportions. Above is the minimum zoom when you ...
3
votes
2answers
3k views

Tabs vs Scroll in content heavy website

I have a content heavy website. In a particular page there will be lot of data to be presented to the user. There are two options. Full Scroll Just present the data grouped properly with proper ...
5
votes
7answers
2k views

Best way to show your skills on a resume?

I'm working on my resume and I want to make it kind of attractive. However, I'm still doubting about how I should display the skills section. I tried several thing like percentage bars for every ...
1
vote
3answers
181 views

How to make a link more visually prominent to make it clear that there's a click target there?

Below is an error message with a link: The blue part of the image ( link ) contains complete information ( step by step ) about how the error occurred. Whereas the arrows at the end take you to the ...
2
votes
3answers
99 views

Displaying a couple of independent tables with different loading times

I have a webapp dashboard with a couple of tables (around 6 tables with a fixed order that usually does not fit on page without scrolling down the page). Tables are filled out with data provided from ...
2
votes
2answers
330 views

How to visualise flow in a graph with overlapping paths

I'm designing / implementing an animated visualisation of flow of people between departments in a building. Departments are presented as circular nodes, where the size of the node indicates volume at ...
1
vote
4answers
243 views

How to show the relationship between two sets of data over time and geography?

I would like to show the relationship between two sets of data, over a large period of time; distributed by geography/location. The data has (latitude, longitude, datavalue1, datavalue2, timestamp). ...
2
votes
2answers
341 views

How to visually show aging account receivables?

Is anyone aware of an interesting way to visually show aging accounts receivables - Amounts of money owed which are broken up into time periods, such as (a) less than 30 days past due, (b) 30-60 days, ...
2
votes
3answers
274 views

Data visualization: go with conventional format or a different format?

I'm dealing with a graph to help managers quickly determine the workload of various team member. The industry term for this is a "Resource Allocation Graph" This is commonly shown in a calendar grid ...
0
votes
1answer
131 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 ...
3
votes
3answers
7k views

Best graph for data with both very large and very small values

I'm working on a Statistical Analysis project and I have to draw a bar or column graph to show data that has both very large and very small values. Like for example: Number | Count ------...
5
votes
3answers
2k views

timeline for desktop and timeline for mobile

Building a feature for desktop,tablet and mobile which uses a timeline to show the latest update. the amount of updates on the timeline is unpredictable. For mobile we have already used a vertical ...
6
votes
5answers
2k views

Would having a generic waveform be too confusing for users?

I'm currently working on a redesign of an online radio. It does not have a lot of content, so I decided to make the player the dominant element of the home page. I would like the design itself to be ...
2
votes
3answers
701 views

Design for a scatter plot graph

I am designing a data vis platform and there are two primary form factors of the graphs, large and small. In designing these graphs, I'm trying to avoid the terminal ugliness of most platforms while ...
0
votes
0answers
143 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
2
votes
1answer
449 views

Shaded line graphs: Good or bad?

I've been staring at this design for way too long and I need an outside view. These are not stacked line graphs (a no-no in data vis) but two graphs occupying the same space. Does the shaded area ...
3
votes
2answers
175 views

Navigating and Examining Chart Data

I need to create 2 types of charts: Represents change over time Represents difference at a specific time For chart 1 I have a simple basic line chart which seems to work pretty well, but I'm having ...
4
votes
3answers
376 views

Using a generic logo to describe an entity when logo is not available

Context: Cinema ticket booking app. App displays cinemas and screenings for a specific movie in user area. Problem: Part of the design uses logo to identify a cinema. Not all cinemas have a logo. ...
0
votes
1answer
38 views

Ideal visualization for popular book pages [closed]

Curious for some input regarding the ideal visualization for the most popular pages in a book. We have a data set that shows traffic (hits, essentially). The use case is this: We're tracking songs ...
5
votes
1answer
227 views

Design problem: Tying together two related but different elements when one is potentially below the fold

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When ...
1
vote
6answers
271 views

Indicating that text was user-modified

My application includes a simple table/grid view, that is initally populated with money values by an automated calculation. Users will usually just take the values as they are, but they have the ...
4
votes
4answers
253 views

Why are most Automation displays so UX outdated? [closed]

When working on the Automation industry sector, it's very common to see equipments with a huge lack of advance in their UX/UI display design over time. Most of them still uses the old fashioned "X"-...
3
votes
2answers
218 views

Visual stock level representation

I'm working on production line management software for a small factory that deals with various kinds of stock. Stock generally decreases one-by-one and I want to show these stock levels visually in an ...
4
votes
2answers
367 views

How to visualize immediate and total search result counts

Background: I'm designing a search UI for power users and I'd like to visualize the selected criteria and result counts. The list of actual search results are shown below in the UI. The user can add ...
1
vote
1answer
158 views

Graph values inside a set of values, best way to display?

We are developing an application, and we have a problem with a part of the UI. We need to display the forecast for the next days, but the values of the forecast falls down into a set of levels {1,2,3,...
4
votes
3answers
549 views

How can I improve my chart?

I am working with a client on a sales forecasting app, and part of the excercise is mgmnt-reporting and charting. pls. see the following image: the two charts on the left side show Actual Sales vs. ...
4
votes
1answer
91 views

Representing both large and small quantities of task based data

I have a task to re-create a chaser page in our existing task-based application. The product is a SAAS product. Some customers may have 5-20 tasks which require chasing on a weekly/monthly basis. ...
3
votes
4answers
605 views

Which timezone to use for visualizing data?

We have a web app with scientific timeseries data that we show in graphs and such. The data are measurements from many different sensors, often taken every minute or so. The timezone the user is ...
2
votes
1answer
142 views

Creating an interactive visualization of values over time

I am working on a system where users have different capacities. At the moment, these values are just a fixed number. Each user has 4-5 different capacities to set. In the near future, users must be ...
1
vote
3answers
158 views

Should I label (before) or subtitle (after) a number in dataviz/widget?

Discussing about donut chart in Is multistability a good thing on a donut?, a question arise. Discarding the pertinence of donut chart, do you have arguments/studies that would favor one of the ...
4
votes
4answers
442 views

Best approach to show Risk data on UI - Simple divs or Guage (speedometer)?

I'm working on a project where I need to show a Big Risk number on the main page of my website. What is the best approach according to the user perspective to show the number ? I have 2 options in ...
2
votes
4answers
469 views

preloading strategies for searching large amounts of data

So I have encountered a similar situation described as the one below. Lets day a sales person from Ford is shipping a new car to one of the thousands of rental car places they do buisiness in the ...
4
votes
2answers
89 views

Visualizing a positive to negative metric

I'm looking for a way to visualize (and hopefully simplify) a metric that can have one of the following values: High positive Medium positive Low positive Zero Low negative Medium negative High ...
3
votes
3answers
153 views

Warning and Critical numerical ranges

We have a system where users should be alerted when different metrics goes outside of specified boundaries. The user should be able to configure these boundaries for each metric. There is a warning ...
0
votes
1answer
505 views

What is the common UI component that can be used for expand/ collapse on iOS apps?

I am working on checkout flow for our iOS app. In one of the screen i need to use the expand / collapse behaviour to show cascading information. I am looking for a suitable UI component that provides ...
1
vote
2answers
540 views

Visualising assets, liabilities, revenues, and expenses - together

I'm at the start of a project which is all about visualising and comparing the balance sheet of large organisations, primarily defined by these four numbers: assets, liabilities, revenues, expenses. ...
1
vote
1answer
120 views

Ways to Show Relative Rank?

I am comparing 3 columns of data with multiple rows. For each row I want to show the highest, lowest and middle number. The middle number is not the mean. I've considered "1st, 2nd, 3rd" but I don't ...
2
votes
2answers
103 views

Best way to represent long sequences in responsive views?

I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
3
votes
3answers
146 views

Capacity available representation? Percentages or coloured icons?

Currently, capacity available is represented using a single icon in green, yellow, or red (green = lots, yellow = some, red = low). Due to API changes, there is an option to modify this data to show ...
1
vote
1answer
160 views

How should acronym explanations be displayed in a mobile app?

I have a lot of acronyms/abbreviations (mostly medical) that I can't really replace by their full name. Users will eventually learn them but I can't expect them to remember all of them. I may also use ...
69
votes
12answers
8k views

Does visual design really affect UX?

I am really concerned about the effects of visual design on user experience, but as this may seem too broad, let me clarify it a little. My statement is that, if the user can find the information he ...
4
votes
1answer
536 views

When and how can a floating column chart be useful?

Box plots are sometimes used to represent a range in a single value, but I am curious if a similar presentation would be useful in representing an overlaid column chart. By using the same color as the ...
2
votes
2answers
219 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The '-...
18
votes
4answers
3k views

What is the gender implied by this infographic person

I was wondering if there is a rule/guide on if this info graphic person actually implies male/female - assuming it is used without the opposing specifically female human graphic
5
votes
2answers
344 views

Is it appropriate to use a donut chart to show a User's score?

I'm presenting my users with a test. When they reach the end of the test, I want to show their score in a donut chart like this (in this case, 80%): Note that there will be other information on ...
0
votes
1answer
144 views

Representing travel time on a map when more than one destination

I'm looking for a solution for how to represent two different values on a single marker on the map. Background: I am building a real estate site where a key feature is showing results based on travel ...
1
vote
1answer
162 views

what is the best way to present data like this?

note: please disregard the color of the dotted lines. consider it all one color. This is my best effort to present this data to the user. and i hope there are better ways. fwiw: what i want to do ...
16
votes
5answers
6k 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 ...
2
votes
2answers
778 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 ...
17
votes
8answers
3k views

Making a Streak Visualization More Intuitive

I'm currently working on a website for tracking habit change. On the report page, I have goal cards users interact with in order to record their progress: The donut chart in this example is trying to ...

1
4 5
6
7 8
11