







A tool for drawing diagrams based on syntax. Supercharge your boxes and arrows.
Flowchart Maker & Online Diagram Software

What is SoaML? How to Draw SoaML Diagrams?
Quick SoaML tutorial for fast learning of SoaML. It's written to explain what SoaML is, how to use SoaML for SOA and how to draw the various SoaML diagrams.

The Node-Based UI for Svelte - Svelte Flow
A customizable Svelte component for building node-based editors and interactive diagrams

drawDB | Online database diagram editor and SQL generator
Online database entity-relationship diagram editor, data modeler, and SQL generator. Design, visualize, and export scripts without an account and completely free of charge.

Documentation — Terminal Graph
Download Terminal Graph beta, learn the shortcuts, nodes, and dataflow model.

Introduction — pyNomo Documentation 0.3.2.2 documentation
A nomogram or nomograph is a diagram that provides an easy, graphical way of calculating the result of a mathematical formula. Sometimes also called an alignment chart, a nomogram consists of a set of numbered scales, usually one for each variable in the formula, arranged so that a straightedge can be placed across known values to find the unknown value that solves the formula. Since an equation in two variables is usually represented by a graph, most nomograms represent formulas that involve three or more variables.
ggsql: A grammar of graphics for SQL
Introducing ggsql, a grammar of graphics for SQL that lets you describe visualizations directly inside SQL queries.

Living documents and interactive schematics — Selin Jessa
Using LLMs to turn static figures from data analysis, schematics, and publications into interactive widgets as tools for thought
Who needs Graphviz when you can build it yourself?
Exploring a new layout algorithm for control flow graphs.

The operad of wiring diagrams: formalizing a graphical language for databases, recursion, and plug-and-play circuits
Wiring diagrams, as seen in digital circuits, can be nested hierarchically and thus have an aspect of self-similarity. We show that wiring diagrams form the morphisms of an operad $\mcT$, capturing this self-similarity. We discuss the algebra $\Rel$ of mathematical relations on $\mcT$, and in so doing use wiring diagrams as a graphical language with which to structure queries on relational databases. We give the example of circuit diagrams as a special case. We move on to show how plug-and-play devices and also recursion can be formulated in the operadic framework as well. Throughout we include many examples and figures.

Chart Design Principles | Hands-On Data Visualization
Tell your story and show it with data, using free and easy-to-learn tools on the web. This introductory book teaches you how to design interactive charts and customized maps for your website, beginning with easy drag-and-drop tools, such as Google Sheets, Datawrapper, and Tableau Public. You will also gradually learn how to edit open-source code templates built with Chart.js, Highcharts, and Leaflet on GitHub. Follow along with the step-by-step tutorials, real-world examples, and online resources. This book is ideal for students, non-profit organizations, small business owners, local governments, journalists, academics, or anyone who wants to tell their story and show the data. No coding experience is required.
Sigma.js
a JavaScript library aimed at visualizing graphs of thousands of nodes and edges