Published
Edited
May 17, 2018
Candela
Insert cell
Insert cell
data = require(`@observablehq/cars`)
Insert cell
vis = {
const el = html`<div style="width:${width}px;height:${width/2}px"></div>`
yield el
const vis = new candela.components.ScatterPlot(el, {
data: data,
x: 'Miles_per_Gallon',
y: 'Horsepower',
color: 'Cylinders',
colorType: 'ordinal'
});
vis.render();
return vis;
}
Insert cell
candela = require('@candela/all')
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