Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a229fc5598c41709

Jump to content

Draft:AnimGraphLab

From Wikipedia, the free encyclopedia
  • Comment: AnimGraphLab is not an independent source. Theroadislong (talk) 17:21, 28 March 2026 (UTC)

AnimGraphLab
Original authorDmitriy Zub
DeveloperDmitriy Zub
Release5 October 2025; 9 months ago (2025-10-05)
Written inJavaScript, TypeScript, Sveltekit
Operating systemWeb browser
PlatformWeb application
Available inEnglish
TypeVector graphics editor, Computer animation
LicenseProprietary
Websiteanimgraphlab.com

AnimGraphLab is a web-based procedural vector graphics editor and animation software application. It utilizes a node-based interface to allow for the non-destructive creation, modification, and animation of Scalable Vector Graphics (SVG) elements.

History and development

[edit]

Initial prototype was created by a Ukrainian developer in August 2025. The application draws on procedural modeling concepts established in 3D computer graphics software SideFX Houdini.

The application applies a non-destructive, visual data-flow paradigm to 2D vector graphics, in contrast to the layer-based workflows typical of conventional vector editors.

Initial prototypes were built utilizing the Svelte Flow library later migrated to a custom-built nodegraph engine.

Throughout late 2025, the application was made public, listed on the tech discovery platform Product Hunt[1], expanded with more nodes, touch/stylus-device support, and a Spreadsheet panel for inspecting raw mathematical geometry data.[2]

In early 2026, the software introduced an animation timeline with keyframing capabilities. By March 2026, the toolset was further expanded with more nodes which include the Extrude node for pseudo-3D extrusion[3] and the Pattern generator.[4]

Features

[edit]

Application architecture relies on data flows from shape generators through modifying nodes to a final render output.

Procedural Modeling and Geometry

[edit]

Application provides tools for manipulating 2D vector paths procedurally and parametrically.

  • Primitives & Drawing: Nodes for generating foundational shapes (rectangles, ellipses, stars, spirals) alongside a freehand pencil tool.[5]
  • Boolean Operations: Union, difference, intersection, and exclusion utilizing the Martinez polygon clipping algorithm.[6]
  • Path Manipulation: Nodes for resampling, smoothing, fusing, interpolating, grouping, mirroring, merging, trimming, deleting, switching, beveling, bending.
  • Instancing & Scattering: Shape distribution using nodes such as Scatter,[7] Pattern, and Copy to Points,[8] which allow objects to inherit scale, rotation, and custom attributes from underlying point clouds. The layout generation supports algorithms such as Bridson's fast Poisson disk sampling.[9] Additionally, a Pack Shapes node utilizes a 2D bin packing algorithm to arrange multiple shapes tightly within a defined boundary or open space without overlapping.[10]

Vectorization and Meshing

[edit]

A Vectorize node that converts raster image formats (JPEG, PNG, WebP, AVIF) into editable vector paths.[11] It supports color quantization, curve fitting (spline, polygon, pixel), and noise filtering. Additionally, a Triangulate node allows users to decompose complex shapes into simpler meshes utilizing Delaunay triangulation and centroid-based tessellation.[12]

Data Inspection

[edit]

Spreadsheet, a tabular (Excel like) view that exposes the underlying mathematical data of the nodegraph. It allows to inspect the X/Y coordinates of individual vertices, tangent vectors, colors, custom point attributes, and visually trace the history of data modifications as geometry flows through the node tree.

Expression Engine

[edit]

A built-in expression engine that links parameters using mathematical formulas to create dynamic relationships between elements. Unlike traditional vector editors that require manual updates or custom scripting, these parameters evaluate in real-time.

For example, setting reference on rectangle's width parameter to =ref('circle_1', 'scale') * 2 automatically resizes whenever the source circle scale is modified.

Architecture and Technology

[edit]

Application runs fully on a client-side. It performs all processing locally within the user's browser.

Self-Contained SVG Animation

[edit]

Unlike standard web animation tools that rely on CSS keyframes, exports animations as self-contained SVG files. During export, application embeds a lightweight JavaScript runtime alongside serialized JSON track data directly into the SVG markup.

This allows any type of animation made within the app to play back natively in standard web browsers without requiring external scripts or video encoding.

Local Storage

[edit]

Project files, custom node presets, fonts, and application settings are stored locally on the user's device utilizing the browser's IndexedDB.

Licensing and Tiers

[edit]

Application follows a Freemium model. The core application is available at no cost but subject to certain limitations on storage and rendering outputs.

Tier comparison and limits
Feature Free Tier Pro Tier
Core app toolset Yes Yes
Premium nodes & features No Yes
Local projects Up to 3 Unlimited
Presets per node type Up to 5 Unlimited
Node group presets Up to 5 Unlimited
Artboards on Artboard Merge node[13] Up to 2 Unlimited
Parameters per Controller node[14] Up to 5 Unlimited
Animation export length Up to 10s Unlimited
Raster export resolution Up to 720p Unlimited
Watermark-free exports No Yes
Commercial use No Full commercial use

File formats

[edit]

Import

[edit]
File Format Extension(s) Type
Vector Image .svg, .svgz Vector
PNG .png Raster
JPEG .jpg, .jpeg Raster
WebP .webp Raster
AVIF .avif Raster

Export

[edit]
File Format Extension(s) Type
Vector Image .svg Vector / Animation
PNG .png Raster / Animation sequence
JPEG .jpg, .jpeg Raster / Animation sequence
WebP .webp Raster / Animation sequence

Screenshots

[edit]
Procedurally made ducks
Procedurally made ducks.
Spiral node - types.
Spiral node - types.
Triangluate node
Triangluate node.
Interpolate node
Interpolate node.
Extrude 3D node with Spreadsheet.
Extrude 3D node with Spreadsheet.
Pattern node with randomized color.
Pattern node with randomized color.

See also

[edit]

References

[edit]
  1. ^ "AnimGraphLab - Product Information, Latest Updates, and Reviews". Product Hunt.
  2. ^ "Spreadsheet Panel Documentation". AnimGraphLab.
  3. ^ "Extrude Node Reference". AnimGraphLab Documentation.
  4. ^ "Pattern Node Reference". AnimGraphLab Documentation.
  5. ^ "Pencil Node Documentation". AnimGraphLab.
  6. ^ "Martinez polygon clipping algorithm". GitHub.
  7. ^ "Scatter Node Reference". AnimGraphLab.
  8. ^ "Copy to Points Node Reference". AnimGraphLab.
  9. ^ Robert Bridson. "Fast Poisson Disk Sampling in Arbitrary Dimensions" (PDF). University of British Columbia.
  10. ^ "Pack Shapes Node Reference". AnimGraphLab Documentation.
  11. ^ "Vectorize Node Documentation". AnimGraphLab.
  12. ^ "Triangulate Node Documentation". AnimGraphLab.
  13. ^ "Artboard Merge Node". AnimGraphLab.
  14. ^ "Controller Node". AnimGraphLab.
[edit]

Category:2025 software Category:Vector graphics editors Category:2D animation software Category:Computer-aided design Category:Web applications Category:Proprietary software