VegaLite({
data: {values: Cereals},
mark: "circle",
encoding: {
y: {field: "Type", type: "nominal"},
x: {aggregate: "count", field: "*", type: "nominal"},
}
})
VegaLite({
data: {values: Disasters},
width: 600,
height: 400,
mark: {
type: "circle",
opacity: 0.8,
stroke: "black",
strokeWidth: 1
},
encoding: {
x: {
field: "Year",
type: "ordinal",
axis: {labelAngle: 0}
},
y: {
field: "Entity",
type: "nominal",
},
size: {
field: "Deaths",
type: "quantitative",
legend: {
title: "Annual Global Deaths", clipHeight: 80
}
},
color: {
field: "Entity",
type: "nominal",
legend: null
}
}
})
VegaLite({
data: {values: Cars},
mark: "tick",
encoding: {
x: {field: "Horsepower", type: "quantitative"},
y: {field: "Cylinders", type: "ordinal"}
}
})
VegaLite({
data: {values: Stocks},
width: 600,
height: 400,
mark: {type: "line", opacity: 0.7, strokeWidth: 3},
encoding:{
x: {field: "date", type: "temporal"},
y: {field: "price", type: "quantitative"},
color: {field: "symbol", type: "nominal"}
}
})
VegaLite({
data: {
values: [
{"task": "A", "start": 1, "end": 3},
{"task": "B", "start": 3, "end": 8},
{"task": "C", "start": 8, "end": 10}
]
},
mark: "bar",
encoding: {
y: {field: "task", type: "ordinal"},
x: {field: "start", type: "quantitative"},
x2: {field: "end", type: "quantitative"}
}
})
VegaLite({
data: {values: Gapminder},
width: 600,
height: 400,
mark: "circle",
encoding: {
y: {
field: "health",
type: "quantitative",
},
x: {
field: "income",
type: "quantitative",
},
size: {field: "population", type: "quantitative"},
color: {value: "black"}
}
})
VegaLite({
data: {values: Weather},
mark: "rect",
encoding: {
x: {field: "date", timeUnit: "date", type: "ordinal", title: "Day"},
y: {field: "date", timeUnit: "month", type: "ordinal", title: "Month"},
color: {field: "temp_max", aggregate: "max", 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.
