GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

core - Renderer for TLDraw and maybe you, too.

•    

---

This package has moved to the tldraw/tldraw monorepo.

react typescript canvas draw whiteboard pan zoom pinch

flowchart.js - Draws simple SVG flow chart diagrams from textual representation of the diagram

•    Javascript

---

Draws simple SVG flow chart diagrams from textual representation of the diagram

flowchart diagram svg client script

Tux Paint

•    C

---

Art software to let kids draw and paint. For children 3 to 12 years.

jspaint - 🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras

•    Javascript

---

The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well.Ah yes, good old paint. Not the one with the ribbons or the new skeuomorphic one with the interface that can take up nearly half the screen. And sorry, not the even newer Paint 3D.

image image-editing editor ms-paint paint online image-editor app retro drawing canvas html5 mspaint web-app web-application painting image-manipulation jspaint remake draw create picture edit nw-app mspaint-alternative

react-native-sketch - 🎨 A React Native <Sketch /> component for touch-based drawing.

•    Objective-C

---

A React Native component for touch-based drawing. The project contains a folder examples that contains few demos of how to use react-native-sketch. Just copy and paste the code to your React Native application.

react-native drawing touch ios sketch signature react react-component draw paint canvas

Gimp - GNU Image Manipulation Program, A photoshop alternative

•    C

---

GIMP is the GNU Image Manipulation Program. It has many capabilities. It can be used as a simple Paint program, with full suite of painting tools including Brush, Pencil, Airbrush, Clone, etc. It supports Photo Enhancement, Digital Retouching, Image format converter, Animation etc.

paint photoshop-alternative drawing draw-tools image image-editing graphics-editor vector

Diagrams - Diagram as Code for prototyping cloud system architectures

•    Python

---

Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well. Diagram as Code allows you to track the architecture diagram changes in any version control system.

graphviz diagram architecture diagram-as-code system-architecture flow-chart system-diagram

Nannou - A Creative Coding Framework for Rust

•    Rust

---

An open-source creative-coding toolkit for Rust. Nannou is a collection of code aimed at making it easy for artists to express themselves with simple, fast, reliable, portable code. Whether working on a 12-month laser installation or a 5 minute sketch, this framework aims to give artists easy access to the tools they need.

creative-coding artists sketch drawing painting paint

jquery.flowchart - JQuery plugin that allows you to draw a flow chart.

•    Javascript

---

jquery.flowchart.js is an open source javascript jQuery ui plugin that allows you to draw and edit a flow chart. This project is part of a bigger one, UltIDE which allows you to have a complete interface managing a flowchart and custom properties. Though it is still WIP, you are welcome to give it a try and contribute. A screenshot is shown below.

flowchart svg flow chart graph ui jquery-plugin ecosystem:jquery

MSPaintIDE - Programming in MS Paint

•    Java

---

People joke about what IDE they use often, things like Word, MS Notepad, sometimes even Eclipse, and then often times MS Paint. People joke about MS Paint because it's not even a text editor, people joke about it because it doesn't have one feature in common with IDEs. Well, this application gives MS Paint a boost, and lets MS Paint highlight, compile, and execute code, with just a few clicks of a button, and only text coming from MS Paint. It is now much more practical than things like Word, Notepad, and obviously Eclipse. MS Paint IDE is an application that runs alongside MS Paint that reads its images you make from MS Paint. It then uses a custom OCR to read, parse, highlight, and execute the text. All output files and logs are created as images, to show you the program output, and compilation/interpretation output.

paint ocr ide ms-paint hacktoberfest mspaint ocr-java

Dia - Visio alternative

•    GTK+

---

Dia is inspired by the commercial Windows program Visio, though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It currently has special objects to help draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams. It is also possible to add support for new shapes by writing simple XML files, using a subset of SVG to draw the shape.

visio-alternative uml-diagram flowchart entity drawing-tool network-diagram

Go Diagrams - Create beautiful system diagrams with Go

•    Go

---

Go-Diagrams is a fast and easy application diagrams. It is a is a loose port of diagrams.

graphviz diagram architecture diagram-as-code system-architecture flow-chart system-diagram

drawingboard.js - A canvas based drawing app that you can integrate easily on your website.

•    Javascript

---

This is a canvas based drawing app that you can integrate easily on your website. drawingboard.js consists of a blank canvas surrounded by a few UI elements that control it: a color picker, a pencil, a paint can, an eraser, a pencil size chooser, navigations and reset buttons.

canvas drawingboard drawing paint

wPaint - jQuery Paint Plugin

•    Javascript

---

A jQuery paint plugin for a simple drawing surface that you can easily pop into your pages, similar to the basic windows paint program. If you enjoy this plugin please leave a small contribution on Gittip. I work on these plugins completely in my free time and any contribution is greatly appreciated.

Krita - Digital painting application

•    C++

---

Krita is a free and open source digital painting application. It is for artists who want to create professional work from start to end. Krita is used by comic book artists, illustrators, concept artists, matte and texture painters and in the digital VFX industry.

paint animation drawing photoshop ms-paint color-management opengl

Kinect Canvas

•    

---

Project is intended for fun purpose. Appreciate feedback in any form.

kienct-paint paint paint-canvas

css-paint-polyfill - A polyfill for the CSS Paint API, with special browser optimizations.

•    Javascript

---

This is a polyfill for the CSS Paint API. Performance is quite good in Firefox and Safari courtesy of -webkit-canvas() and -moz-element(). For the remaining browsers, framerate is governed by Canvas toDataURL() / toBlob() speed.

houdini css css-paint-api paint worklet polyfill custom-paint css-paint paint-worklet

d3-pre - Pre-render d3 visualizations

•    HTML

---

A JavaScript library that pre-renders d3 visualizations into inline SVG elements, to reduce perceived page-load time and cut down on unwanted paint flashes. The pre-rendering tool uses a headless browser to turn d3 code into its resulting SVG, and inserts the markup into your HTML. Then, the d3-pre JavaScript library overrides d3.append to check if a pre-rendered DOM node already exists before creating a new one. This approach allows you to use pre-rendered SVG without changing your visualization code.

WhiteBoard

•    

---

*NittiTre WhiteBoard* Windows application that functions as a whiteboard on top of the screen, allowing you to write and paint on top of other applications. *Features:* * Five colors (rec, blue, green, black and white eraser) * Variable opacity on board from opaque to barel...