可视化编程

本文来自《Visual Programming Languages – Snapshots》，作者Eric Hosick收集了一堆关于可视化编程的工具，好多我都听都没听说过，我一股脑的全转过来，给大家看看，算是开开眼界了。本文也是参考了Wikipedia的 Visual Programming Language 词条。

另外，在原文有很多评论，其中也有很多正文没有提到的，你可以前去围观一下。

SketchPad

Maybe the first. 1963.

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_sketchpad_01.jpg

Alice

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_alice_01.jpg

App Inventor For Android

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_app_inventor_01.png

ArcGIS Model Builder

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_app_arcgis_01.gif

Automator

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_automator_01.jpg

Blockly

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_blockly_01.png

Bounce

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_bounce_01.gif

Copper Thoughts

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_copper_01.png

DRAKON

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_drakon_01.png

Etoys / Squeak

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_etoysqueak_01.png

Field

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_field_01.png

FL Studio

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_flstudiopatcher_01.jpg

Flow Hub and NoFlo

Flow-Based Programming.

图片来源 1, 图片来源 2 官方网站 1 和 官方网站 2

http://blog.interfacevision.com/assets/img/posts/example_visual_language_flohub_01.png

http://blog.interfacevision.com/assets/img/posts/example_visual_language_noflo_01.jpg

FlowStone

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_flowstone_01.png

GoDot Engine

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_godot_01.jpg

Google Web Designer

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_webdesigner_01.png

Hopscotch

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_hopscotch_01.png

HyperCard

图片来源, Wikipedia 和 官方网站???

http://blog.interfacevision.com/assets/img/posts/example_visual_language_hypercard_01.gif

IFTTT

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_ifttt_01.png

Illumination Software Creator

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_illumination_01.png

Intentional Technology

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_IntentionalTech_01.png

Jeskola Buzz

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_jeskolabuzz_01.jpg

Kimono

官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_kimono_01.png

Kodu (Boku)

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_kodu_01.png

LabView

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_labview_02.png

Ladder Logic

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_ladderlogic_01.png

Lamdu

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_lamdu_01.png

Lava

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_lava_01.png

Learnable Programming

More of a post on different ways to learn programming.

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_learnable_01.png

Light Table

Chris Granger’s development environment. 图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_lighttable_01.jpg

Lily

Really cool and hard to describe. You need to visit their demo web page and watch their videos. 图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_lily_01.png

Limnor Studio

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_limnorstudio_01.png

Little Big Planet

Someone built an An 8-bit Mechanical Adder in LittleBigPlanet

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_littlebig_01.png

Minecraft

Considering someone has created a fully programmable computer using Minecraft.

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_minecraft_01.png

Minibloq

This has a really cool looking interface. 图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_minibloq_01.png

Morphic

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_morphic_01.gif

Mozilla Appmaker

This was discussed quite a bit on Ycombinator. 图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_appmaker_01.png

MST Workshop

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_mst_01.jpg

NeatTools Visual Programming Environment

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_NeatTools_01.png

NodeBox

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_nodebox_01.png

Nuke

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_nuke_01.png

NXT-G

Legos!!! 图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_nxt-g_01.png

Open Modelica

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_openmodelica_01.jpg

Open Music

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_openmusic_01.gif

OpenWire

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_openwire_01.png

Origami

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_origami_01.jpg

Piet

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_piet_01.gif

Programming Without Coding Technology

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_pwct_01.png

Prograph

图片来源, Wikipedia 和 官方网站??

http://blog.interfacevision.com/assets/img/posts/example_visual_language_prograph_01.png

Pure Data

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_puredata_01.png

Quartz Composer

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_quartz_01.jpg

Reaktor

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_reaktor_01.gif

Scheme Bricks

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_schemebricks_01.png

Scratch

图片来源 1, 图片来源 2, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_scratch_01.png

http://blog.interfacevision.com/assets/img/posts/example_visual_language_scratch_02.png

Self

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_self_01.png

Sextante

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_sextante_01.png

Simulink

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_simlink_01.png

Sikuli

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_sikuli_01.png

SQL Server Integration Services

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_sqlintegration_01.png

Story Code

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_stroycode_01.png

TextIt

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_textit_01.png

Touch Develop

From Microsoft research.

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_touchdevelop_01.jpg

Tydlig

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_tydlig_01.png

UDK

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_udk_01.png

Visual JForex

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_jforex_01.jpg

VUO

图片来源 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_vuo_01.png

VVVV

图片来源 1, 图片来源 2, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_vvvv_01.png

http://blog.interfacevision.com/assets/img/posts/example_visual_language_vvvv_02.png

Windows Workflow Foundation

图片来源, Wikipedia 和 官方网站

http://blog.interfacevision.com/assets/img/posts/example_visual_language_winworkflow_01.png

（全文完）

（转载本站文章请注明作者和出处 酷 壳 – CoolShell ，请勿用于任何商业用途）

相关文章

• 50年前的登月程序和程序员有多硬核
• Go编程模式：修饰器
• 如何重构“箭头型”代码
• https://coolshell.cn/wp-content/plugins/wordpress-23-related-posts-plugin/static/thumbs/29.jpgLeetcode 编程训练
• 开发团队的效率
• Python修饰器的函数式编程 The post 可视化编程 first appeared on 酷 壳 - CoolShell.