| source | https://www.jointjs.com/blog |
|---|---|
| generated | 2026-04-24 |
| format | markdown |
[## Build better Claude Code Playgrounds with JointJS
Zoran Jambor
Apr 10, 2026
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.
AI Diagramming](/blog/build-better-claude-code-playgrounds-with-jointjs)
AI Diagramming
Library Updates
Tutorials
Guides
Company News
BPMN
Demo Wednesday
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
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.
Tutorials](/blog/youtube-channel-visualizer)
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.
AI Diagramming](/blog/build-better-claude-code-playgrounds-with-jointjs)
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.
Tutorials](/blog/link-teleports)
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.
AI Diagramming](/blog/tutorial-customize-jointjs-demo-app-with-claude-code)
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.
BPMN](/blog/bpmn-modeler-ui-feature-checklist)
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.
AI Diagramming](/blog/5-tips-on-using-ai-coding-agents-with-jointjs)
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.
BPMN](/blog/why-building-a-bpmn-modeler-ui-is-harder-than-it-looks)
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.
Tutorials](/blog/build-genogram-with-automatic-directed-layout)
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.
BPMN](/blog/how-to-build-custom-bpmn-modeler-ui-for-camunda)
Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.