Open-source alternatives to Flowchart.js

likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language. The tool distinguishes itself by providing a modeling environment with Language Server Protocol integration for real-time validation and autocomplete. It enables interactive architecture documentation where users can navigate through hierarch

VivaGraphJS is a JavaScript graph visualization library used to render interactive network diagrams and relational data in web browsers. It features a force-directed layout engine that employs physics-based simulations, using spring and charge models to calculate balanced spatial distributions for nodes and links. The library utilizes a modular rendering architecture that decouples mathematical layout logic from the visual output. This allows for interchangeable rendering pipelines, supporting both vector-based SVG diagrams and hardware-accelerated WebGL rendering for large-scale visualizatio

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

js-sequence-diagrams is a JavaScript library used to generate SVG sequence diagrams from plain text descriptions. It functions as a text-to-diagram tool that transforms structured textual input into scalable vector graphics to represent system interaction flows. The library provides capabilities for system workflow visualization and technical documentation automation. It maps the communication between different components or services by converting text into visual representations of logic flows. The tool includes support for custom typeface loading to change the visual style and lettering of

Rough is a graphics library designed to render shapes and paths with a hand-drawn, sketchy aesthetic on web pages. It functions as a generator for informal visual styles, allowing developers to create illustrations and diagrams that mimic the appearance of human-drawn sketches. The library distinguishes itself by using procedural rendering to calculate randomized offsets for lines and curves, simulating natural imperfections. It employs deterministic seeding to ensure that these variations remain consistent across renders, while providing hachure-based texture filling to apply stylized shadin

svgbob is an ASCII to SVG converter and text-based diagramming tool. It transforms structured ASCII diagrams and plain text sketches into clean, scalable vector graphics. The tool specializes in converting ASCII art and text-based scribbles into precise SVG paths, specifically for technical documentation and presentations. It supports the generation of directional arrows and structural diagrams by translating specific characters into vector lines, corners, and intersections. The system includes capabilities for rendering ASCII diagrams, generating vector graphics for technical guides, and es

vx is a declarative charting framework and SVG data visualization library. It serves as an integration layer that combines D3 mathematical scales and shapes with a component-based UI for rendering visualizations. The project provides a set of building blocks for constructing custom charts and diagrams using React components. It bridges mathematical data and visual representation by utilizing low-level primitives to manage scalable vector graphics without manual document object model manipulations. The library covers a broad capability surface including custom chart development, declarative S

This project is an automation suite comprising an AI visual asset generator, a browser-based social publisher, an Electron resource extractor, and a Markdown content transformer. It functions as a content automation pipeline that uses large language models to generate text and images for distribution across social media platforms. The system distinguishes itself through specialized visual generation capabilities, producing professional infographics, slide decks, educational comics, and SVG diagrams via structured prompts. It also features a dedicated workflow for extracting resources from Ele

mxgraph is a client-side graph visualization tool and JavaScript diagramming library. It functions as an SVG-based drawing framework used to create and render interactive diagrams directly within a web browser. The library enables the development of custom diagramming tools, such as network maps and flowcharts, by providing the means to draw and manipulate visual data structures. It focuses on client-side data visualization, allowing for the representation of complex node and edge relationships without requiring server-side rendering.

This project is a collection of standardized markdown layouts and component libraries used to organize project documentation, user profiles, and technical diagrams. It provides predefined templates for creating professional GitHub profile pages and structured documentation for open source projects, including guides for installation, usage, and contribution. The library features specialized templates for rendering flowcharts and sequence diagrams using text-to-visual syntax. It also includes a system for integrating dynamic profile statistics and status cards that automatically display user co

viz-js is a JavaScript rendering library and graph visualization engine that converts Graphviz DOT language descriptions into visual diagrams. It functions as a Graphviz rendering library designed to produce SVG output for web applications. The project utilizes a WebAssembly port of the Graphviz C library to execute layout engines directly in the browser. To maintain interface responsiveness, it processes computationally expensive layout calculations within background worker threads and uses a standardized JSON format for layout serialization. The library provides tools for dynamic graph vis

go-diagrams is a Go visualization library and DOT language generator used to create system architecture diagrams. It implements a diagrams-as-code approach, allowing users to define system components, infrastructure dependencies, and data flows using Go source code. The library translates these code-based definitions into Graphviz DOT syntax, which is then processed by the Graphviz toolset to render final visual image assets. It supports mapping directional edges to illustrate dependencies and organizing related components into named clusters or subgraphs to represent architectural boundaries

Butterfly is an interactive graph visualization library and SVG-based diagramming engine used to build node-based workflow designers and visual flow editors. It provides a framework for rendering interconnected nodes, edges, and groups to model technical architectures, business processes, and data-driven workflows. The project is distinguished by its ability to integrate custom UI components as graph nodes and its specialized support for data lineage visualization. It enables the mapping of relationships between data fields, tables, and business entities to track provenance and monitor workfl

This project is a client-side rendering engine that transforms declarative, text-based syntax into visual diagrams directly within the browser. By utilizing a domain-specific language, it allows users to define complex structures—such as software architectures, process flows, and system behaviors—without the need for manual layout configuration. The library functions as a browser-based runtime that parses these definitions into intermediate abstract syntax trees, which are then processed by specialized engines to generate high-fidelity, resolution-independent graphics. The system distinguishe

Penrose is a compiler that transforms structured mathematical notation into optimized SVG diagrams. It uses a three-stage pipeline of separate domain, substance, and style files to define mathematical objects, relationships, and visual presentation, then solves continuous optimization problems with user-defined spatial constraints and objectives to automatically arrange diagram elements. The system separates diagram content from visual style using distinct declarative languages, and provides a typed domain language with subtype hierarchies for mathematical objects. It supports embedding compi

javascript-in-one-pic is a visual reference guide and cheat sheet that provides a high-level graphical overview of the JavaScript programming language. It maps core syntax and fundamental building blocks into a single diagram to serve as a comprehensive language overview. The project functions as a syntax reference and learning tool, using programming language visualization to help users locate and review language rules in a condensed format. The guide is implemented as a resolution-independent SVG diagram that uses a grid-based hierarchical arrangement and visual-spatial mapping to illustra

This project is a responsive Jekyll static site theme designed for technical blogs, documentation, and multilingual websites. It focuses on text readability and the presentation of technical content, providing a customizable CSS theme with multiple color palettes and dark mode toggling. The theme distinguishes itself through specialized rendering for technical assets, including mathematical formulas, diagrams, and syntax-highlighted code. It includes built-in internationalization support via translation keys to facilitate the creation of sites in multiple languages. The capability surface co

AndroidNote is a technical knowledge base and reference resource for Android development. It provides comprehensive guidance on application architecture, custom view development, and advanced graphics programming. The project is distinguished by its depth in visual implementation, covering pseudo-3D perspective projections via virtual cameras and complex 2D rendering using Bézier curves and PorterDuff color blending. It also provides detailed methodologies for app modularization and the management of internal libraries through private Maven repositories and JitPack. The reference surface ext

yn is a markdown text editor and knowledge management tool designed as an interactive document canvas. It functions as a networked note-taking system for organizing information via wiki-links, hashtags, and local file repositories, while integrating an AI writing assistant for automated text generation and completion. The project is distinguished by its multi-engine diagramming capabilities, which render text-based syntax into visuals using Mermaid, PlantUML, and ECharts. It employs an extensible plugin framework that allows for the addition of custom UI elements and features through JavaScri

This project provides a lightweight markup specification and a plain text formatting standard used to arrange information into structured documents. It serves as a system for converting simple text characters into rich document elements and HTML tags for web display. The project includes a syntax guide and documentation for implementing standardized symbols. These resources cover the rules for creating formatted text and hyperlinks that can be converted into web content. The system covers a broad range of document capabilities, including hierarchical headings, ordered and unordered lists, an

Digital-Logic-Sim is a digital logic simulator and interactive circuit designer used for building and simulating digital hardware circuits. It functions as a visual editor and logic state visualizer that allows for the creation of complex digital logic models using logic gates, wires, and custom chips. The system includes a custom logic chip builder, enabling the grouping of basic logic gates into reusable components to create layered hardware architectures. Users can monitor these designs through a logic state visualizer that displays signal states and memory values using light indicators an

This is a reference guide for GitHub Flavored Markdown syntax, focused on formatting README files and other repository documentation. It covers the full range of Markdown elements supported on GitHub, including tables with column alignment, images, hyperlinks, emoji shortcodes, inline code, and badges from external services. The guide explains how to create structured content such as alert blocks with NOTE, TIP, WARNING, and CAUTION labels, as well as diff blocks that highlight added and removed lines. It also covers centering content on the page and using reference-style links for reusable l

Mermaid-cli is a command line interface and programmatic tool that converts text-based diagram syntax into static visual assets. It functions as a headless browser renderer and markdown diagram processor, enabling the generation of diagrams through a CLI or a JavaScript-based generator. The tool distinguishes itself by supporting the conversion of diagram definitions into multiple image formats, including SVG, PNG, and PDF. It allows for custom diagram styling by applying external CSS files to override default themes and add visual animations. The project provides capabilities for markdown i

Voltron is a web-based debugger visualizer interface used for rendering internal program state and debugger output into specialized visual panes and views. It functions as a debugger state inspector that visualizes registers, memory, stack frames, and breakpoints to analyze program flow and behavior. The project includes a custom lexer syntax highlighter that applies colors and formatting to raw debugger command output. This system uses a tokenizer and pattern-matching text formatting to improve the readability of technical data. The framework covers the construction of custom debugging tool

boring.notch is a macOS notch interface extension that provides a customizable software overlay for the hardware notch area. It functions as a productivity widget hub and a custom system HUD overlay, allowing users to replace standard system heads-up displays for volume and brightness with custom visual indicators. The project includes an interface gesture controller to map touch and mouse interactions to specific system actions and application controls. It also features a temporary file shelf that serves as a workspace for staging files intended for quick transfer via wireless sharing protoc

Square-ui is a component-based UI library and admin dashboard framework designed for building data-dense management interfaces. It provides a toolkit of reusable UI primitives and data visualization elements, such as kanban boards, heatmaps, and financial charts, to assemble internal tools and operational dashboards. The framework is distinguished by an event-driven UI architecture that utilizes a centralized event bus to synchronize real-time operational data across decoupled functional domains. It employs a constraint-based responsive grid system to organize widgets and manage data density

react-diagrams is a framework for building interactive node-and-link diagrams and visual graphs within React applications. It functions as an interactive graph visualization tool and visual workflow designer, providing a system for rendering manipulatable canvases of connected nodes. The library is distinguished by its ability to act as a serializable state diagram manager, converting complex node layouts and connection states into storable data formats for session persistence. It further allows for custom behavior extensions to modify core logic and modules to implement project-specific func