md`# Explicitly Setting Colors With Vega Lite API`
data=[
{count:10,color:'#ff0000',name:'Red',},
{count:20,color:'#0000ff',name:'Blue',},
{count:30,color:'#00ff00',name:'Green',},
]
vl.markBar()
.data(data)
.encode(
vl.y().fieldN('name'),
vl.color().fieldN('color'),
vl.x().fieldQ('count')
)
.width(600)
.render()
import{vl}from"@vega/vega-lite-api"
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.