Home

Virgo Pihlapuu
There is a newer version of this page. You can find it here.

Project Admins:

JavaScript Flowchart

Description

This program is for drawing graphical and logical block diagrams as flowcharts. It is using HTML interface and JavaScript logic. It is also using JQuery JavaScript library. At the moment all the interface is made of 3 files: index.htm, jq_functions.js and jquery.js.

Ready features
  • Insert different HTML graphical elements.
  • Change the size, value and color of different elements.
  • Draw continuous line.
  • Pick color with click in colorbox.
  • View HTML source code of the drawing.
  • View list of object ID-s.
  • Select objects with click in the ID list box.
  • Undo inserted objects.
  • Redo objects previously removed with undo function.
  • Remove selected objects.
  • Change drawing source code update it to the drawing.
Future develop list
  • Keyboard event bindings for different actions.
  • Insert all HTML elements.
  • Create/Insert simple images.
  • Create logic, loops and functions that use HTML elements for input/output.
  • Export document and logic functions into different formats and programming languages.

Please give me feedback in here or with mail: virx15@gmail.com .Give any ideas how to make this program better. What functions would be good to have in future or how to make functions and interface easier, better etc.


MongoDB Logo MongoDB