Open-source alternatives to Clip

This project is an SVG data visualization library and charting engine designed to render quantitative metrics and time-series data within a web browser. It provides a framework for creating concise visual representations of numerical data sets, such as line charts, scatterplots, and histograms. The library utilizes a component-based layout framework to organize visual elements into hierarchical structures with automated spacing and positioning. It includes a coordinate-space mapping tool that translates raw data values into pixel coordinates using linear scales and axis transformations. The

This project is a renderer and theme engine for Mermaid.js that converts diagram syntax into styled SVG graphics and ASCII text. It provides a type-safe diagram editor and a pipeline for transforming diagram source code into scalable vector graphics or plain text visuals. The system features a dedicated theme engine that maps editor colors and CSS variables to diagram elements. It enables dynamic diagram theming through CSS custom properties for real-time color updates and supports index-based styling to override the appearance of specific nodes and edges. The tool covers a range of visualiz

PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical representations. It functions as a diagram-as-code tool, allowing users to create and maintain technical documentation, architectural models, and flowcharts by decoupling diagram content from visual layout. The project distinguishes itself through a comprehensive rendering pipeline that processes domain-specific markup into various output formats, including vector and raster graphics. It utilizes a graph-based layout engine to calculate spatial positioning, while a declarative styling layer

Hellocharts-android is a data visualization library and charting framework for Android applications. It provides a collection of custom view components used to render datasets as visual elements, such as line, column, and pie charts. The library supports interactive visualizations that allow users to navigate data through touch gestures, including pinching, scrolling, and panning. It also includes built-in capabilities for animating data points and chart elements to create smooth visual transitions during dataset updates. The framework covers a broad range of visualization needs, including c

billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

x-render is a configuration-driven UI framework and low-code interface builder that transforms structured data definitions into functional user interface components. It operates as a JSON-driven UI generator, using a standardized configuration protocol to render data tables, input forms, and charts. The system includes a visual form builder and interface design editor, allowing users to arrange layouts and configuration settings through a graphical interface to avoid writing manual structural code. This process is supported by a schema-based component library that maps configuration keys to a

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

Termgraph is a terminal data visualization library and command line analytics tool used to render bar charts, histograms, and heatmaps directly in the shell. It utilizes ANSI escape sequences and Unicode characters to generate colorful visual data representations within a text-based environment. The tool provides specialized capabilities for transforming raw datasets into horizontal or vertical bar graphs, column charts, and stacked charts. It also functions as a heatmap generator, mapping time-series data to a calendar layout to visualize temporal patterns over a year. The library supports

This project is a client-side data visualization framework and SVG charting library used to render responsive, interactive charts in a web browser. It functions as a lightweight utility for generating scalable vector graphics and data annotations without external dependencies. The library enables the creation of custom SVG charts with adjustable colors and animations to meet specific design requirements. It supports dynamic data updates and the addition of markers, regions, and tooltips to provide context to specific data points. The system covers broad capability areas including responsive

Highcharts is a JavaScript charting library and interactive data visualization framework used to render complex datasets as visual charts and maps. It functions as a customizable SVG charting engine that produces scalable vector graphics for data series. The library allows for the creation of interactive data visualizations with configurable colors, labels, and themes. It also provides a cross-platform visualization wrapper to embed these web-based charts into native iOS and Android mobile applications. The toolkit supports the development of custom dashboards and provides options to build c

This project is a diagram-as-code tool that transforms declarative text scripts into professional visual representations. It functions as a technical documentation generator, allowing users to define nodes, connections, and hierarchical relationships through a domain-specific modeling language that integrates directly into version-controlled developer workflows. The tool distinguishes itself through a highly modular architecture that decouples diagram definitions from spatial positioning. It features a pluggable layout engine that supports multiple arrangement algorithms, alongside a styling

LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan

Britecharts is an SVG data visualization toolkit and D3.js charting library. It functions as a composable visualization framework and interactive charting interface used to render data-driven graphics. The library provides a variety of chart types, including line, bar, scatter, donut, sparkline, step, and bullet charts, as well as stacked area and grouped bar charts. It supports interactive elements such as brush interfaces for zooming into date ranges and informational tooltips for data overlays. The framework includes capabilities for visual configuration, such as axis scaling, color schem

Android-Iconics is an icon library wrapper for Android applications that enables the use of icon fonts and SVG vectors as drawables. It provides a system for rendering vector graphics and importing custom icon sets through font files and CSS mappings. The project includes a dedicated SVG vector renderer and a tool for integrating custom icon fonts. It also features a mirroring utility that automatically flips icons for right-to-left language layouts to maintain visual consistency across different locales. The library covers icon style customization for properties such as color, size, and pad

bpmn-js is a browser-based BPMN 2.0 web modeler and rendering engine used for creating, editing, and visualizing business process models. It functions as an XML process modeler that parses BPMN 2.0 XML data into interactive visual diagrams within a web application. The project distinguishes itself as a business process visualizer with capabilities for process flow simulation, which tracks token movement to mimic real-time execution. It also supports diagram version comparison to identify changes between model iterations and provides a layered overlay interface for binding metadata and custom

This project is a Model Context Protocol server that enables large language models to generate and render data visualizations, charts, and diagrams. It functions as a toolset for AI assistants to transform raw data into professional visual representations. The server utilizes an intelligent selection layer to determine the most effective visualization format based on the provided data. It supports remote rendering via external HTTP services and provides the flexibility to route requests to self-hosted rendering endpoints for private network environments. Capabilities cover a wide range of da

XlsxWriter is a library for generating spreadsheets in the XLSX format, functioning as an Excel workbook writer and file generator. It provides the capability to write data, apply cell formatting, and build complex layouts across multiple worksheets. The project distinguishes itself with a memory-optimized writing mode that flushes large datasets to disk row-by-row, enabling the creation of files exceeding 4 GB while minimizing RAM consumption. It also includes a specialized mechanism for embedding binary project files and digital signatures to enable VBA macros and signed scripts within work

Magic MCP is a Model Context Protocol server and AI component generator that translates natural language descriptions into functional user interface code. It acts as an LLM design orchestrator, producing responsive web elements and layouts anchored on utility-first CSS styling patterns. The system features a side-by-side variation engine that generates multiple stylistic interpretations of a single prompt for comparative selection. It incorporates SVG-based asset integration for branding and iconography and utilizes template-based assembly to combine pre-defined style patterns with user-speci

Data Hacks is a collection of command-line utilities designed for statistical computation, real-time stream processing, and text-based data visualization. The toolkit enables users to perform rapid analysis on large datasets directly within the terminal by processing information through standard input and output streams. The project distinguishes itself through its focus on memory-efficient, stream-oriented operations that allow for the analysis of large-scale data without requiring heavy infrastructure. It utilizes stateless functional transformations and reservoir sampling to handle data st

This project is a D3.js data visualization tool and dynamic bar chart generator that converts historical ranking data from comma-separated values into animated visual timelines. It functions as a CSV ranking visualizer and time-series ranking dashboard to illustrate how the positions of different entities change over a period of time. The tool features automated sorting and ranking trend animations that transform static historical data into dynamic transitions. It includes customizable axis scaling, such as semi-logarithmic scales to handle extreme variances in data magnitudes, and dynamic co

Diagrams is a diagram-as-code framework and infrastructure mapping tool used to generate system architecture visualizations via Python code. It functions as a programmatic wrapper for Graphviz, allowing users to define cloud services and their interconnections to create structured architectural layouts. The project specializes in cloud architecture visualization by mapping software components to a library of provider-specific icons. This approach enables the management of system designs within version control to track architecture changes over time. The library provides capabilities for conf

jsplumb is a JavaScript diagramming library and visual connectivity engine used to draw draggable connections between HTML elements. It functions as an SVG connector framework that renders dynamic links to create visual connectivity maps and flowcharts. The library provides tools for building node-based user interfaces, interactive workflow mapping, and visual diagramming. It enables the creation of dynamic relationship visualizations where users can link steps or pieces of information together on a web page.

This project is a web-based diagramming platform that automates the creation of flowcharts and technical diagrams using generative artificial intelligence. It functions as a text-to-diagram generator, allowing users to input natural language prompts that are interpreted by large language models to produce structured visual representations. The platform distinguishes itself by integrating these AI-driven interpretations with a browser-based drawing surface. It translates user intent into standard diagramming syntax, which is then rendered as interactive visual elements on a digital canvas. Thi

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

This project is a React skeleton loader library and UI component set used to create animated SVG placeholder shapes that represent loading content in user interfaces. It functions as an SVG loading placeholder generator designed to prevent layout shifts by signaling data loading states. The library includes a custom loader design tool for building bespoke skeleton shapes that match specific interface layouts. It employs a rendering approach with static SVG keys to ensure the components are compatible with client-server hydration, preventing mismatches between server-side and client-side rende

Diagram Maker is a web-based library designed for building interactive graph visualization and data modeling tools. It provides a framework for rendering node and link structures, allowing users to create custom editing environments where complex data relationships can be visualized and manipulated directly in the browser. The library utilizes a modular, plugin-driven architecture that enables developers to extend the core editing functionality to meet specific requirements without altering the underlying source code. It manages the application state through a centralized, immutable store, en

Skia is a high-performance 2D graphics rendering library used for drawing text, geometries, and images on digital surfaces. It functions as a hardware-accelerated graphics engine that offloads drawing operations to the GPU, a vector graphics processor for SVG and complex paths, and a typography engine for shaping and drawing characters with Unicode support. The project provides a cross-platform image codec for encoding and decoding standard image formats into raw pixel data across multiple operating systems. It also enables the development of user interfaces that maintain visual consistency a