Make "A Personal Hyperwall"

[BobSimons]

Make a customizable web page that displays nColumns by nRows of boxes, each box gets a different ERDDAP map (or graph?), each of which can refer to some common values (e.g., latitude min/max, longitude min/max, time value) so that when any of the common values are changed, the maps and graphs are redrawn. For example, imagine 6 (2 x 3) maps with sea surface temperature, chlorophyll, salinity, wind vectors, atmospheric pressure, current vectors. Or image a map of an area with sea surface temperature, and a graph with sea surface temperature from 1 point on the map (you click on the map and the graph changes) [okay, that one would be super hard on ERDDAP because of the nature of how gridded data is usually stored].

The basic idea (if just maps with limited settings) is pretty simple. There is certainly lots of potential for making this fancy with lots of features: Perhaps each graph has a dropdown box for datasetID and for variableName (the options change when datasetID changes). Perhaps each box can be toggled between the map (or graph) and a form with settings specific to that map/graph (including all the colorBar settings). Here's your chance to be creative and show off your JavaScript skills (while still minimizing the load on ERDDAP).

This ideal is from a poster (a finding request?) at an ESIP meeting by Matt Tisdale (NASA Langley) entitled "A Personal Hyperwall". He said I could use the idea. When you get a rough draft of this web page working, perhaps you could ask people (including Matt) for comments/suggestions/requests.

Skills required: 10% Java. 90% JavaScript.

Difficulty: Easy to hard. It's what you make of it and whether the techniques you use are simple or fancy. This could be done in 1 day (if it is a really simple setup) or a month (if it is fancy and you get and incorporate feedback from the community).

Mentor: Bob Simons (main author of ERDDAP)

Please also read the Programmer's Guide at https://coastwatch.pfeg.noaa.gov/erddap/download/setup.html#programmersGuide especially the "Judging Your Code Contributions" section.