Jenn's public fiddles
-
w1gk93qo
No-Library (pure JS), HTML, CSS, JavaScript
-
Lcwm7osy
No-Library (pure JS), HTML, CSS, JavaScript
-
7t2gcqwf
No-Library (pure JS), HTML, CSS, JavaScript
-
e5t0dba9
No-Library (pure JS), HTML, CSS, JavaScript
-
THREDDS ncWMS Leaflet Mercator
Displays data from a THREDDS ncWMS feed in Leaflet in Mercator
-
ERDDAP WMS Leaflet Overlay
Displays data from an ERDDAP WMS feed in a Leaflet map.
-
THREDDS ncWMS Leaflet Overlay 4326
Displays data from a THREDDS ncWMS feed in Leaflet.
-
Bootstrap Accordion
No-Library (pure JS), HTML, CSS, JavaScript
-
ERDDAP Leaflet Image Overlay
Demonstrates overlaying data from ERDDAP as an image overlay in a Leaflet map. Uses OSM Topo for the basemap and overlays chlorophyll data from the Aqua satellite.
-
ERDDAP JSONP to text
Pulls latest data from ERDDAP tabledap for a real-time dashboard display. Uses AJAX and JSONP.
-
ERDDAP JSON HighCharts Multiple Charts
Draft of multiple highcharts fed by ERDDAP REST API JSON output. Common Navigator and time selection. Show values on hover. Work in progress - known issues with time zoom, additional parameters to add, potential to combine some parameters into multi-axes plots.
-
Jquery AJAX ERDDAP and Highcharts
Calls ERDDAP json output using jQuery ajax to ERDDAP url. Parses returned data for loading into a high charts line plot
-
Highcharts ERDDAP with Running Average
Builds off the simpler example adding a date selector, a running average line, la egend and csv, excel export.