Diagrams, charts & animated visualizations: top picks for 2026

ManimGL is the original 3Blue1Brown engine for writing precise, code-driven animations used to make explanatory math videos.

A Claude Code plugin and multi-platform skill set that turns codebases and LLM wikis into interactive knowledge graphs you can explore and query.

An agent skill that turns ideas, plans, or codebases into interactive HTML diagrams for Claude Code, Codex, Cursor and OpenCode.

An agent skill that makes editorial diagrams as one self-contained HTML + SVG file, with 45 diagram types and brand matching.

A Claude agent skill that builds interactive isometric SVG illustrations of real machines and systems to explain technical ideas.

A minimal vanilla JavaScript library for building draggable, snapping flowchart editors in web apps.

Open-source Rust toolkit for logging, visualizing, querying and streaming multimodal robotics and sensor data over time.

A JavaScript library and CLI that converts JS source code into SVG flowcharts, with abstraction levels, code-block modifiers and themes.

A declarative engine that generates and renders SVG infographics from a text syntax, designed for AI-driven generation and streaming output.

A modeling language and toolchain that generates live, code-based software architecture diagrams using C4-inspired notation.

Self-hosted network scanner that maps hosts, services and links on a schedule and keeps network diagrams current across four views.

A terminal tool that replays Git commits as animated typing sessions with syntax highlighting and file tree transitions.

A coding agent skill that lets Claude Code and similar agents generate Excalidraw diagrams from natural language descriptions.

An agent skill that turns an AI agent's answer to a hard question into one offline HTML page with diagrams, tables and layout.

Agent skills that guide coding agents to produce self-contained HTML wireframes, interactive prototypes, plans, and diagrams.

Turns unstructured text into an interactive knowledge graph by using an LLM to extract subject-predicate-object triples.

A front-end-only floor plan tool for arranging furniture, editing walls and measuring rooms in 2D, then viewing the layout in a Three.js 3D scene.

A small, synchronous renderer that turns Mermaid diagram text into SVG with no runtime dependencies.

A WebGL reimplementation of the classic Milkdrop music visualizer that renders Milkdrop presets in the browser using the Web Audio API.

Browser-based 3D satellite tracker built on real orbital mechanics, aimed at students, educators and space operations teams.

An agent skill that guides AI coding agents through creative 3D visualization, turning an idea into a Three.js or Blender scene with recipes, kits and frame capture.

A virtual office that shows each Claude Code or Codex project as a room and each agent as a pixel-art character with live activity.

A Claude and coding-agent skill that turns a short JSON spec into animated, explorable diagrams exportable as SVG, PNG, GIF or MP4.

An agent skill and zero-dependency linter that makes coding agents draw hand-placed SVG diagrams in one consistent house style.

Electron menu bar app that lets AI coding agents render diagrams and previews, and lets you annotate and approve them on screen.

An interactive TypeScript and Three.js solar system simulator that shows how gravity shapes orbits, with a guided tour and real astronomical data.