Interface Vision (original) (raw)

Introduction

Please take a moment to join a Visual Programming Group in your area.

There didn’t seem to be a place on the net where someone could easily see what all the different visual programming languages (Graphical Programming Languages) look like.

A lot of Snapshots now. It is worth the download wait (I don’t want to split this into multiple pages: it would wreck the experience).

So, this post is just a lot of really cool screenshots and images of different visual programming languages. Have fun checking them all out.

If anyone feels we are breaking any copyright and wants us to remove any of these images, please send us an email. We’ve referenced the images.

If you have a visual language you would like to add to this post, then please send us an email.

If you find our work interesting, please follow us @interfaceVision and/or @erichosick for more posts on visual programming languages.

Discussion on Hacker News.

Visual Programming Languages

There are a lot of domain specific visual languages available to play with and check out. Over the years, we’ve been collecting a list of different environments that we feel, in one way or another, could be viewed as visual programming languages.

We aren’t associated with any of the groups below. We just find their solutions interesting. A lot of these were found by browsing Wikipedia’s Visual Programming Language entry.

{#sketchpad} ### SketchPadDirect Link, Image Source, Wikipedia and Web Site

Maybe the first. 1963.

{#grail} ### GRaIL (Graphical Input Language)Direct Link, Image Source, Youtube and Web Site Kinda

First “iconic” programing ~ 1968

{#aardappel} ### AardappelDirect Link, Image Source and Web Site

{#adl} ### ADLDirect Link, Image Source and Web Site

{#agentSheets} ### AgentSheets and AgentCubesDirect Link, Image Source, Wikipedia, Youtube and Web Site

{#agilent-vee} ### Agilent VEEDirect Link, Image Source and Web Site

{#alice} ### AliceDirect Link, Image Source, Wikipedia and Web Site

{#amici} ### AmiciDirect Link, Image Source and Web Site

{#appacitive} ### AppacitiveDirect Link, Image Source and Web Site

{#apple-shake} ### Apple ShakeDirect Link, Image Source and Web Site

{#appware} ### AppWareDirect Link, Image Source, Wikipedia and Web Site

{#app-inventor-for-android} ### App Inventor For AndroidDirect Link, Image Source, Wikipedia and Web Site

{#analog-box} ### Analog BoxDirect Link, Image Source and Web Site

{#andescotia}Commercial Use via Andescotia

{#arcgis-model-builder} ### ArcGIS Model BuilderDirect Link, Image Source and Web Site

{#audulus} ### AudulusDirect Link, Image Source and Web Site

{#automagic} ### AutomagicDirect Link, Image Source and Web Site

{#automator} ### AutomatorDirect Link, Image Source, Wikipedia and Web Site

{#babuino} ### BabuinoDirect Link, Image Source and Web Site

{#blender-sverchok-add-on} ### Blender: Sverchok add on Direct Link, Image Source and Web Site

{#blender-textures-nodes} ### Blender: Textures NodesDirect Link, Image Source and Web Site

{#blockly} ### BlocklyDirect Link, Image Source and Web Site

{#bloodhound} ### BloodHoundDirect Link, Image Source and Web Site

{#bounce} ### BounceDirect Link, Image Source and Web Site

{#cognitoy-mindrover} ### Cognitoy’s MindroverDirect Link, Image Source and Web Site

{#chipwits} ### ChipWitsDirect Link, Image Source and Web Site

{#copper-thoughts} ### Copper ThoughtsDirect Link, Image Source and Web Site

{#coral} ### CoralDirect Link, Image Source and Web Site

{#cortex} ### CortexDirect Link, Image Source and Web Site

{#cybertoolbox} ### CyberToolboxDirect Link, Image Source and Web Site

{#designscript} ### DesignscriptDirect Link, Image Source and Web Site

{#drakon} ### DRAKONDirect Link, Image Source, Wikipedia and Web Site

{#drawfbp} ### DrawFBPDirect Link, Image Source, Wikipedia and Web Site

Flow-based programming implemented visually by the creator of flow-based programming: John Paul Morrison.

{#dream-maker} ### Dream MakerDirect Link, Image Source and Web Site

{#drupal} ### DrupalDirect Link, Image Source and Web Site

{#dynamo} ### DynamoDirect Link, Image Source and Web Site

{#engijs} ### Engi JSDirect Link, Image Source, Live! Use It Now and Web Site

{#etoys} ### Etoys / SqueakDirect Link, Image Source, Wikipedia and Web Site

{#eyeon-fusion} ### Eyeon FusionDirect Link, Image Source and Web Site

{#eyesweb} ### EyesWebDirect Link, Image Source and Web Site

{#field} ### FieldDirect Link, Image Source and Web Site

{#fl-studio} ### FL StudioDirect Link, Image Source, Wikipedia and Web Site

{#flowlab} ### FlowLabDirect Link, Image Source and Web Site

{#foundry-modo} ### Foundry ModoDirect Link, Image Source and Web Site

{#flexmonkey} ### ReDiLab:Node {#redilab-node}Direct Link, Try It Out Here, Calculator, Image Source and Web Site

{#flow-hub} ### Flow Hub and NoFloDirect Link, Image Source 1, Image Source 2 Web Site 1 and Web Site 2

{#flowstone} ### FlowStoneDirect Link, Image Source, Youtube and Web Site

{#generativecomponents} ### GenerativeComponentsDirect Link, Image Source and Web Site

{#godot-engine} ### GoDot EngineDirect Link, Image Source and Web Site

{#google-web-designer} ### Google Web DesignerDirect Link, Wikipedia and Web Site

{#grasshopper-3d} ### Grasshopper 3DDirect Link, Image Source, Wikipedia and Web Site

{#hopscotch} ### HopscotchDirect Link, Image Source, Wikipedia and Web Site

{#houdini} ### Houdini (Node Based Workflow)Direct Link, Image Source and Web Site

{#hypercard} ### HyperCard

Note: see also LiveCode

Direct Link, Image Source, Wikipedia and Web Site???

{#hypergraph} ### HypergraphDirect Link, Image Source and Web Site

{#softimageice} ### ICE (Interactive Creative Environment)Direct Link, Image Source, Wikipedia and Web Site

{#IFTTT} ### IFTTTDirect Link, Image Source, Wikipedia and Web Site

{#ilab-neuromorphic-robotics-toolkit} ### iLab Neuromorphic Robotics ToolkitDirect Link, Image Source and Web Site

{#illumination-software-creator} ### Illumination Software CreatorDirect Link, Image Source, Wikipedia and Web Site

{#infosphere-streams} ### InfoSphere StreamsDirect Link, Image Source and Web Site

{#intentional-technology} ### Intentional TechnologyDirect Link, Image Source and Web Site

{#isadora} ### IsadoraDirect Link, Image Source and Web Site

{#java-studio} ### Java Studio 1.0Direct Link, Image Source and Web Site ???

{#jeskola-buzz} ### Jeskola BuzzDirect Link, Image Source, Wikipedia and Web Site

{#kimono} ### KimonoDirect Link, Web Site

{#klieg} ### KliegDirect Link, Image Source and Web Site

{#knime} ### KnimeDirect Link, Image Source and Web Site

{#kodu} ### Kodu (Boku)Direct Link, Image Source, Wikipedia, Youtube and Web Site

{#kyma} ### KymaDirect Link, Image Source and Web Site

{#labview} ### LabViewDirect Link, Image Source, Wikipedia and Web Site

{#ladder-logic} ### Ladder LogicDirect Link, Image Source, Wikipedia and Web Site

{#lamdu} ### LamduDirect Link, Image Source and Web Site

{#lava} ### LavaDirect Link, Image Source, Wikipedia and Web Site

{#learnable-programming} ### Learnable Programming

More of a post on different ways to learn programming.

Direct Link, Image Source and Web Site

{#lily} ### LilyDirect Link, Image Source, Wikipedia and Web Site

Really cool and hard to describe. You need to visit their demo web page and watch their videos.

{#limnor-studio} ### Limnor StudioDirect Link, Image Source, Wikipedia and Web Site

{#little-big-planet} ### Little Big PlanetDirect Link, Image Source, Wikipedia and Web Site

Someone built an An 8-bit Mechanical Adder in LittleBigPlanet

{#livecode} ### LiveCode

Direct Link, Image Source, Wikipedia and Web Site

Looking for an image.

{#mamba-fx} ### Mamba FXDirect Link, Image Source and Web Site

{#max-msp-jitter} ### MAX/MSP Jitter

Direct Link, Image Source and Web Site

{#marten} ### Marten

Marten is an implementation of the Prograph language.

Direct Link, Image Source and Web Site

{#metaedit-modeler} ### MetaEdit+ ModelerDirect Link, Image Source and Web Site

{#miceonabeam} ### MiceOnABeamDirect Link, Image Source and Web Site

{#mindplus} ### Mind+Direct Link, Image Source and Web Site

{#mvpl} ### Microsoft Visual Programming Language MVPLDirect Link, Image Source and Web Site

{#mindspider} ### MindSpiderDirect Link, Image Source and Web Site

{#minecraft} ### MinecraftDirect Link, Image Source, Wikipedia and Web Site

Considering someone has created a fully programmable computer using Minecraft.

{#minibloq} ### MinibloqDirect Link, Image Source, Wikipedia and Web Site

This has a really cool looking interface.

{#minkoshaderLab} ### Minko ShaderLabDirect Link, Image Source, Youtube and Web Site

{#modkit-arduino-visual-programming} ### Modkit Arduino Visual ProgrammingDirect Link, Image Source and Web Site

{#morphic} ### MorphicDirect Link, Image Source, Wikipedia and Web Site

{#mozilla-appmaker} ### Mozilla AppmakerDirect Link, Image Source and Web Site

This was discussed quite a bit on Ycombinator.

{#mst-workshop} ### MST WorkshopDirect Link, Image Source, Wikipedia, Youtube and Web Site

{#neattools-visual-programming-environment} ### NeatTools Visual Programming EnvironmentDirect Link, Image Source and Web Site

{#nevo-studio} ### Nevo StudioDirect Link, Image Source and Web Site

{#nodebox} ### NodeBoxDirect Link, Image Source and Web Site

{#nuke} ### NukeDirect Link, Image Source, Wikipedia and Web Site

{#num3sis} ### Num3sis ComposerDirect Link, Image Source and Web Site

{#NXT-G} ### NXT-GDirect Link, Image Source, Youtube Wikipedia and Web Site

Legos!!!

{#openalea-visualea} ### OpenAlea VisualeaDirect Link, Image Source and Web Site

{#opendx} ### OpenDXDirect Link, Image Source and Web Site

{#openflippers} ### OpenFlippersDirect Link, Image Source and Web Site

{#open-modelica} ### Open ModelicaDirect Link, Image Source and Web Site

{#open-music} ### Open MusicDirect Link, Image Source, Wikipedia and Web Site

{#openwire} ### OpenWireDirect Link, Image Source, Wikipedia, Youtube and Web Site

{#orange} ### OrangeDirect Link, Image Source and Web Site

{#origami} ### OrigamiDirect Link, Image Source and Web Site

{#piet} ### PietDirect Link, Image Source, Wikipedia and Web Site

{#pipes} ### PipesDirect Link, Image Source, Wikipedia and Web Site

{#pypes} ### PypesDirect Link, Image Source and Web Site

{#praxis-live} ### Praxis LIVEDirect Link, Image Source and Web Site

{#programming-without-coding-technology} ### Programming Without Coding TechnologyDirect Link, Image Source and Web Site

{#prograph} ### PrographDirect Link, Image Source, Wikipedia and Web Site??

{#pseint} ### PSeintDirect Link, Image Provided By Email and Web Site

{#pure-data} ### Pure DataDirect Link, Image Source, Wikipedia and Web Site

{#pygmalion} ### PygmalionDirect Link, Image Source and Web Site Info Only

{#quadrigram} ### QuadrigramDirect Link, Image Source and Web Site

{#quartz-composer} ### Quartz ComposerDirect Link, Image Source, Wikipedia, Youtube and Web Site

{#rapidminer} ### RapidMinerDirect Link, Image Source and Web Site

{#reactable} ### ReactableDirect Link, Image Source and Web Site

{#reaktor} ### ReaktorDirect Link, Image Source, Wikipedia and Web Site

{#redwire} ### RedwireDirect Link, Live! Use It Now and Web Site

{#scheme-bricks} ### Scheme BricksDirect Link, Image Source and Web Site

{#scratch} ### ScratchDirect Link, Image Source 1, Image Source 2, Wikipedia, Youtube and Web Site

{#sextante} ### SextanteDirect Link, Image Source and Web Site

{#simulink} ### SimulinkDirect Link, Image Source, Wikipedia and Web Site

{#sikuli} ### SikuliDirect Link, Image Source, Wikipedia and Web Site

{#snap} ### Snap, Image Source and Web Site

{#sprog} ### SprogDirect Link, Image Source and Web Site

{#substance-designer} ### Substance DesignerDirect Link, Image Source and Web Site

{#synopsis} ### SynopsisDirect Link, Image Source and Web Site

{#synthedit} ### SynthEditDirect Link, Image Source and Web Site

{#sql-server-integration-services} ### SQL Server Integration Services

Direct Link, Image Source, Wikipedia and Web Site

{#streamtools} ### StreamtoolsDirect Link, Image Source and Web Site

{#stroycode} ### StroyCodeDirect Link, Image Source and Web Site

{#stylus-studio} ### Stylus StudioDirect Link, Image Source and Web Site

{#tersus} ### TersusDirect Link, Image Source and Web Site

{#textit} ### TextItDirect Link, Image Source and Web Site

{#thyrd} ### ThyrdDirect Link, Image Source and Web Site

{#touchdesigner} ### TouchDesignerDirect Link, Image Source, Wikipedia and Web Site

{#touch-develop} ### Touch DevelopDirect Link, Image Source and Web Site

From Microsoft research.

{#tydlig} ### TydligDirect Link, Image Source, Youtube and Web Site

{#thymio} ### Thymio VPLDirect Link, Image Source, Youtube and Web Site

{#tynker} ### TynkerDirect Link, Image Source, Youtube and Web Site

{#udk-kismet} ### UDK KismetDirect Link, Image Source and Web Site

{#udk} ### UDK Direct Link, Image Source and Web Site

{#unix-tools} ### Unix ToolsDirect Link, Image Source and Web Site

{#vplus} ### V+Direct Link, Image Source and Web Site

{#videolangpi} ### Video Processing Language for the Raspberry PiDirect Link, Image Source and Web Site

{#vistrails} ### VisTrailsDirect Link, Image Source and Web Site

{#visual-jforex} ### Visual JForexDirect Link, Image Source and Web Site

{#viscuit} ### ViscuitDirect Link, Image Source, Youtube and Web Site

{#vrl-studio} ### VRL-StudioDirect Link, Image Source and Web Site

{#vuo} ### VUODirect Link, Image Source and Web Site

{#vvvv} ### VVVVDirect Link, Image Source 1, Image Source 2, Wikipedia and Web Site

{#windows-workflow-foundation} ### Windows Workflow FoundationDirect Link, Image Source, Wikipedia and Web Site

{#world-machine} ### World machineDirect Link, Image Source and Web Site

{#xpresso} ### XpressoDirect Link, Image Source and Web Site

{#zaluum} ### ZaluumDirect Link, Image Source and Web Site

Conclusion

That’s it for now. Please submit any languages you would like to see snapshots of.