Public
Edited
Feb 21
Insert cell
Insert cell
import {render} from "@vega/vega-lite-api-v5"


Insert cell
import {vl} from "@vega/vega-lite-api-v5"
Insert cell
import {printTable} from "@uwdata/data-utilities"
Insert cell
import {printTable} from "@uwdata/data-utilities"
Insert cell
northern_hemisphere_data = FileAttachment("NH.Ts+dSST.csv").csv({typed: false})
Insert cell
render({
width:450,
height:250,
mark:{
type:'point',
clip:true
} ,
data: {
values: northern_hemisphere_data
},
encoding: {
x: {
field: 'Year',
type: 'temporal',
title: 'Year'
},
y:{
field: 'J-D',
type:'quantitative'
},
size:{
field:'J-D',
type:'quantitative',
scale:
{
range :[-0.5,2]
}
}
}
});

Insert cell
render({
width:450,
height:250,
mark:{
type:'bar',
clip:true
} ,
data: {
values: northern_hemisphere_data
},
encoding: {
x: {
field: 'Year',
type: 'temporal',
title: 'Year'
},
y:{
field: 'J-D',
type:'quantitative',
scale:{
domain :[0,1]
}
},
size:{
field:'J-D',
type:'quantitative',
scale:
{
range :[-0.5,2]
}
}
}
});

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