Display multiple data sets on one web page

[falkamelung]

Is there an easy way to create a webpage with all data sets for one volcano? For this we did this frame thing a while ago. For Hawaii we currently have 3 different data sets (possibly more) which should all show up on one page.

We started this using the volcano ID. I forgot how far we came with this. I believe we had a site that buits itself based on the volcanoID. Do we have examples from then?

Maybe we could use GitHub for that? E.g. https://insarmaps.github.io

**Mauna Loa:**
CSK:
https://insarmaps.miami.edu/start/19.4022/-155.3552/9.0?flyToDatasetCenter=false&startDataset=CSK_SM_091_0000_20180916_XXXXXXXX&pointLat=19.45194&pointLon=-155.57758&minScale=-2.5&maxScale=2.5&
https://insarmaps.miami.edu/start/19.4022/-155.3552/9.0000?flyToDatasetCenter=false&startDataset=CSK_SM_010_0000_20181004_XXXXXXXX&pointLat=19.45271&pointLon=-155.59141&minScale=-2.5&maxScale=2.5&startDate=20181004&endDate=20210926

Sentinel
https://insarmaps.miami.edu/start/19.4303/-155.4787/9.0?flyToDatasetCenter=false&startDataset=S1_IW2_124_0059_0063_20180905_20211001_N19317_N19590_W155748_W155423&pointLat=19.46823&pointLon=-155.63422&minScale=-3&maxScale=3&startDate=20180917&endDate=20211001
https://insarmaps.miami.edu/start/19.4303/-155.4787/9.0?flyToDatasetCenter=false&startDataset=S1_IW23_124_0059_0063_20180905_20211001&pointLat=19.46823&pointLon=-155.63422&minScale=-3&maxScale=3&startDate=20180917&endDate=20211001
https://insarmaps.miami.edu/start/19.4303/-155.4787/9.0?flyToDatasetCenter=false&startDataset=S1_IW23_124_0059_0063_20180905_20211001&pointLat=19.46823&pointLon=-155.63422&minScale=-3&maxScale=3
https://insarmaps.miami.edu/start/19.4303/-155.4787/9.0000?flyToDatasetCenter=false&startDataset=S1_IW12_087_0527_0531_20180908_XXXXXXXX&pointLat=19.45102&pointLon=-155.55286&minScale=-3&maxScale=3&startDate=20180908&endDate=20210928

No point selected for Asc:
https://insarmaps.miami.edu/start/19.4303/-155.4787/9.0?flyToDatasetCenter=false&startDataset=S1_IW23_124_0059_0063_20180905_20211001&minScale=-3&maxScale=3

Kilauea:
https://insarmaps.miami.edu/start/19.5011/-155.1701/9.0?flyToDatasetCenter=false&startDataset=CSK_SM_165_0000_20180905_XXXXXXXX&pointLat=19.40452&pointLon=-155.26168&minScale=-5&maxScale=5&startDate=20180905&endDate=20210905
https://insarmaps.miami.edu/start/19.5024/-155.0314/9.0000?flyToDatasetCenter=false&startDataset=CSK_SM_010_0000_20180906_XXXXXXXX&pointLat=19.41953&pointLon=-155.28889&minScale=-5&maxScale=5&startDate=20180906&endDate=20210918

(Mauna Loa Zoom: Need to do HDF5EOS update and start in 2014):

https://insarmaps.miami.edu/start/19.4010/-155.5087/9.5742?flyToDatasetCenter=false&startDataset=S1_IW23_124_0059_0063_20180905_20211001&pointLat=19.46841&pointLon=-155.63459&minScale=-3&maxScale=3&startDate=20180905&endDate=20211001

[stackTom]

I will have to look into this. I know we looked into it in the past, but I don't remember what we did with it. I don't see volcano ID on the examples page, so I don't think we did much.

[falkamelung]

We have them on the examples page: https://insarmaps.miami.edu/examples

If I could create my own page for the volcanoes we are currently monitoing using the GitHub web support pages that would be fantastic.

[stackTom]

You can. As you can see on the examples page, all it takes is an iframe tag on your website to show the site. I can help you if needed.

[falkamelung]

Can you do an example on the insarmaps github page?

[falkamelung]

• The attribute window should be initially minimized. Same probably also for the time slider (but we need to show start and end date somehow?)

Suggestion for displaying both, velocity and displacement time series on website:

• For more flexibility to build a website, we could have URL options to (1) not to display the time series window (although a point is selected) and (2) alternatively to have the time series window taking over the window. With that we could build for one data set a display consisting of two browser tabs (first option below)

https://insarmaps.miami.edu/start/19.4297/-155.5707/10.0000?flyToDatasetCenter=false&startDataset=S1_IW23_124_0059_0063_20180905_20211001&minScale=-3&maxScale=3

Currently: