Client request for Compare layout changes

GreenInfo-Network / nyc-crash-mapper-chart-view

Chart view for NYC Crash Mapper that allows for viewing Trends, Comparing, and Ranking of various NYC geographies

http://vis.crashmapper.org

MIT License

2 stars 1 forks source link

Client request for Compare layout changes #99

Closed danrademacher closed 6 years ago

danrademacher commented 6 years ago

Hmm, my attempt at minimal intervention Compare changes didn't fly entirely.

Revised proposed layout:

Change list

[x] Move date ranges to top of columns. Make <h5>. Don't repeat in each element.
[x] Make Period A and Period B smaller type (<h6>) subhead below the date ranges. Don't repeat in each element.
[x] Turn the overall Killed and Injured tallies into 25% width centered columns to make them stand out
[x] Add some new math to show % change from B to A, something like (A - B)/B to get a percentage. Set those below the values in Period A column, and set in about 12px font.

gregallensworth commented 6 years ago

Here we go:

Layout is as depicted above, except that per discussion: the killed & injured sums were shuffled a bit.

The layout as given doesn't work so well on a 1024px-width display with large numbers, and will linewrap at 1024px width. A workaround would be using a smaller font (1.2rem), making the sums smaller than the surrounding text (1.4rem).
This also has the visual effect of the numbers not being left-justified to surrounding content, "looks weird"
Sums are not centered, instead being left-justified with some padding.
Word "Persons" was removed from the sums as was the "colon style" of wording. This frees up 16 characters of space, allowing regular font size to be used and for left-padding to justify the numbers above the words below.

Still to do: determine feasibility of comparing the two periods to create percentage diffs.

gregallensworth commented 6 years ago

Here are the percentage change readouts.

Standard percentage change of A relative to B as a baseline

Could display this on both; right now it is calculated but suppressed in Period B. Here for example, Period B's 3 fatalities versus 2 fatalities would be a "+50% change" relative to Period A. This would allow either one to be "the baseline" but also presumes that folks remember how reciprocal fractions work.