[Compare] feature

[chienleng]

• Line chart to compare Metrics between each states (particularly Emission Intensity)

• Maybe re-think how to integrate Stripes using the same Metrics.

• [x] fix x-axis for year intervals in mobile view

• [x] line dots to have option to render at end of time period rather than beginning

• [x] enhance import/export chart to clearly mark above/below as import/export

• [x] fix temperature 12 mth rolling calculation

• [x] add query params for range/interval selections

• [x] check mobile layout

• [x] add Compare Regions menu item in mobile drawer

• [x] add feature flag on vol weighted pricing metrics

Release todos

• [x] remove feature flag
• [x] create new social media card images for Compare regions
• [x] clean up compare page code (remove stripes related stuff)

[simonhac]

@chienleng for v1, perhaps keep stripes different from 'compare' — but using the same metrics.

[simonhac]

initial observations:

1. don't show the white part of the 'tooltip pill' if there's no data:

   

2. for percentages, use format '0.0%' in the tooltip:

   

3. …and in the table:

   

4. in general, don't show a negative portion on the charts:

   

[simonhac]

5. add temporal grouping controls — 12 mth rolling, grouping, filtering:

[simonhac]

6. for temperature series, add °C to tooltip and table.

[simonhac]

7. add series toggle (including shift to deselect others):

[simonhac]

8. add the chart title and units — this is what we have on the energy charts:

(yes, it'll mean that the title of the chart is displayed twice… once on the chart and once in the pop-up menu. is that problematic?)

[aleith]

comparing two graphs, each independently controlled except for time series when the "chained time" icon is checked either within a state or across states or NEM would be neat ! I think i FR it somewhere once.

[simonhac]

@chienleng the responsive button-bar changes to mobile/narrow view well before it has to on desktop:

[simonhac]

@chienleng please check that "long-press" to select only a single series on touch device works.

[simonhac]

@chienleng please add a new "Minimum temperature" series at the start of this sub-list:

[simonhac]

@chienleng somewhere along the way we lost the emissions intensity… please bring it back:

[simonhac]

@chienleng let's: 1. change "Net interconnector flow (of demand)" to "Net imports (of demand)"

2.  move to insider Proportion section

   

3. actually, while we're here, let's change them all to be under the heading Proportion of demand.

[simonhac]

@chienleng when there's only one series selected, the tooltip value doesn't show:

[simonhac]

@chienleng Import/Export labels can move out of view when series selection changes. Imports 'missing' below:

[simonhac]

@chienleng as discussed, please change this into a button:

[simonhac]

@chienleng show the units in the tooltip for the compare view… as we do elsewhere.

compare view:

energy view:

[simonhac]

@chienleng this is looking good… aiming for consistency here, please change:

• Net imports → Net import proportion
• Average value → Average spot market value

…and make the equivalent menu in stripes identical.

[simonhac]

@chienleng the 12 Mth Rolling button is very ‘laggy’. when i open the console there’s a hell of a lot of processing that happens and about a 1000ms delay. feels sluggish.

[simonhac]

@chienleng tweak stripes menu (left) to be identical to compare menu (right):

[chienleng]

Deployed to production. https://opennem.org.au/compare/?range=all-12-mth-rolling&interval=1M&metric=renewablesProportion