Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Visualization: Visually Rich Rows #198

Open
alsargent opened this issue Jun 16, 2020 · 0 comments
Open

Visualization: Visually Rich Rows #198

alsargent opened this issue Jun 16, 2020 · 0 comments

Comments

@alsargent
Copy link

alsargent commented Jun 16, 2020

Here's a beautiful dashboard from https://www.covidexitstrategy.org/:

image

This is a nice example what I call "Visually Rich Rows" or just "rich rows" for short. It'd be great if we could use these ideas to augment our row visualization element.

Breaking this down column-by-column, left-to-right, here are the visual elements that would be good to see:

#1: Conditionally change text and background color based on some other column.

image

Note that California is red background with white text. Colorado is orange background with black text. Both of these are based on some other column.

#2: Conditionally append different suffixes, based on a cell's value.

image

Here we have "9% Increasing" and "-47% Decreasing".

#3: Alternate row colors subtly to help the user's eye stay in a single row as they scan across page.

image

#4: Mini line charts for each row, to see trends.

image

#5: Mini bar gauges, to see values.

image

#6: Conditionally color mini bar gauges, based on cell value.

image

Here we see that 29 colors the bar gauge green, 72 colors it orange, and 146 colors it red.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants