Published
Edited
May 5, 2021
Insert cell
Insert cell
Insert cell
html `<div id='map' style="height: 500px;"></div>`
Insert cell
Insert cell
md`# Date Slider`
Insert cell
dateVal
Insert cell
dateVal = "total" + dateChosen[5]+dateChosen[6] + "_" + dateChosen[8]+dateChosen[9] + "_" + dateChosen[0]+dateChosen[1]+dateChosen[2]+dateChosen[3]
Insert cell
import {date} from "@jashkenas/inputs"
Insert cell
Insert cell
// MDZIP = d3.json("https://opendata.arcgis.com/datasets/046ba81433b94c0d90465adec040de1a_4.geojson")
Insert cell
Insert cell
csv = d3.csv(
"https://state-of-maryland.github.io/OpenDataSource/MDCOVID19_MASTER_ZIP_CODE_CASES.csv",
d3.autoType
)
Insert cell
Insert cell
Insert cell
Insert cell
import {vegaSync} from "@pierreleripoll/vegasync"
Insert cell
import {createFacts} from "@pierreleripoll/vegasync"
Insert cell
crossfilter = require("crossfilter2")
Insert cell
viewof vegaliteTest = vegalite({
data: {
values: csv,
name: "test"
},
width: 10000,
mark: "bar",
encoding: {
x: {
field: "total03_10_2021",
type: "ordinal"
},
y: {
aggregate: "count",
type: "quantitative"
}
}
})
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