Public
Edited
Apr 28, 2023
seattleWeatherTyped = FileAttachment("seattle-weather.csv").csv({typed: true})
vl.markBar()
.data(seattleWeatherTyped)
.title("Histogram of Daily Max Temperatures in Seattle (2012-2015)")
.encode(vl.x().fieldQ('temp_max').bin(true),
vl.y().aggregate('count'))
.render()
vl.markBar()
.data(seattleWeatherTyped)
.title("Histogram of Daily Max Temperatures in Seattle (2012-2015)")
.encode(vl.x().fieldQ('temp_max').bin(true),
vl.y().aggregate('count'),
vl.color().fieldN('weather'))
.render()
vl.markBar()
.data(seattleWeatherTyped)
.title("Histogram of Daily Max Temperatures in Seattle (2012-2015)")
.encode(vl.x().fieldQ('temp_max').bin(true),
vl.y().aggregate('count'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]))
.render()
vl.markBar()
.data(seattleWeatherTyped)
.title("Histogram of Daily Max Temperatures in Seattle (2012-2015)")
.encode(vl.x().fieldQ('temp_max').bin(true),
vl.y().aggregate('count'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]),
vl.column().fieldN('weather'))
.width(180)
.height(170)
.render()
vl.markPoint()
.data(seattleWeatherTyped)
.title("Seattle Daily Max Temperatures 2012-2015")
.encode(
vl.x().fieldT('date'),
vl.y().fieldQ('temp_max')
).render()
vl.markCircle()
.data(seattleWeatherTyped)
.title("Seattle Daily Max Temperatures 2012-2015")
.encode(
vl.x().fieldT('date'),
vl.y().fieldQ('temp_max'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]))
.render()
vl.markCircle()
.data(seattleWeatherTyped)
.title("Seattle Daily Max Temperatures 2012-2015")
.encode(
vl.x().fieldT('date'),
vl.y().fieldQ('temp_max'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]),
vl.size().fieldQ('precipitation').scale({range:[5, 350]}))
.render()
vl.markCircle()
.data(seattleWeatherTyped)
.title("Seattle Daily Max Temperatures 2012-2015")
.encode(
vl.x().fieldT('date').timeUnit('monthdate'),
vl.y().fieldQ('temp_max'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]),
vl.size().fieldQ('precipitation').scale({range:[5, 350]}))
.render()
vl.markCircle()
.data(seattleWeatherTyped)
.title("Seattle Daily Max Temperatures 2012-2015")
.encode(
vl.x().fieldT('date').timeUnit('monthdate'),
vl.y().fieldQ('temp_max'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]),
vl.size().fieldQ('precipitation').scale({range:[5, 350]}),
vl.column().fieldN('weather'))
.width(160)
.height(170)
.render()
vl.markBar()
.data(seattleWeatherTyped)
.title("Histogram of Daily Max Temperatures in Seattle (2012-2015)")
.encode(vl.x().fieldT('date'),
vl.y().fieldQ('temp_max'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]))
.render()
vl.markBar()
.data(seattleWeatherTyped)
.title("Histogram of Precipitation in Seattle (2012-2016)")
.encode(vl.x().fieldT('date'),
vl.y().fieldQ('precipitation'))
.render()
vl.markCircle()
.data(seattleWeatherTyped)
.title("Seattle Daily Max Temperatures 2012-2015")
.encode(
vl.y().fieldQ('precipitation'),
vl.x().fieldT('date'),
vl.color().fieldN('weather').scale({range: ["#e7ba52","#c7c7c7","#aec7e8", "#1f77b4","#9467bd"]}).sort(["sun", "fog", "drizzle", "rain", "snow"]))
.render()
import {vl} from '@vega/vega-lite-api-v5'
import {printTable} from '@jonfroehlich/data-utilities'
import {printTableTypes} from '@jonfroehlich/data-utilities'
import {toc} from "@jonfroehlich/collapsible-toc"
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.
