Performance Benchmark Section

[danrademacher]

This comes after #5 and #4. It's also a bigger chunk of work, but important to get it on the page so we can suss out data gaps and edges.

Main section:

Alert above:

Note that the anchor link in the alert ties to the section below.

https://xd.adobe.com/view/fc56a1c7-ec9e-46c9-a352-63b9f05e276a-a905/

Terry will provide a text alert to replace the bar chart when a building has no EUI and thus no EUIt. Something like "Performance data not available for this building."

┆Issue is synchronized with this Asana task

[tomay]

• [x] Remove bubble chart: /src/app/templates/scorecards/charts/fueluse.html and /src/app/views/scorecards/charts/fueluse.js
• [x] Remove refs to ./charts/fueluse in /src/app/views/scorecards/building_scorecard.js
• [x] Add new template: /src/app/templates/scorecards/charts/performance_standard.html
• [x] Reference this template as ./charts/performance_standard in /src/app/views/scorecards/building_scorecard.js

[tomay]

I don't think anchor links are going to work out of the box, the Backbone router takes over and tries to load http://localhost:8080/#performance-standard-chart

With some work and R&D there could be a solution hacking the router, as shown here https://stackoverflow.com/a/11675858

Update: this has been fixed in #18

[danrademacher]

When cbps_flag is TRUE but cbps_euit is blank, hide the chart and show this message:

We could not estimate an EUI Target for this building with the reported data. Contact energybenchmarking@seattle.gov if you have questions.

[danrademacher]

Forgot to note in the original issue that everything about the CBPS shows only for buildings where cbps_flag is true. If that flag is false, then the whole alert and the whole block, including title and everything should be hidden

[danrademacher]

Hiding the chart and showing the message when EUI and EUIt is missing is more complex than I realized. Roughly like this:

Only I didn't have time to deal with font styles on the message. But I did hide the useless EUI box beside the date

[tomay]

Two conditional cases where we hide various Performance Chart components:

1. Most commons is where cbps_flag is FALSE and all mention of this whole program should be hidden, like it doesn’t exist

   Example:
   https://greeninfo-network.github.io/seattle-building-dashboard#seattle/2020?layer=energy_star_score&sort=energy_star_score&order=desc&lat=47.61983&lng=-122.33925&zoom=16&building=50263&report_active=true

2. Less common, where the cbps_flag is TRUE but the city lacks data to set the target

   Example: https://greeninfo-network.github.io/seattle-building-dashboard#seattle/2020?layer=energy_star_score&sort=energy_star_score&order=desc&lat=47.61954&lng=-122.33657&zoom=16&building=465&report_active=true

[danrademacher]

When the building EUI is below the EUIt, make the bar be green:

[tomay]

Meets target:

Doesn't meet target: