Vizmatic 0.4.0

Vizmatic 0.4.0 adds reusable video tools for technical explanations, product demonstrations, and application editors.

• Export TSX animations directly to H.264 MP4, with optional narration, frame streaming, cancellation, and output preservation on failure.
• Build animated explanations with Canvas components, math typesetting, checked teaching plots, timelines, allocation ledgers, camera motion, and path morphing.
• Render editable TSX scenes through an isolated QuickJS runtime, with named cues, deterministic seeds, bounded evaluation, and matching preview and video rendering. Scaled previews retain the original scene coordinates and timing.
• Keep PNG and SVG crops consistent while balancing the whitespace around content.
• Start with complete, topic-agnostic video examples and browse the refreshed dark and light example gallery.

Documentation and live examples · Video starter and showcase · Editable scene guide

Before installing in a new project, apply the consumer dependency pins for @xmldom/xmldom@0.9.12 and fflate@0.7.5. MathJax and Satori currently pin older transitive versions. The documented consumer setup passes npm audit --audit-level=low.

npm install vizmatic@0.4.0
npx vizmatic video ./lesson.tsx --out ./videos --theme dark --fps 30

Requires Node.js 20 or newer. MP4 export requires FFmpeg with libx264; narration export also requires AAC. Keep SRT or VTT captions as separate player tracks.

Changes since 0.3.2

v0.3.2

Changes since latest version

• Previous version: v0.3.1
• Current version: v0.3.2
• Diff: v0.3.1...v0.3.2

Commits

• Release v0.3.2 with richer examples and reliable canvas charts (7e3f841)

Full Changelog: v0.3.1...v0.3.2

v0.3.1

Changes since latest version

• Previous version: v0.3.0
• Current version: v0.3.1
• Diff: v0.3.0...v0.3.1

Commits

• Release v0.3.1 with customizable builder controls and block copying (f4555e2)
• Pack consumer artifacts before switching CI runtimes (6fcbdd1)

Full Changelog: v0.3.0...v0.3.1

v0.3.0

Changes since latest version

• Previous version: v0.2.0
• Current version: v0.3.0
• Diff: v0.2.0...v0.3.0

Commits

• Bump the node-dependencies group with 2 updates (#29) (8220b95)
• Redesign website with a live component playground (e7656be)
• Bump the node-dependencies group with 3 updates (#31) (f14df4e)
• Release v0.3.0 with a visual builder, chart formats, and connector routing (f0799d8)

What's Changed

• Bump the node-dependencies group with 2 updates by @dependabot[bot] in #29
• Bump the node-dependencies group with 3 updates by @dependabot[bot] in #31

Full Changelog: v0.2.0...v0.3.0

v0.2.0

Changes since latest version

• Previous version: v0.1.42
• Current version: v0.2.0
• Diff: v0.1.42...v0.2.0

Commits

• Bump the node-dependencies group with 5 updates (#19) (70f798c)
• Bump the node-dependencies group with 4 updates (#20) (7cfdef1)
• Harden dependency updates and refresh roadmap (83f67b0)
• Update esbuild to 0.28.2 (dda1dcf)
• Refresh dependencies and add contributing guide (891c34b)
• Bump the node-dependencies group with 3 updates (#22) (d50c764)
• Bump the node-dependencies group with 4 updates (#26) (721f90d)
• Bump vitest from 4.1.11 to 5.0.1 (#28) (1b2a2b2)
• Bump the node-dependencies group across 1 directory with 2 updates (#27) (d80ffab)
• Fix alpha contrast and add an interactive component catalog (9033ce9)
• Add visual checks, accessible SVG, imports, and benchmarks (c9775bf)
• Record reproducible visual quality benchmarks (dcf6437)

What's Changed

• Bump the node-dependencies group with 5 updates by @dependabot[bot] in #19
• Bump the node-dependencies group with 4 updates by @dependabot[bot] in #20
• Bump the node-dependencies group with 3 updates by @dependabot[bot] in #22
• Bump the node-dependencies group with 4 updates by @dependabot[bot] in #26
• Bump vitest from 4.1.11 to 5.0.1 by @dependabot[bot] in #28
• Bump the node-dependencies group across 1 directory with 2 updates by @dependabot[bot] in #27

Full Changelog: v0.1.42...v0.2.0

v0.1.42

Changes since latest version

• Previous version: v0.1.41
• Current version: v0.1.42
• Diff: v0.1.41...v0.1.42

Commits

• Run release commits through required CI (bee94f2)

Full Changelog: v0.1.41...v0.1.42

v0.1.41

Changes since latest version

• Previous version: v0.1.40
• Current version: v0.1.41
• Diff: v0.1.40...v0.1.41

Commits

• Improve animations and site quality (89e7b5a)
• Fix Node 20 runtime CI setup (68182ce)
• Add technical diagram primitives and optimize animations (2a605f8)

Full Changelog: v0.1.40...v0.1.41

v0.1.40

Changes since latest version

• Previous version: v0.1.39
• Current version: v0.1.40
• Diff: v0.1.39...v0.1.40

Commits

• Fix clipped chart edge labels (74c3e28)

Full Changelog: v0.1.39...v0.1.40

v0.1.39

Changes since latest version

• Previous version: v0.1.38
• Current version: v0.1.39
• Diff: v0.1.38...v0.1.39

Commits

• Add Pareto and quadrant decision charts (d51222e)

Full Changelog: v0.1.38...v0.1.39

v0.1.38

Changes since latest version

• Previous version: v0.1.37
• Current version: v0.1.38
• Diff: v0.1.37...v0.1.38

Commits

• fix: make NCCL examples self-contained (bdb4dec)

Full Changelog: v0.1.37...v0.1.38