Vega-Lite: Data, Marks, EncodingsVega-Lite: ScalesVega-Lite: AxesVega-Lite: ConditionVega-Lite: Bin & AggregateVega-Lite: Time Unit, Bin & AggregateVega-Lite: FacetVega-Lite: FilterVega-Lite: Base MapVega-Lite: Bubble MapVega-Lite: Concatenate Map & ChartVega-Lite: Concatenate Map & Chart, Add BrushVega-Lite: Concatenate Time-Series & Histogram, Add Brush
Vega-Lite: Time Unit & Aggregate
md`# Vega-Lite: Time Unit & Aggregate`
vegalite = require("@observablehq/vega-lite")
vegalite({
width: 900,
height: 300,
data: {
url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv"
},
mark: "circle",
encoding: {
x: {
field: "time",
type: "temporal"
}
}
})
vegalite({
width: 900,
height: 300,
data: {
url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv"
},
mark: "circle",
encoding: {
x: {
timeUnit: "yearmonthdate",
field: "time",
type: "temporal"
}
}
})
vegalite({
width: 900,
height: 300,
data: {
url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv"
},
mark: "bar",
encoding: {
x: {
timeUnit: "yearmonthdate",
field: "time",
type: "temporal"
},
y: {
aggregate: "count"
}
}
})
vegalite({
width: 900,
height: 300,
data: {
url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv"
},
mark: "bar",
encoding: {
x: {
timeUnit: "yearmonthdate",
field: "time",
type: "temporal"
},
y: {
aggregate: "mean",
field: "mag",
type: "quantitative"
}
}
})
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.
