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 (over 4 years ago)
• Default Branch: master
• Last Pushed: 2019-11-06T12:58:17.000Z (over 4 years ago)
• Last Synced: 2024-01-24T23:08:27.080Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 10.7 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Lists

• 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)