Published
Edited
Jul 2, 2020
1 star
barChart([1,2,3,4,3,5].map((d,i)=>({x:i, y:d})))
chartVariants= ({
'red': (data,params)=>(barChart(data, {...params, color: '#EB4137'})),
'green': (data,params)=>(barChart(data, {...params, color: '#8CC432'})),
'blue': (data,params)=>(barChart(data, {...params, color: '#1184C4'})),
})
chartVariants['red']([1,2,3,4,3,5].map((d,i)=>({x:i, y:d})))
data0 = ["Brownies", "Cookies", "Cupcakes", "Donuts"].map((treatLabel)=>({x: treatLabel, y: Math.round(Math.random() * 100)}))
chart0 = {
const chartFn = chartVariants[chartVariant]
return chartFn(data0)}
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.
