---
source: https://www.jointjs.com/demos/electric-generator
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/electric-generator/README.md
generated: 2026-03-31
format: plaintext
---

JointJS: Electric generator

Do you want to animate elements in a diagram? You can use the transition feature on the model attributes or write a custom element view and take advantage of the fact that JointJS shapes are made up of SVG, which can be set in motion using the browser's Animation API. See the latter approach in action in this demo.

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot