data = [
{ myX: 0, myY: 0, category: 'a' },
{ myX: 1, myY: 1, category: 'b' },
{ myX: 2, myY: 2, category: 'c' },
{ myX: 3, myY: 3, category: 'd' },
{ myX: 4, myY: 4, category: 'e' }
]
insight = ({
columns: {
x: 'myX',
y: 'myY',
color: 'category',
},
scheme: 'rainbow',
size: {
height: 400,
width: 400,
},
view: '2d',
chart: 'scatterplot'
})
//this will render changes of insight / data using the same viewer instance
viewer.render({insight}, data)
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.
