Published
Edited
Sep 2, 2020
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
2 + 2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
numberOfCats
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
numberOfDogs
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
//// stuff goes in here
}
Insert cell
jake = {
//// I named this one, Jake.
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require('d3')
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
const width = 600
const height = 400
const canvas = d3.select(DOM.svg(width, height))
}
Insert cell
Insert cell
Insert cell
{
const width = 600
const height = 400
const canvas = d3.select(DOM.svg(width, height))
return canvas.node();
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
const width = 600
const height = 400
const canvas = d3.select(DOM.svg(width, height))
canvas.append("circle")
.attr("cx", 160)
.attr("cy", 280)
.attr("r", 80)
return canvas.node();
}
Insert cell
Insert cell
Insert cell
Insert cell
{
// define the canvas
// create circle 1
// create circle 2
// create circle 3
// return the canvas
}
Insert cell
Insert cell
{
// define the canvas
// create a rectangle
// return the canvas
}
Insert cell
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