Public
Edited
Aug 28, 2024
Insert cell
Insert cell
waterLevelData = fetch(`https://api.tidesandcurrents.noaa.gov/api/prod/datagetter?range=6&station=9441102&product=ofs_water_level&datum=MLLW&time_zone=gmt&units=english&format=json`).then(d => d.json())
Insert cell
waterLev = fetch(`https://api.tidesandcurrents.noaa.gov/api/prod/datagetter?date=today&station=9441102&product=water_level&datum=MLLW&time_zone=lst&units=english&format=json`).then(d=>d.json())
Insert cell
water_levels = waterLevelData.data
Insert cell
water_levels
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
water_level_table
X
t
Y
v
Color
#1eb8d0
Size
Facet X
Facet Y
Mark
area
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more