Skip to main content

Visual dataflow programming between parameterized objects.

Project description

Visual dataflow programming between parameterized objects

Boxflow allows visual programming by connecting and visualizing parameterized objects. Examples of types of parameterized objects that Boxflow aims to support include param parameters and number generators, Imagen patterns and eventually HoloViews elements in future.

Currently work-in-progress but many of the essential features are now in place. Note that development may be slow as this is currently a personal project that I am working on in my free time.

Recommended browser: Chrome with ES6 enabled (chrome://flags/#enable-javascript-harmony)

Interaction

  • Scroll up/down: Zoom in/out

  • ‘+’/’-’ : Zoom in/out

  • Drag empty space: Pan view.

  • ‘H’ : Hide GUI panel.

  • Click node: View node parameters.

  • Drag node: Move node.

  • Drag output port: Create connection.

  • ‘d’/’Backspace’ over highlighted (red outline): Delete object

Features

  • Visual dataflow programming

  • Client/Server architecture allowing deployment online.

  • Extensible both on the client- and server-side.

  • Compose and manipulate imagen pattern generators visually.

Developer instructions

  • Launch server.

sh $ python server.py

To serve ES5 Javascript from the es5 directory (needs to be updated with Babel):

sh $ python server.py -es5

  • Alternatively:

$ python -c "from boxflow.server import main; main('js')"

Babel and ES5

This project is written in ES6 using Chrome (with these experimental language features enabled). Recent versions of Firefox support ES6 but for everything else, ES5 is required. To update the es5 directory:

  • Install babel globally:

sh sudo npm install -g babel-cli - Install ES5 ‘preset’:

sh npm install babel-preset-es2015

  • Update the contents of the es5 folder:

babel ./boxflow/js/ --out-dir ./boxflow/es5/

About the code

Goals

  • Offer an alternative to the Jupyter notebook environment.

  • Offer a rich, visual way of manipulate parameterized objects:

  • Param: Number generators, parameterized classes. Possible alternative to paramnb.

  • HoloViews: Elements, HoloMaps, Layouts, Operations.

  • Imagen: PatternGenerators.

  • Declarative specification (JSON) that can be loaded from Python or into the browser.

  • Allow custom nodes to be defined on the client (by defining a parameterized class).

  • Personal goal: learn ES6 and modern, idiomatic Javascript.

TODO

  • JQuery used for a single line of code (dependency can be removed).

  • Enforce DAG graph + port type checking.

  • Save/Load functionality.

  • Ensure Python 3 compatibility.

  • Personal goal: learn ES6 and modern, idiomatic Javascript.

License

BSD 3-clause license.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

boxflow-0.0.1.tar.gz (522.6 kB view details)

Uploaded Source

File details

Details for the file boxflow-0.0.1.tar.gz.

File metadata

  • Download URL: boxflow-0.0.1.tar.gz
  • Upload date:
  • Size: 522.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No

File hashes

Hashes for boxflow-0.0.1.tar.gz
Algorithm Hash digest
SHA256 31dcd22ec8c0e2f89d182adad128d6fb84c974affcaefb18603683a62a785448
MD5 8dfb96c53496400c9e4b027dcfc7b5f6
BLAKE2b-256 33d76513fab19812ce81d1b4c3b9681f4519ef0f939857ed04dc3ba824208d60

See more details on using hashes here.

Provenance

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page