Diagrams that explain themselves.

Describe anything in JSON. Fluxygram draws it and tells it step by step, with motion that helps people understand instead of distracting them.

Every kind of diagram moves its own way.

Pick the type and Fluxygram applies its motion grammar. Steps are optional: without them, the diagram still tells its story.

See the JSON behind this diagram

Every animation answers a question: what appears, where it goes, what changes.

npm install @fluxygram/element

import '@fluxygram/element';

<script type="module" src="https://cdn.jsdelivr.net/npm/fluxygram@0.1"></script>
<fluxy-gram src="diagram.flux.json"></fluxy-gram>