Data Scientist at Warwick Investment Group. Passionate about science, predictive modeling, and data visualizations.
md`Variables defined as below:
**size, margin, data, xScale, yScale, fillScale**`
// data.push({x:100,y:0.3})
data = Array.from({length: 20}, () => ({x: Math.round(Math.random()*40,2), y: 0.3}))
size = ({width: Math.min(window.innerWidth, 800), height: 400})
margin = ({top: 12, right: 10, bottom: 26, left: 26})
xScale = d3.scaleLinear()
.domain([d3.min(data, d => d.x)-5, d3.max(data, d => d.x)+5]).nice()
.range([margin.left, size.width - margin.right])
yScale = d3.scaleLinear()
.domain([0, 1])
.range([margin.left, size.width - margin.right])
d3=require("d3")
math =require("https://cdnjs.cloudflare.com/ajax/libs/mathjs/5.10.3/math.min.js")
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.
