Published
Edited
Feb 24, 2021
1 star
Insert cell
md`# Simple barchart with custom shapes`
Insert cell
Insert cell
x = d3.scaleLinear().range([0, width - margin.left - margin.right]);
Insert cell
y = d3.scaleBand().range([height - margin.bottom - margin.top, 0]);
Insert cell
Insert cell
Insert cell
margin = ({top: 20, right: 20, bottom: 30, left: 80})
Insert cell
height = 500
Insert cell
Insert cell
d3 = require("d3")
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