picasso.chart({
element: document.querySelector('#container'),
data,
settings: {
scales: {
v: {
data: { fields: ['min', 'max'] }
},
t: { data: { extract: { field: 'Dim' } }, type: 'band' }
},
components: [{
type: 'axis',
dock: 'left',
scale: 't'
},{
type: 'axis',
dock: 'bottom',
scale: 'v'
}, {
type: 'box',
data: {
extract: {
field: 'Dim',
props: {
min: { field: 'min' },
start: { field: 'low' },
end: { field: 'high' },
max: { field: 'max' }
}
}
},
settings: {
major: { scale: 't' },
minor: { scale: 'v' },
orientation: 'horizontal',
box: {
width: 0.7
}
}
}]
}
})
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.
