Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gulfofmaine/erddap-highstock-viewer
Simple pure Javascript demo of using ERDDAP's RESTFul API to display time series via HighStocks
https://github.com/gulfofmaine/erddap-highstock-viewer
Last synced: 3 months ago
JSON representation
Simple pure Javascript demo of using ERDDAP's RESTFul API to display time series via HighStocks
- Host: GitHub
- URL: https://github.com/gulfofmaine/erddap-highstock-viewer
- Owner: gulfofmaine
- Created: 2019-10-23T18:35:52.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2019-11-06T12:58:17.000Z (about 5 years ago)
- Last Synced: 2024-06-11T17:27:16.742Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 10.7 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-erddap - erddap-highstock-viewer - Simple pure JavaScript example to demonstrate display of long time series in HighCharts from a CORS enabled ERDDAP RESTful API. (ERDDAP Clients)
README
# [NERACOOS ERDDAP](http://www.neracoos.org/erddap/) Highstock Viewer
## Summary
A simple demonstration of the speed of both ERDDAP's RESTful API and HighStocks for creating time series plots. Dataset B01_met_all is used since it has observations back to 07/09/2001 and has observations every 10 minutes, a time series with over 600K observations. Also demonstrates the use ERDDAP info / metadata queries.## Background
Simplify and convert JavaScript jQuery, Drupal PHP cache creation code used at http://www.neracoos.org/lgnc/ERDHighStock/hs_erddap.html to use modern browser based pure modern JavaScript ES6 features. Mainly this meant removing all jQuery dependencies and confirming the HighCharts does not need jQuery.
The main purpose is a simple demonstration of the speed of both ERDDAP and HighStocks for creating time series plots. Dataset B01_met_all is used since it has observations back to 07/09/2001 and has observations every 10 minutes, a long time series.
It demonstrates how to get info, metadata and observations using the ERDDAP RESTFul API.
## Requirements
- ERDDAP server must have CORS enabled. The NERACOOS ERDDAP uses Apache to enable CORS.
- Modern browser which supports ES6.## Usage
- Put both `erd_parse_hs.html` and `erd_parse_hs.js` in the same directory.
- Open erd_parse_hs.html with your browser via File Open. No Web server required.## Links
- http://www.neracoos.org/lgnc/ERDFetch/erd_parse_hs.html
- [HighCharts]( https://www.highcharts.com )
- [Coastwatch West Coast ERDDAP]( https://coastwatch.pfeg.noaa.gov/erddap/index.html)