Published
Edited
Mar 29, 2018
1 fork
chart = svg`<svg viewBox="0 0 ${width} ${height}">
<g fill="steelblue">${data.map(d => svg`
<rect
x="${x(d.name)}"
y="${y1(d.values)}"
height="${y(0) - y1(d.values)}"
width="${x.bandwidth()}"></rect>
`)}</g>
${d3.select(svg`<g>`).call(xAxis).node()}
${d3.select(svg`<g>`).call(yAxis).node()}
</svg>`
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.
