Feature: hazard PGA/SA plot view on InversionSolution

AS SRM Team

we want to view hazard curves (PGA/SA) alongside other InversionSolution plots

So that hazard impacts are easily assessed

Done when:

[x] draw hazard curve plot For Peak Ground Acceleration (PGA) (where iml_period == 0.0)
[x] draw hazard curve plot For Spectral Acceleration (Spectral) (where we draw one plot for each iml_period value)
[x] Add plot view controls for:
- [x] PGA/SA period (eventually multi)
- [x] Location (eg Wellington)
- [x] forecast_timespan (usually 50 yrs, but allow for other periods in table)
- [x] Include Background Seismicity True/False
- [x] GMPE (aka Ground Motion Model) eg ASK_2014
[x] add Hazard Plot component to /InversionSolution as new Hazard Plots Tab
[x] x axis maxium to be 10g
[x] Make x and y axis log scale
[x] add grid lines
[x] axis labels same as example
[x] display number in scientific notation
[x] use 'PGA' for '0.0'

Query examples:

PGA example https://docs.google.com/spreadsheets/d/1UylPioRZBoICoS8Y4kBTzmSjNVYxacDzdxa_pyTTPoU/edit#gid=554794287

Queries:

query is0 {
  node(id:"SW52ZXJzaW9uU29sdXRpb246MjcwNS4wTWVEN0M=") {
    __typename
    ... on InversionSolution {
      tables {table_type table_id}
    }
  }
}

query get_table {
    node(id: "VGFibGU6Mzk5UXEyVFA=") {
    ... on Table {
      id
      name
      created
      table_type
      object_id
      column_headers
      column_types
      rows
      dimensions{k v}
    }
  }
}

returning ....

{
  "data": {
    "node": {
      "__typename": "InversionSolution",
      "tables": [
        {
          "table_type": "MFD_CURVES",
          "table_id": "VGFibGU6Mzk1WnY1RXA="
        },
        {
          "table_type": "HAZARD_SITES",
          "table_id": "VGFibGU6Mzk5UXEyVFA="
        }
      ]
    }
  }
}

Note the ID required is for "table_type": "HAZARD_SITES"

and then ....

{
  "data": {
    "node": {
      "id": "VGFibGU6Mzk5UXEyVFA=",
      "name": "Inversion Solution Site Hazard",
      "created": "2021-10-17T23:40:33.487890+00:00",
      "table_type": "HAZARD_SITES",
      "object_id": "SW52ZXJzaW9uU29sdXRpb246MjcwNS4wTWVEN0M=",
      "column_headers": [
        "forecast_timespan",
        "bg_seismicity",
        "iml_period",
        "gmpe",
        "location",
        "lat",
        "lon",
        "x",
        "y"
      ],
      "column_types": [
        "double",
        "string",
        "double",
        "string",
        "string",
        "double",
        "double",
        "double",
        "double"
      ],
      "rows": [
        [
          "50",
          "INCLUDE",
          "0.0",
          "ASK_2014",
          "Wellington",
          "-41.276825",
          "174.777969",
          "0.00010000000000000009",
          "1.0"
        ],
        [
          "50",
          "INCLUDE",
          "0.0",
          "ASK_2014",
          "Wellington",
          "-41.276825",
          "174.777969",
          "0.0001299999999999999",
          "1.0"
        ],
        [
          "50",
          "INCLUDE",
          "0.0",
          "ASK_2014",
          "Wellington",
          "-41.276825",
          "174.777969",
          "0.00016",
          "1.0"
        ],
        [
          "50",
          "INCLUDE",
          "0.0",
          "ASK_2014",
          "Wellington",
          "-41.276825",
          "174.777969",
          "0.00019999999999999985",
          "1.0"
        ],
        [
          "50",
          "INCLUDE",
          "0.0",
          "ASK_2014",
          "Wellington",
          "-41.276825",
          "174.777969",
          "0.00025",
          "1.0"
        ],
        [
          "50",
          "INCLUDE",
          "0.0",
          "ASK_2014",
          "Wellington",
          "-41.276825",
          "174.777969",
          "0.0003200000000000001",
          "1.0"
        ],
....etc

GNS-Science / simple-toshi-ui

Feature: hazard PGA/SA plot view on InversionSolution #119