CTO @Datawrapper & proud @nytgraphics alumni
Published
Edited
Mar 3, 2021
2 stars
md`# label placement`
orientation = getOrientation(dx, dy)
viewof dx = Range([-100, 100], {value: 0, label: "dx"})
viewof dy = Range([-100, 100], { value: 0, label: "dy" })
angle = 1 - ((Math.atan2(dy, dx)-Math.PI/4) / Math.PI) * 2
angleRound = Math.round(angle)
angleDeg = angle / Math.PI * 180
import {Range} from "@observablehq/inputs"
getOrientation = function(dx, dy) {
return ['bottom-end', 'bottom-start', 'top-start', 'top-end'][
Math.round(1 - ((Math.atan2(dy, dx) - Math.PI / 4) / Math.PI) * 2)
];
}
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.
