artistQuery = (await fetch("https://musicbrainz.org/ws/2/artist/?query=artist:queen%20AND%20country:GB%20AND%20NOT%20type:person&fmt=json")).json()
artists = artistQuery.artists
table(
artists.slice(0, 10).map(
({ name, disambiguation, type, country, shortForecast }) => ({
Name: md`**${name}**`,
Disambiguation: md`**${disambiguation}**`,
Type: md`**${type}**`,
Country: md`**${country}**`,
})
)
)
vl
.markBar()
.data(artists)
.encode(
vl.y().fieldN('name').sort(null),
vl.x().scale({domain: [0, 105]}).fieldQ('score'),
vl.color().fieldN('type')
)
.render()
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.
