geometric.lineInterpolate / Harry Stevens | Observable

News and graphics at @ClimateLab, a project of @PostGraphics.

Public

Edited

Jun 4, 2023

Double Reflection geometric.polygonReflectY geometric.polygonReflectX geometric.lineTranslate geometric.lineRotate Talking Heads geometric.polygonRandom geometric.polygonScaleArea geometric.polygonInterpolate Circles, Angles and Right Triangles geometric.polygonScaleY geometric.polygonScaleX geometric.polygonWind

geometric.lineInterpolate

geometric.pointOnPolygon geometric.pointOnLine, geometric.pointWithLine geometric.pointLeftofLine, geometric.pointRightofLine, geometric.pointOnLine geometric.angleReflect geometric.polygonIntersectsPolygon geometric.polygonInPolygon geometric.pointInPolygon geometric.lineIntersectsPolygon geometric.polygonBounds geometric.polygonHull geometric.polygonArea geometric.polygonLength geometric.polygonRotate geometric.polygonTranslate geometric.polygonScale geometric.lineMidpoint geometric.lineIntersectsLine geometric.lineAngle geometric.pointTranslate geometric.lineLength geometric.polygonCentroid, geometric.polygonMean geometric.pointRotate geometric.polygonRegular

interpolator = geometric.lineInterpolate(line, clamp)

point = interpolator(t)

line = [[w * .25, 0], [w * .75, h]]

p = 30

r = 5;

h = 200 - r * 2;

w = width - r * 2;

geometric = require("geometric@2.5.3");

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.