JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

visualization javascript svg html chart charts typescript canvas es6 graph diagram layout data-visualization javascript-library typescript-library es6-modules flowchart orgchart gojs interactive-diagrams

• Updated Oct 2, 2026
• JavaScript

A proven SVG-based JavaScript diagramming library powering exceptional UIs

visualization javascript svg charts typescript html5 javascript-library typescript-library interactive-diagrams low-code no-code diagramming visual-applications

• Updated Nov 9, 2026
• JavaScript

ngDiagram – open-source Angular library for interactive diagrams, node-based editors, and workflow builders. Angular-first: signals and templates.

visualization open-source workflow angular typescript graph drag-and-drop diagram data-flow graph-editor flowchart visual-programming interactive-diagrams angular-library diagramming node-editor workflow-editor process-visualization node-based-ui diagram-sdk

• Updated Nov 12, 2026
• TypeScript

Interactive diagrams of Kotlin Flow https://flowmarbles.com

visualization kotlin flow diagram interactive interactive-diagrams kotlin-flow

• Updated Oct 31, 2022
• Kotlin

.NET diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

visualization graph dotnet diagram layout winforms data-visualization avalonia interactive-diagrams dotnet-library

• Updated Nov 10, 2026
• C#

🔵 D2: Declarative Diagramming in Python via AnyWidget

visualization python svg jupyter-notebook d2 data-visualization jupyterlab diagrams jupyter-widget interactive-diagrams jupyter-extension jupyter-magic anywidget marimo d2-language declarative-diagrams

• Updated Sep 1, 2026
• Python

Carnelian Diagram is a typescript library that allows you to create interactive diagrams for your web applications.

react visualization svg drawing typescript diagram vector-graphics interactive-diagrams interactive-visualizations diagramming

• Updated Sep 29, 2023
• TypeScript

A Claude Code plugin that explains the ideas behind a pull request with a short lesson, an interactive diagram and a quiz.

learning education code-review pull-requests interactive-diagrams llm claude-code claude-code-plugin claude-code-plugins claude-skills

• Updated Oct 19, 2026
• Python

DDIA (Designing Data-Intensive Applications, 2nd ed.) study guide in Persian & English — 14 chapters, 100+ interactive diagrams, exercises, AI-platform capstone | راهنمای مطالعهٔ DDIA فارسی

education distributed-systems persian farsi interactive-diagrams interview-prep system-design ddia designing-data-intensive-applications ai-infrastructure

• Updated Nov 11, 2026
• HTML

GoProject is GoJS libs for ASP.NET MVC platform. GoJS is a JavaScript library for implementing interactive diagrams.

javascript-library asp gojs gojs-libs interactive-diagrams goproject

• Updated Mar 1, 2017
• JavaScript

Animated architecture and system-flow diagrams for AI coding agents. A Claude Code, Codex, Cursor and Copilot skill that turns a JSON spec into an interactive HTML player or an animated SVG for GitHub READMEs. npx skills add shashankswe2020-ux/traceframe

readme documentation skills developer-tools cursor diagrams interactive-diagrams codex animated-svg system-design ai-agents diagram-generator svg-animation architecture-diagrams github-copilot llm agent-skills claude-code claude-skills animated-diagrams

• Updated Oct 3, 2026
• TypeScript

A professional, privacy-focused, client-side flowchart creation tool that enables users to design, customize, and export high-quality flowcharts without writing a single line of code.

graph-visualization interactive-diagrams diagram-generator mermaidjs mermaid-diagrams process-mapping privacy-focused real-time-preview flowchart-designer markdown-export svg-export png-export browser-based-tool zero-backend diagram-export no-code-tool flowchart-maker visual-flowchart-editor workflow-visualization client-side-application

• Updated Oct 27, 2025
• HTML

Executable SVG diagrams for systems and processes, with timeline playback and SVG/PNG/GIF export.

react svg typescript vue diagrams flowchart interactive-diagrams architecture-diagram svg-animation

• Updated Nov 9, 2026
• TypeScript

Agent Skill that turns difficult technical concepts into clear, interactive visual maps.

visualization developer-tools cursor interactive-diagrams openai-codex agent-skills claude-code technical-education

• Updated Sep 8, 2026
• HTML

Interactive, animated, and embeddable diagrams for technical systems — editable, local-first, and powered by Diagram JSON.

react visualization svg open-source typescript skills visualisation developer-tools interactive-diagrams system-design architecture-diagram technical-documentation vite architecture-diagrams technical-documents technical-docs architecture-diagrams-generation interactive-diagram skill-md

• Updated Aug 19, 2026
• TypeScript

The Code Visualiser: Analyse your code with visual diagrams generated from your source code

static-analysis developer-tools software-architecture interactive-diagrams code-visualization program-structure code-mapping code-flow code-insights code-analysis-tools code-dependency-analysis code-debugging c-code-visualizer code-diagram-generator source-code-diagrams

• Updated Jul 19, 2025
• TypeScript

Recorrido interactivo de la operación de una aplicación en producción: la acción del usuario, el navegador y la base de datos, paso a paso. HTML, CSS y JavaScript sin dependencias, compuesto desde Python.

javascript python svg github-pages portfolio data-engineering interactive-diagrams interactive-diagram

• Updated Nov 10, 2026
• Python

MindFusion.Diagramming for JavaScript is a powerful library for creating interactive diagrams, flowcharts, and graphs in web applications. Built with pure JavaScript and HTML5 Canvas, it offers extensive customization for nodes, links, and automatic layout algorithms. Integrate easily into React, Angular, or Vue.js projects.

javascript typescript links html5 graphs data-visualization data-viz flowchart nodes graph-drawing interactive-diagrams ui-library diagramming layout-algorithms web-developement mindfusion

• Updated Nov 12, 2025
• JavaScript

Visual documentation project for continuity-bridge

interactive-diagrams explainers ai-continuity standalone-html ai-persistence continuity-bridge

• Updated Mar 14, 2026
• HTML

Open-source MCP toolkit for Codex and Claude Code. Create interactive software architecture diagrams from code evidence and share standalone HTML.

visualization open-source workflow json-schema mcp architecture design-patterns developer-tools dataflow software-engineering diagrams software-architecture interactive-diagrams sequence-diagram codex system-design architecture-diagrams model-context-protocol agent-skills claude-code

• Updated Nov 10, 2026
• JavaScript