hikerpig / pintora
An extensible text-to-diagrams library that works in both browser and node.js
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing hikerpig/pintora in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Overview (README excerpt)
Crawler viewPintora Documentation | Live Editor > **pintora** Spanish for "female painter" Pintora is an extensible javascript text-to-diagrams library that works in both browser and Node.js. Expressing your thoughts in a diagram is better than a thousand words. With the help of pintora.js, you can create diagrams with intuitive text. Heavily inspired by Mermaid.js and PlantUML. ✨ Features • In browser side, output SVG or Canvas. • In Node.js side, output PNG/JPG/SVG file. • Outputs are clean and self contained, won't pollute the page with global style. • Modular and highly extensible, provide a plugin system for diagram developer to write and distribute their own diagrams. Here is a tutorial Write a custom diagram | Pintora. Diagram types name preview Sequence Diagram Entity Relationship Diagram Component Diagram Activity Diagram Mind Map Gantt Diagram DOT Diagram Class Diagram 📖 Documentation Check the online documentation and demo for more details. 💻 Editor Support • VSCode extension pintora-vscode, providing syntax highlight and preview support for file and markdown code fence. Related Projects • gatsby-remark-pintora A gatsby remark plugin for converting pintora codeblock to diagrams in markdown files. • Pintora.js - Diagram as text / hikerpig / Observable, use pintora in Observable interactive notebook. • pintora-stencil - Pintora Web Components, web component for showing pintora diagram preview, add it into your website simply by import some script tags. • obsidian-pintora, created by @amiaslee. An Obsidian plugin based on Pintora, which allows users to create diagrams using Pintora syntax directly in the Obsidian editor. It's local, secure, fast, and easy to use. 🔭 Roadmap • [x] Sequence Diagram and Entity Relationship Diagram • [x] Pintora node.js cli • [x] PlantUML style Component diagram • [x] Theme config • [x] PlantUML style Activity Diagram • [x] Mind Map • [x] Gantt Diagram • [x] Class Diagram • [ ] Universal style customization solution • [ ] Load diagram implementation and canvas renderer only when needed If you have good thoughts or feature requests, please feel free to start a new discussion.