q0 = {
const θ = toRad(angle); //Generally θ as acos(dot(p0,p1))
const factor1 = sin(θ*(1-t))/sin(θ);
const factor2 = sin(θ*t)/sin(θ);
return [p0[0]*factor1 + p1[0]*factor2, p0[1]*factor1 + p1[1]*factor2]
}
q1 = {
const α = toRad(angle * t); // interpolated angle
return [p0[0]*cos(α)-p0[1]*sin(α), p0[0]*sin(α)+p0[1]*cos(α)] // 2D rotation of p0
}
draw(p0,p1,q0)
draw(p0,p1,q1)
dot = ([ax,ay], [bx,by]) => ax*bx+ay*by
cos = Math.cos
acos = Math.acos
sin = Math.sin
π = Math.PI
toRad = deg => π*deg/180
texVec = v => {
const vec = Array.from(v);
return `\\begin{bmatrix}
${vec.map(d => `${oneDecimalMax(d)}\\\\`).join("")}
\\end{bmatrix}`;
}
function oneDecimalMax(num) {
return Math.round(num*10)/10
}
import {texBI,arrowhead,drawAxes} from "@harrystevens/linear-algebra"
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.
