https://github.com/ern0/dataflow-editor-concept

Dataflow editor technical concept, using Raphaël.js/SVG
https://github.com/ern0/dataflow-editor-concept

concept dataflow dataflow-programming editor raphael-js svg visual-programming

Last synced: 3 months ago
JSON representation

Dataflow editor technical concept, using Raphaël.js/SVG

• Host: GitHub
• URL: https://github.com/ern0/dataflow-editor-concept
• Owner: ern0
• License: mit
• Created: 2016-06-16T10:32:51.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-06-16T10:47:24.000Z (over 8 years ago)
• Last Synced: 2024-08-01T12:31:58.115Z (6 months ago)
• Topics: concept, dataflow, dataflow-programming, editor, raphael-js, svg, visual-programming
• Language: JavaScript
• Homepage:
• Size: 73.2 KB
• Stars: 15
• Watchers: 6
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - ern0/dataflow-editor-concept - Dataflow editor technical concept, using Raphaël.js/SVG (others)

README

        
# Dataflow Editor Concept

Dataflow editor technical concept, using Raphaël.js/SVG

You can try it live: http://linkbroker.hu/ihome/editor/

## What is it ##

I want to select the best platform for a dataflow editor. 

If we choose browser-based GUI, Raphaël.js looks a good choice.

## Known issue ##

You can delete connection by starting a new connection from 

a pin, and if you go the same direction (+/- a small angle) with an 

existing one, it will be faded, which means "marked for deletion", then 

if you release the mouse button, it will be deleted. If there are more 

connections in the similar direction, the closest one will be selected -

it sounds a good idea, but if you're over a target pin, it's better 

to be select the connection which ends at the target pin you're right 

over, not the closest one.