State pages: production with county data

[meiqimichelle]

I'm chatting with @coreycaitlin now, and we're working on how to display production with county data.

We should get the information hierarchy clearer. Perhaps this is:

1. Here's how much coal was produced this year (the sentence)
2. Here's where it was (map)
3. Here's how it looks over time (line chart)
   ...and then some way to display the county-level data, something like the county break down that @ericronne designed further down in his mock in Visual design: State profile pages #1348.

ie, we should probably not lead with the line chart because then it makes the group of information together harder to parse.

Other:

• the line chart needs a title

[ericronne]

Let's talk live on this!

[ericronne]

Latest, but refining further ...

[meiqimichelle]

@ericronne What is your latest version on this? Close enough for MVP?

[meiqimichelle]

And I should clarify @ericronne : for now, whatever version you have without the expand-a-county part is fine! Thx!

[ericronne]

@meiqimichelle @coreycaitlin this look good enough for this sprint?...

[ericronne]

and @gemfarmer ^^

[meiqimichelle]

Looks great to me! Feel free to keep working on the county expansion stuff, but if @coreycaitlin and @gemfarmer agree with my 👍 , @gemfarmer can use that mock for the MVP.

[ericronne]

Cool. We may need to have a version for wider states, too, where the legend runs horizontally under the map. I can paste a mockup here.

[ericronne]

The above is totally cool for this sprint. Here's an alt which is more flexible, tho, and i was able to align more closely with the bar chart design i was refining previously.

[ericronne]

Sketch file

[ericronne]

@gemfarmer @meiqimichelle
Added horizontal state design (and added a little vertical spacing at the top) ....

Sketch file with horizontal map

[ericronne]

Here's a version 3 sketch file with parenthetical unit labeling, per my comment in #1518. NOTE: also shifted the year indicator one col over. Consequently the intro line can be the same number of columns as the other text on the page (9)...

[coreycaitlin]

I think we'll want to use this design for any dataset with county data — namely:

• Production: Federal land
• Revenue: Federal land
• Economic impact: Jobs — Wage & Salary

[ericronne]

Pending everyone's 👍 on the design tweaks reflected in #1462, let's use the design in this Sketch file

[coreycaitlin]

Dropdown design is in #1462

[meiqimichelle]

This is ready for implementation. @ericronne will drop in the latest, with expando.

[ericronne]

So it is written, so it shall be done ...

Default (incl horiz states)

Expando (using Texas data as a "counties galore" edge case)

Sketch file w-expando design

[ericronne]

Here's a mod based on the modded bar charts in issue #1556

@coreycaitlin @gemfarmer note the unit positioning. Pulling it out of the key area also serves to simplify that part of the layout (esp for wide states, where the key will be on the bottom)
cc @meiqimichelle

[ericronne]

Updated Sketch File!

[gemfarmer]

Closed. Remaining issues in #1597