Published
Edited
Jun 1, 2020
1 star
Insert cell
md`# Side by Side`
Insert cell
Insert cell
Insert cell
Insert cell
html`<style> p { font-family: helvetica ; font-size: 20pt ; font-style: italic } </style>`
Insert cell
html`<p> hello </p`
Insert cell
height = 500
Insert cell
randomx = d3.randomNormal(5,1)
Insert cell
randomy = d3.randomNormal(5,1)
Insert cell
d3=require('d3@5')
Insert cell
x = d3.scaleLinear().domain([0,10]).range([0,width/2])
Insert cell
y = d3.scaleLinear().domain([0,10]).range([0,height])
Insert cell
centers = d3.zip(Array.from({length:10},d=>randomx()),Array.from({length:100},d=>randomy()))
Insert cell
centers2 = d3.zip(Array.from({length:10},d=>randomx()),Array.from({length:100},d=>randomy()))
Insert cell
centers
Insert cell
centers2
Insert cell
centers.concat(centers2)
Insert cell
body.node()
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