Table of contents

Visual programming

Little collection of visual programming tools. Check the wikipedia page on Visual programming language for more references.

Languages

Sequential-block | scratch like

Scratch

The most known one.

GitHub
Official web

Sample screenshots of Scratch 3 programs on with horizontal and vertical blocks

Blockly

The most common base to build other ones (like Scratch).

GitHub
Official web

https://lh3.googleusercontent.com/-V3U254SXl9-Q0WD61bg8krSWqhYLC9SyKLsMRqVUHz_GGqEzo5mJCJf5dApo9X2-GVaDoncacSQZtBxocPr3Drd_BgT4w=s1352

Sample screenshot of Blockly program

Bitbloq

Blockly-based language for robots programming.

GitHub
Official web

Sample BitBloq programming environment

Data-flow | node-red like

Node-red

Well-known home automation tool.

GitHub
Official web

https://camo.githubusercontent.com/01ed64b01d73046a485ea82b645a3be529c64809/687474703a2f2f6e6f64657265642e6f72672f696d616765732f6e6f64652d7265642d73637265656e73686f742e706e67

Screenshot of a node-red program

Xible

Conceptually similar to node-red, but different considerations in regards to UX.Read Xible's author comment on this.

GitHub
Official web

Screenshot of a sample Xible program

Luna

A WYSIWYG language for data processing.

GitHub
Official web

https://cdn-images-1.medium.com/max/800/0*qHOSBP1gGYgCpiTw.

Screenshot of example luna program

vvvv

Hybrid visual/text programming. With a long story. Core doesn't look like it's open.

GitHub
Official web

vvvv Hybrid development environment screenshot

GraphSynth

Audio programming using visual tools.

Component connections

XOD.io

A visual programming language for microcontrollers.

GitHub
Official web

Screenshot of a sample XOD.io program

[ 0/4 ] Uncategorized

SOMETIME
ChartIO's Visual SQL

Post
https://chartio.com/blog/why-we-made-sql-visual-and-how-we-finally-did-it/
On HN
https://news.ycombinator.com/item?id=22548217
Samples

Table preview attachment:data-preview-table.mp4
Manipulate as an spreadsheet attachment:calculated_column.mp4
Merge queries attachment:pipeline-steps-merge.mp4

SOMETIME
React Flow

Url
https://reactflow.dev/
On GH
https://github.com/wbkd/react-flow
On HN
https://news.ycombinator.com/item?id=26860381

SOMETIME
BonsaiRX

Url
https://bonsai-rx.org/

SOMETIME
Paragon

Url
https://useparagon.com/
On HN
https://news.ycombinator.com/item?id=22813834
Claim
Paragon gives you the power to visually create production-ready API workflows so you can build, ship, and scale faster.

Documentation

Style & Design guides

Blockly's Custom Block style guide

Scratch's block design guide

Articles

SOMETIME
Maybe visual programming is the answer, maybe not
post

On HN
https://news.ycombinator.com/item?id=22978454

SOMETIME
Why isn’t visual programming a bigger thing?
ask_hn

https://news.ycombinator.com/item?id=23252448

SOMETIME
Where should visual programming go?
post