Published
Edited
Sep 5, 2021
Insert cell
Insert cell
Insert cell
url = 'https://gist.githubusercontent.com/vivek2606/3cda690e4d86fad19a6dbf47f1ef0a38/raw//iris-dataset'
Insert cell
Insert cell
Insert cell
width = 600
Insert cell
height = 400
Insert cell
margin = ({top: 20, right: 20, bottom: 30, left: 30})
Insert cell
// defining X-Scale
xScale = d3.scaleLinear().domain(d3.extent(iris, d => d['sepal-length'])).nice().range([margin.left, width - margin.right])
Insert cell
// defining Y-Scale
yScale = d3.scaleLinear()
.domain(d3.extent(iris, d => d['petal-length'])).nice()
.range([height - margin.bottom, margin.top])
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