Tue Aug 21, 2018 11:47 pm
Login Register Lost Password? Contact Us


ECL-PiPES

A place for developers to ask questions about contributing to the open source code base

Tue Aug 05, 2014 8:09 am Change Time Zone

C++ (Hard) => ECL(Easy) => ECL-PIPES (Easiest)

Image

DRAG & DROP to make ECL code

Here are some rough GUI layouts:
https://846a6bcc15e6009871807cef600f8ea ... .09-AM.png

https://846a6bcc15e6009871807cef600f8ea ... .21-AM.png

Image
househippo
 
Posts: 18
Joined: Sun Nov 03, 2013 9:32 pm

Tue Aug 05, 2014 11:31 am Change Time Zone

If you are looking for some JavaScript which will take the "flow" diagram and do an automatic layout you will find it here: https://github.com/hpcc-systems/Visualization

And an (under development) demo page is here: http://gordonsmith.github.io/Visualization/
gsmith
 
Posts: 275
Joined: Thu May 12, 2011 9:40 am

Wed Aug 06, 2014 8:38 am Change Time Zone

Gordan,

Thanks for the recommend. I really like how you can zoom in and out the window with ease.
Was thinking about using jsPlumb. I'm liking the thick connectors ,but that just CSS.

Here is the progress so far, a little more thought out. If anyone has any suggestions or features ideas let me know.
Image
Last edited by househippo on Wed Aug 06, 2014 8:53 am, edited 2 times in total.
househippo
 
Posts: 18
Joined: Sun Nov 03, 2013 9:32 pm

Wed Aug 06, 2014 8:49 am Change Time Zone

Disclaimer: I have a vested interest in getting people to use the new Viz framework!

The layout algorithm is independent to the visual rendering (and is from dagre), it does a really good job for these type of hierarchical flows.

Further - if you _did_ adopt the new Viz Widget Framework for each of your "nodes"/"edges" then they would be trivial to plug into a "Graph" view which can do the layout.

Further Again: The core viz libraries will be included in future versions of the platform.

PS - Looking good!!!
gsmith
 
Posts: 275
Joined: Thu May 12, 2011 9:40 am

Thu Aug 07, 2014 3:20 am Change Time Zone

Gordan,

Can't get the require.js file to work right.
Could you create a single example page for the just Composition
and have onload="doTest()" execute on a jquery $(document).ready(function(){ doTest(); });

Thank you
househippo
 
Posts: 18
Joined: Sun Nov 03, 2013 9:32 pm

Thu Aug 07, 2014 7:01 am Change Time Zone

Gordan,

Got it to work.
Is there a documentation for methods that I can use?

I see some like
.vertex_click()

are there others like:
.remove_edge()
Attachments
Screen Shot 2014-08-06 at 11.55.37 PM.png
(83.62 KiB) Downloaded 1543 times
househippo
 
Posts: 18
Joined: Sun Nov 03, 2013 9:32 pm

Thu Aug 07, 2014 8:35 am Change Time Zone

The docs don't exist yet, but I am in the process of adding some annotation to help in this matter.

Comments:
The vertex_click is an event that user can hook.

To add/remove items, you need to maintain your own list of "vertices" and "edges", then you simply call .data({vertices: myVertices, edges:myEdges, merge: true}); To merge your changes into the viz.

It would be simple to expose some simple add/remove methods as well.

(as you can see this is very early days, but any real world usage like this is excellent).
gsmith
 
Posts: 275
Joined: Thu May 12, 2011 9:40 am


Return to Contributors

Who is online

Users browsing this forum: No registered users and 1 guest