Published
Edited
Jul 16, 2019
Insert cell
md`# Elevation Band + Raw Elevation Prototype`
Insert cell
vl.markRect({filled: true})
.data(data)
.encode(
vl.x().fieldT('Time'),
vl.y().fieldN('Elev')
.sort(vl.max('Elev').order('descending')),
vl.color().fieldQ('Temp')
.scale({scheme: 'blueorange', nice: true}),
vl.tooltip(['Elev', 'Temp', 'Station'])
)
.render()
Insert cell
Insert cell
Insert cell
import {vl} from '@vega/vega-lite-api'
Insert cell
Insert cell
data = d3.csv('https://gist.githubusercontent.com/StanisNowak/a7a559887ab34f52a1524698e4839440/raw/1c724d6f7a39013c40110196a2336194e87d7886/stationdata')
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