ist ein open polygon nur mit CSS /HTML möglich?

[Gunnar Bittersmann]

@@Gunnar Bittersmann

☞ Ich hab da mal was gebastelt.

[…] das Script [tut] kaum mehr als die Messwerte in custom properties zu schreiben und Minimum und Maximum der Argumente (Zeitpnkte t) und Messwerte (x) zu ermitteln. Die Berechnung der Position erfolgt dann im CSS, bspw:

	left: calc(
		var(--width) * (var(--t1) - var(--tmin)) / (var(--tmax) - var(--tmin))
	);

Ein gutes Beispiel für die sinnvolle Verwendung von custom properties.

Wenn man die Berechnung der Werte von left, right, top und bottom mit JavaScript machen würde, müsste man entweder von fester Höhe und Breite des Diagramms ausgehen; hätte es also nicht responsiv. Oder man müsste auf das resize-Event lauschen und bei Änderung der Viewportgröße gegebenenfalls alles neu berechnen.

Ein Haufen Aufwand, den man sich sparen kann, wenn man die Berechnung dort tätigt, wo es angebracht ist: per CSS.

LLAP 🖖