Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
value = Generators.observe(notify => {
const signaled = (name, value) => notify(value);
chart.addSignalListener("selection1", signaled);
notify(chart.signal("selection1"));
return () => chart.removeSignalListener("selection1", signaled);
})
viewof chart = vegalite({
"width": 360,
"data": {
"values": [
{"a": "A", "b": 28},
{"a": "B", "b": 55},
{"a": "C", "b": 43},
{"a": "D", "b": 91},
{"a": "E", "b": 81},
{"a": "F", "b": 53},
{"a": "G", "b": 19},
{"a": "H", "b": 87},
{"a": "I", "b": 52}
]
},
"mark": "bar",
"encoding": {
"x": {"field": "a", "type": "ordinal"},
"y": {"field": "b", "type": "quantitative"}
},
"selection": {
"selection1": {
"fields": ["a"],
"on": "mouseover",
"type": "single"
}
}
})
vegalite = require("@observablehq/vega-lite@0.2")
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.
