Consider alternative to pie charts for Fuel Use & Emissions section

[vinaydixit]

Amira to take a look and provide new solutions to address visibility and help clarify the relationship between gas and emissions in particular.

[ebrelsford]

Alternatives to pie charts we've explored before:

[aaamira]

I'm really liking the stacked bar chart direction (out of 100%) - the last one seems to work especially well. should we run these by the team again?

[seattle-benchmarking]

@aaamira We like the stacked bar chart as well, but still think changing colors is appropriate given the feedback we received. I think @ebrelsford was going to weigh in on the level of effort to change the type of graph.

[ebrelsford]

@aaamira I'm open to trying it and the effort isn't too high. Would you mind thinking through how the stacked bars would look with three energy sources? Here's an example:

I guess as long as we center the label over the usage % bar and keep the colors consistent it should be clear?

[seattle-benchmarking]

We changed last year to just use Gas instead of Natural Gas - which should help with spacing when there are three energy sources on the stacked bars

[aaamira]

@ebrelsford - sounds good! I'll take a look

[ebrelsford]

Moving this comment over from #147 (@seattle-benchmarking):

Two comments from Rebecca on the new fuel use vs emissions bars: 1 - the yellow text is hard to read (steam). anything we can do about that? It's not too bad on screen but gets worse on print 2 - the bars feel different in style than the rest of the page, probably since so much of our other graphics use bold colors sparingly to highlight the building in question. but this whole graphic uses the bold colors. not sure this is necessarily bad but might explore either (a) reducing the height of the bar to minimize this feel or (2) use a slightly less bold version of the colors.

[seattle-benchmarking]

@ebrelsford Seeing some issues with certain buildings that have three fuels:

• [ ] Three fuels issue with labels (https://cityenergyproject.github.io/seattle/#seattle/2018?layer=energy_star_score&sort=energy_star_score&order=desc&lat=47.65570&lng=-122.31242&zoom=14&building=29390&report_active=true)

[ebrelsford]

I deployed a fix for this. @seattle-benchmarking mind checking on it?

[seattle-benchmarking]

@ebrelsford Looks great! Can find any overlapping