+ seascapes, chlorophyll data

[7yl4r]

Similar to how SST data is shown.

Look to https://cwcgom.aoml.noaa.gov/cgom/OceanViewer/ for inspiration.
Under "Global Seascapes" then click a pixel to see a graph.
We want the same but using a box around each regional site.

---

• SST:
  • erddap = "https://coastwatch.pfeg.noaa.gov/erddap/"
  • datasetid = "jplMURSST41mday"
  • variable = "sst"
• Chl:
  • erddap = "https://coastwatch.pfeg.noaa.gov/erddap/"
  • datasetid = "erdMH1chlamday"
  • variable = "chlorophyll"
• Seascape:
  • erddap = "https://cwcgom.aoml.noaa.gov/erddap/"
  • datasetid = "noaa_aoml_4729_9ee6_ab54"
  • variable = "CLASS"

---

• "tab" view or dropdown menu to select the data you want to see
• map of seascapes data
• include link to Maria's new document explaining what seascapes are.
• time series

Did I miss anything @eqmh ?

[7yl4r]

How to from bbest:

Tabbed sections in HTML document | R Markdown: The Definitive Guide
You can organize content using tabs by applying the .tabset class attribute to headers within a document. This will cause all sub-headers of the header with the .tabset attribute to appear within tabs rather than as standalone sections. For example:

## Quarterly Results {.tabset}

### By Product

(tab content)

### By Region

(tab content)

[bbest]

Hey @eqmh,

Maps

I just added the seascape map into latest site_template.Rmd:

rerrdap::info()

The main trick was to add the URL of the ERDDAP server (see P2P Website Notes - Google Docs):

p2p/site_template.Rmd

Lines 29 to 30 in e36a085

	chl <- info("nesdisVHNSQchlaMonthly")
	scape <- info("noaa_aoml_4729_9ee6_ab54", url = "https://cwcgom.aoml.noaa.gov/erddap/")

Per rerrdap::info:

# the default is
info(datasetid, url = eurl(), ...)

# which equates to
eurl()
# "https://upwell.pfeg.noaa.gov/erddap/"

Timeseries

Haven't added this yet. Since it's a class, it's not like Temp or Chl continuous variables. Previously used streamgraph, eg in Explorer shiny app.

[eqmh]

Hey @bbest,

CHL and SST maps are not working after addition of Seascapes.

Also, I just changed the colobar scale of seascapes from 1 to 33.

[bbest]

Zoomable Streamgraphs for Seascapes

• plotly: Streamgraph with min wiggle layout | line chart made by Empet | plotly
  

• highcharts: Streamgraph | Highcharts