Public
Edited
Jun 16, 2021
1 fork
1 star
Insert cell
Insert cell
Insert cell
Insert cell
data = [
{
value: 0,
fill: "#003657",
label: "HUNGER LEVELS"
},
{
value: 2.9,
fill: "#2196f3",
label: "YOU"
},
{
value: 3.7,
fill: "#3f51b5",
label: "PEERS"
},
{
value: 0,
fill: "#003657",
label: "BINGE CAPABILITY"
},
{
value: 4.5,
fill: "#2196f3",
label: "YOU"
},
{
value: 3.9,
fill: "#3f51b5",
label: "PEERS"
}
]
Insert cell
oConfig = ({
width: width,
height: 250,
transitionDuration: 750,
minBarValue: 0,
maxBarValue: 5,
valueFormatter: d3.format(".1f")
})
Insert cell
Insert cell
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