Published
Edited
Oct 6, 2020
Insert cell
Insert cell
Insert cell
Insert cell
renderedBoone = layeredChart("boone").render()
Insert cell
Insert cell
Insert cell
renderedCole = layeredChart("cole").render()
Insert cell
Insert cell
Insert cell
renderedCallaway = layeredChart("callaway").render()
Insert cell
Insert cell
Insert cell
renderedAudrain = layeredChart("audrain").render()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
renderedCooper = layeredChart("cooper").render()
Insert cell
Insert cell
Insert cell
renderedMoniteau = layeredChart("moniteau").render()
Insert cell
Insert cell
import {vl} from '@vega/vega-lite-api'
Insert cell
embed = require("vega-embed@6")
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewWidth = {
if (width >= 1190) {
return Math.min(width - 518, 746)
} else if (width >= 990) {
return Math.min(width - 434, 746)
} else {
return width - 30
}
}
Insert cell
viewHeight = {
if (screen.height >= 410) {
return 400
} else if (viewWidth <= screen.height) {
return viewWidth
} else {
return screen.height - 10
}
}
Insert cell
Insert cell
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