❤ code, music & data. Born in Aschaffenburg, BA course in Ireland at CIT, MA in Germany at h_da, now working as a happy data visualisation engineer in London 📊
Public
Edited
Aug 28, 2024
scalingComparisonData = {
const getAreaFromRadius = radius => (Math.pow(radius, 2) * Math.PI)
const getRadiusFromArea = area => (Math.sqrt(area / Math.PI))
const defaultNodeArea = getAreaFromRadius(defaultNodeRadius)
return factors.map(factor => {
const radiusScaled = defaultNodeRadius * factor
const areaScaled = defaultNodeArea * factor
return {
scaleFactor: factor,
radiusScaling: {
radius: radiusScaled,
area: getAreaFromRadius(radiusScaled),
radiusScaleFactor: factor,
areaScaleFactor: getAreaFromRadius(radiusScaled) / defaultNodeArea
},
areaScaling: {
radius: getRadiusFromArea(areaScaled),
area: areaScaled,
areaScaleFactor: factor,
radiusScaleFactor: getRadiusFromArea(areaScaled) / defaultNodeRadius
}
}
})
}
elementWidth = width / (factors.length + 1)
width = 900
height = (d3.max(scalingComparisonData.map(d => d.areaScaling.radius)) * 2) + 50
defaultNodeRadius = 25
factors = [0.25, 0.5, 1, 2, 4]
d3 = require("d3@5")
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.
