NoFlo spring loop

noflo.json

{
    "properties": {
        "name": "Spring demo",
        "id": "esr4k",
        "environment": {
            "type": "noflo-browser",
            "content": "<style>\n  img {\n    width: 100px;\n    height: 100px;\n    position: absolute;\n    top: 100px;\n    left: 150px;\n  }\n</style>\n<img src=\"http://nextnature.net/wp-content/uploads/2009/12/mcluhan-5301.jpg\">"
        }
    },
    "inports": {},
    "outports": {},
    "groups": [],
    "processes": {
        "physics/Spring_jkjj7": {
            "component": "physics/Spring",
            "metadata": {
                "label": "physics/Spring",
                "x": 576,
                "y": 108
            }
        },
        "dom/GetElement_p6jr9": {
            "component": "dom/GetElement",
            "metadata": {
                "label": "dom/GetElement",
                "x": 684,
                "y": -36
            }
        },
        "core/Kick_d9egv": {
            "component": "core/Kick",
            "metadata": {
                "label": "core/Kick",
                "x": 792,
                "y": 252
            }
        },
        "css/MoveElement_37ozs": {
            "component": "css/MoveElement",
            "metadata": {
                "label": "css/MoveElement",
                "x": 1260,
                "y": 72
            }
        },
        "physics/Spring_8gfkj": {
            "component": "physics/Spring",
            "metadata": {
                "label": "physics/Spring",
                "x": 972,
                "y": 324
            }
        },
        "core/Kick_4vdub": {
            "component": "core/Kick",
            "metadata": {
                "label": "core/Kick",
                "x": 1512,
                "y": 72
            }
        },
        "math/Divide_rfaaz": {
            "component": "math/Divide",
            "metadata": {
                "label": "math/Divide",
                "x": 1080,
                "y": 180
            }
        }
    },
    "connections": [
        {
            "src": {
                "process": "physics/Spring_jkjj7",
                "port": "out"
            },
            "tgt": {
                "process": "core/Kick_d9egv",
                "port": "data"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "physics/Spring_jkjj7",
                "port": "out"
            },
            "tgt": {
                "process": "core/Kick_d9egv",
                "port": "in"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "dom/GetElement_p6jr9",
                "port": "element"
            },
            "tgt": {
                "process": "css/MoveElement_37ozs",
                "port": "element"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "physics/Spring_jkjj7",
                "port": "out"
            },
            "tgt": {
                "process": "css/MoveElement_37ozs",
                "port": "x"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "physics/Spring_jkjj7",
                "port": "out"
            },
            "tgt": {
                "process": "css/MoveElement_37ozs",
                "port": "y"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "physics/Spring_8gfkj",
                "port": "out"
            },
            "tgt": {
                "process": "css/MoveElement_37ozs",
                "port": "y"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "core/Kick_d9egv",
                "port": "out"
            },
            "tgt": {
                "process": "physics/Spring_8gfkj",
                "port": "in"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "physics/Spring_8gfkj",
                "port": "out"
            },
            "tgt": {
                "process": "core/Kick_4vdub",
                "port": "data"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "physics/Spring_8gfkj",
                "port": "out"
            },
            "tgt": {
                "process": "core/Kick_4vdub",
                "port": "in"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "src": {
                "process": "core/Kick_4vdub",
                "port": "out"
            },
            "tgt": {
                "process": "physics/Spring_jkjj7",
                "port": "in"
            },
            "metadata": {}
        },
        {
            "src": {
                "process": "math/Divide_rfaaz",
                "port": "quotient"
            },
            "tgt": {
                "process": "css/MoveElement_37ozs",
                "port": "x"
            },
            "metadata": {}
        },
        {
            "src": {
                "process": "physics/Spring_8gfkj",
                "port": "out"
            },
            "tgt": {
                "process": "math/Divide_rfaaz",
                "port": "dividend"
            },
            "metadata": {
                "route": 0
            }
        },
        {
            "data": "img",
            "tgt": {
                "process": "dom/GetElement_p6jr9",
                "port": "selector"
            }
        },
        {
            "data": 10,
            "tgt": {
                "process": "physics/Spring_jkjj7",
                "port": "in"
            }
        },
        {
            "data": 4,
            "tgt": {
                "process": "physics/Spring_jkjj7",
                "port": "friction"
            }
        },
        {
            "data": 100,
            "tgt": {
                "process": "physics/Spring_8gfkj",
                "port": "stiffness"
            }
        },
        {
            "data": 4,
            "tgt": {
                "process": "physics/Spring_8gfkj",
                "port": "friction"
            }
        },
        {
            "data": 0,
            "tgt": {
                "process": "physics/Spring_8gfkj",
                "port": "anchor"
            }
        },
        {
            "data": 50,
            "tgt": {
                "process": "physics/Spring_8gfkj",
                "port": "mass"
            }
        },
        {
            "data": 90,
            "tgt": {
                "process": "physics/Spring_jkjj7",
                "port": "stiffness"
            }
        },
        {
            "data": 120,
            "tgt": {
                "process": "physics/Spring_jkjj7",
                "port": "anchor"
            }
        },
        {
            "data": 20,
            "tgt": {
                "process": "physics/Spring_jkjj7",
                "port": "mass"
            }
        },
        {
            "data": 0.5,
            "tgt": {
                "process": "math/Divide_rfaaz",
                "port": "divisor"
            }
        }
    ]
}