Published
Edited
Jul 29, 2020
Importers
3 stars
chart = {
const svg = d3.create('svg')
.attr('width', width)
.attr('height', height)
const container = svg.append('g')
.attr('class', 'container')
.attr('transform', `translate(${ width/2 },${ height/2 })`)
.style('font-size', 10)
.style('font-family', 'sans-serif')
container
.selectAll('path')
.data( AnnArbor )
.join('path')
.style('fill', d => color(d.avg))
.style('stroke', d => color(d.avg))
.attr('d', arc)
container.append('g')
.call(xAxis)
container.append('g')
.call(yAxis)
return svg.node()
}
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.
