web · proprietary · licences on request

Motion Editor

An editor for animated figures: thirty-odd components from bar charts to command typers and phylogenetic trees, exported as PNG or GIF.

in use · v1 · runs from a single html file

What it does

Pick a component, fill in the data, set the typography and colours, watch it animate, export. The library covers charts (bar, stacked bar, line, scatter, heatmap, radial progress, concentric rings, depth profiles), terminal pieces (command typer, flag explainer, log stream, pipeline steps, command anatomy, file tree), publication pieces (paper header, pull quote, abstract and excerpt highlights, sentence annotation) and trees (timeline, network graph, phylogenetic tree).

Snippets

Nine of the components, live. Open one to see it run, read how it works, and copy the core of the code. They are the same components that draw the figures in the case studies on this site.

    Output

    PNG at 1×, 2× or 3×, or GIF at 15 to 30 frames per second, looping or played once.

    ← all tools