graph_icsGitHubRecord accepted growth events once, then replay the same geometry at different speeds or export a still image.
A complete 480-node growth run, followed by a pause on the finished artwork. Use Play animation to watch the sequence, or pause to return to the completed artwork. Download GIF or download the event log.
Higher fps gives more samples of the same timeline; seconds per event changes speed. GIF needs an opaque background and has a limited colour palette; use PNG frames for transparency and full colour. The exporter rejects oversized frame or pixel budgets before rendering.
graph-ics frames --log docs/example-growth.jsonl --gif --palette porcelain --fps 15 --seconds-per-event 0.015 --max-frames 300 --output examples/output/growth.gif
Thumbnails fit the same column width. Open the image to compare native resolution; SVG remains vector. Alpha is shown over a checkerboard.
Compare the dimensions and whitespace; growth geometry is unchanged.
632 × 432; 480 nodes
graph-ics render --example sprawl --palette porcelain --nodes 480 --seed 7 --node-shape circle --edge-style solid --scale 1 --margin 16 --output examples/output/normal.pngSVG
Compare the dimensions and whitespace; growth geometry is unchanged.
1264 × 864; 480 nodes
graph-ics render --example sprawl --palette porcelain --nodes 480 --seed 7 --node-shape circle --edge-style solid --scale 2 --margin 16 --output examples/output/double-resolution.pngSVG
Compare the dimensions and whitespace; growth geometry is unchanged.
760 × 560; 480 nodes
graph-ics render --example sprawl --palette porcelain --nodes 480 --seed 7 --node-shape circle --edge-style solid --scale 1 --margin 80 --output examples/output/wide-margin.pngSVG
Compare the dimensions and whitespace; growth geometry is unchanged.
632 × 432; 480 nodes
graph-ics render --example sprawl --palette porcelain --nodes 480 --seed 7 --node-shape circle --edge-style solid --scale 1 --margin 16 --transparent --output examples/output/transparent.pngSVG
