Blog

JointJS blog (preview image)

Build better Claude Code Playgrounds with JointJS

Blog post author

Claude Code Playground generates useful diagrams, but they're static and limited. This guide shows how to install the JointJS Claude Playground plugin and use it to build interactive codemaps, visual SQL builders, decision trees, site explorers, and more.

Articles from the team

JointJS blog post preview

Blog post author

Zoran Jambor

Apr 23, 2026

Visualize your YouTube content library with the YouTube Channel Visualizer

Turn your YouTube channel into an interactive diagram. Explore publishing patterns, group videos by tags, timeline, or performance, and plan future content — all built with JointJS and Claude Code.

JointJS blog post preview

Blog post author

Zoran Jambor

Apr 10, 2026

Build better Claude Code Playgrounds with JointJS

Claude Code Playground generates useful diagrams, but they're static and limited. This guide shows how to install the JointJS Claude Playground plugin and use it to build interactive codemaps, visual SQL builders, decision trees, site explorers, and more.

JointJS blog post preview

Blog post author

Zoran Jambor

Mar 26, 2026

How to keep complex diagrams readable with Link Teleports

A hands-on guide on using Link Teleports to simplify workflow UIs and untangle complex paths between nodes.

JointJS blog post preview

Blog post author

Zoran Jambor

Mar 17, 2026

Tutorial: Customize JointJS demo app with Claude Code

A hands-on guide that shows you how to use AI Coding Agents to easily customize an existing JointJS demo to match your exact needs.

JointJS blog post preview

Blog post author

Zbyněk Stara

Mar 16, 2026

What makes a good BPMN modeler UI? A practical feature checklist

Find out what separates a production-ready BPMN modeler UI from a merely functional one — with a practical ten-feature checklist covering BPMN shape library, link routing, process validation, and XML round-trip safety.

JointJS blog post preview

Blog post author

Zoran Jambor

Mar 11, 2026

5 tips on using AI coding agents with JointJS

Coding Agents, such as Claude Code, Cursor, Windsurf, and others, work very well with JointJS, so you should be leveraging them to speed up your development times.

JointJS blog post preview

Blog post author

Zbyněk Stara

Mar 10, 2026

Why building a BPMN modeler UI is harder than it looks

A practical breakdown of the real engineering challenges behind building a custom BPMN modeler UI — rendering, UX, and engine integration.

JointJS blog post preview

Roman Bruckner

Feb 23, 2026

Building a genogram (family tree) with automatic directed layout

This tutorial walks through building an interactive genogram using JointJS and the @joint/layout-directed-graph package.

JointJS blog post preview

David Durman

Feb 20, 2026

How to build a custom BPMN modeler UI for Camunda

A step-by-step guide to connecting a custom BPMN editor to Camunda, covering XML enrichment, Zeebe extensions, and import/export pipelines.

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.

EXPLORE ALL DEMOS

GET STARTED FOR FREE