Public
Edited
Jun 16, 2021
2 forks
Insert cell
Insert cell
Insert cell
Insert cell
data = [
{
value: 2.9,
fill: "#9c26b0",
label: "Beginner",
icon: (await FileAttachment("icons8-frog-face-50.png").image()).src
},
{
value: 3.9,
fill: "#1e9688",
label: "Implementer",
icon: (await FileAttachment("icons8-fox-50.png").image()).src
},
{
value: 3.7,
fill: "#3f51b5",
label: "Advancer",
icon: (await FileAttachment("icons8-black-jaguar-50.png").image()).src
},
{
value: 4.5,
fill: "#2196f3",
label: "Leader",
icon: (await FileAttachment("icons8-alligator-50.png").image()).src
}
]
Insert cell
oConfig = ({
width: width,
height: 280,
transitionDuration: 750,
minBarValue: 0,
maxBarValue: 5,
valueFormatter: d3.format(".1f")
})
Insert cell
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