import {vl} from '@vega/vega-lite-api-v5'
import {printTable} from '@jonfroehlich/data-utilities'
import {printTableTypes} from '@jonfroehlich/data-utilities'
seattleWeatherFile = FileAttachment("seattle-weather.csv")
seattleWeather = seattleWeatherFile.csv()
//printTable(seattleWeather)
//printTableTypes(seattleWeather)
seattleWeatherTyped = seattleWeatherFile.csv({typed: true})
printTableTypes(seattleWeatherTyped)
vl.markPoint()
.data(seattleWeatherTyped)
.render()
vl.markPoint()
.data(seattleWeatherTyped)
.encode(vl.x().field('temp_max').type('quantitative'))
.render()
vl.markPoint()
.data(seattleWeatherTyped)
.encode(vl.x().fieldQ('temp_min').title('Min Temp'))
.encode(vl.y().fieldQ('temp_max').title('Max Temp'))
.render()
vl.markPoint()
.data(seattleWeatherTyped)
.encode(vl.x().fieldQ('temp_min').title('Min Temp'),
vl.y().fieldQ('temp_max').title('Max Temp'),
vl.color().fieldN('weather')
).render()
vl.markPoint()
.data(seattleWeatherTyped)
.encode(vl.x().fieldQ('temp_min').title('Min Temp'),
vl.y().fieldQ('temp_max').title('Max Temp'),
vl.color().fieldN('weather').scale({range: ["#AEC7E8", "#C7C7C7", "#1F77B4", "#9467bd", "#E7BA52"]})
).render()
vl.markPoint()
.data(seattleWeatherTyped)
.encode(vl.x().fieldQ('temp_min').title('Min Temp'),
vl.y().fieldQ('temp_max').title('Max Temp'),
vl.color().fieldN('weather').scale({range: ["#AEC7E8", "#C7C7C7", "#1F77B4", "#9467bd", "#E7BA52"]}),
vl.size().fieldQ('precipitation').scale({range: [4, 500]})
).render()
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.
