Interactive product page — demo

You already wrote the engineering. It’s buried in a blog post.

This is that reasoning put on the product instead: a suspension linkage that actually articulates, solved live from the real pivot coordinates, with the leverage curve drawing beside it. One script tag and one custom element. No framework, no build step, nothing to maintain.


On a phone

390 px viewport

Full width

the same component, same JSON

What dropping this into a page looks like

<script src="kinematics-explorer.js" defer></script>
<kinematics-explorer src="content.json"></kinematics-explorer>