Published
Edited
Apr 5, 2019
mp = vanPopCleaned2.filter(function(nhood) {
return nhood.Area == "Mount Pleasant"});
vegalite({
data: {values: vanPopCleaned2},
mark: "tick",
encoding: {
x: {field: "Population", "type": "quantitative"}
}
})
popCrimeView = embedWithSpecificVersions({
"name": "crimePop",
"data":
{
"name": "crime",
"values": vanCrimeCleaned
},
"transform": [
{
"lookup": "NEIGHBOURHOOD",
"from":
{
"data": {"values": populations},
"key": "Area",
"fields": ["Population"]
}
}],
"mark": {
"type": "bar",
"clip": true
},
"encoding": {
"x": {
"aggregate": "count",
"field": "Offense",
"type": "quantitative",
"scale": {
"zero": false,
"domain": [0,80000]
}
},
"y": {
"field": "NEIGHBOURHOOD",
"type": "nominal",
"scale": {"rangeStep": 15}
},
"color":
{
"type": "quantitative",
"field": "Population",
"scale": {
//"domain": [0,9000000,18000000],
"round": true,
"type": "linear",
//"range": ["#8AB9ED", "#acbdbb","#FDB813"]
}
}
}
})
embedWithSpecificVersions({
"$schema": "https://vega.github.io/schema/vega/v5.json",
"width": 600,
"height": 200,
"padding": 5,
"data": [
{
"name":"pop",
"values": populations
},
{
"name": "crime",
"values": vanCrimeCleaned,
"transform": [
{
"type": "lookup",
"from": "pop",
"key": "NEIGHBOURHOOD",
"fields": ["Area"], "values": ["Population"]
},
{
"type": "aggregate",
"fields": ["NEIGHBOURHOOD"],
"ops": ["count"],
"as": ["cntN"]
}
]
}
],
"scales": [
{
"name": "xscale",
"type": "ordinal",
"domain": {"data": "crime", "field": "NEIGHBOURHOOD"},
"range": "width",
"padding": 0.05,
"step": 10
},
{
"name": "yscale",
"domain": {
"data": "crime",
"field": "cntN"},
"nice": true,
"range": "height"
}
],
"axes": [
{ "orient": "bottom", "scale": "xscale" },
{ "orient": "left", "scale": "yscale" }
],
"marks": [
{
"type": "rect",
"from": {"data": "crime"},
"encode": {
"enter":
{
"x": {"scale": "xscale", "field": "NEIGHBOURHOOD"},
"width": {"scale": "xscale", "band": 1},
"y": {"scale": "yscale", "field": "cntN"},
"y2": {"scale": "yscale", "value": 0},
"fill": {"value": "steelblue"}
},
"update":
{
"fill": {"value": "steelblue"}
},
"hover":
{ "fill": {"value": "red"}
}
}
},
]
})
vega_explicit({
"name": "trellis_crime",
"data": {"values": vanCrime2},
"mark": {
"type": "point",
"clip": true
},
"columns": 2,
"encoding": {
"facet": {
"field": "NEIGHBOURHOOD",
"type": "ordinal",
"sort": {"op": "count", "field": "NEIGHBOURHOOD"}
},
"x": {
"aggregate": "count",
"field": "NEIGHBOURHOOD",
"type": "quantitative",
"scale": {
"zero": false,
"domain": [0,9000]
}
},
"y": {
"field": "Offense",
"type": "nominal",
"scale": {"rangeStep": 12}
},
"color": {"field": "Offense Type", "type": "nominal"}
},
"resolve": {"axis": {"x": "independent", "y": "independent"}}
})
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.
