Hi Dunith, I think one of the other requirement we have is to aggregate (i.e clone/aggregate scenario) the branches in some scenarios. For that we used dagre as an initial PoC.
On Thu, Dec 3, 2015 at 8:23 PM, Dunith Dhanushka <dun...@wso2.com> wrote: > Hi Kasun, > > I think the requirement here is to implement charts with the drill down > capability. > > We have a home grown JS library called VizGrammar[1] (previously known as > igviz.js) which is used to draw charts in DAS. VizGrammar is a wrapper > around d3.js and vega.js and it is capable of drawing a basic bar chart > with drill down support. Currently drill down support is limited only for > bar charts. > > Sample barchart with drilldown support can be found in sample [2] > > VizGrammar has implemented the drill down feature on top of d3.js and > extensible to support interactive visualizations. Library is still in its > early stages and we welcome any contributions to make it sharable across > platform to support interactive visualizations. > > [1] https://github.com/wso2/VizGrammar/ > [2] > https://github.com/wso2/VizGrammar/blob/master/samples/drillDown/index.html > > Thanks, > Dunith > > > > On Thu, Dec 3, 2015 at 6:49 PM, Kasun Indrasiri <ka...@wso2.com> wrote: > >> Are we planning to support this at framework/DAS level itself. I think >> this will be a common requirement for ESB, CEP and BPS etc. So, we better >> have a common library that caters these requirements. >> >> On Wed, Dec 2, 2015 at 7:01 PM, Viraj Senevirathne <vir...@wso2.com> >> wrote: >> >>> Hi All, >>> >>> Currently we are working on a new statistic and message tracing features >>> for ESB 4.10.0 release. In both projects we are displaying collected data >>> in a graph structure in the UI. Requirements for the graph library is given >>> below. >>> >>> 1. At the start it should only display parent node >>> 2. By clicking on a graph node, user can toggle its immediate >>> children. >>> 3. The user should be able to see more information about that node >>> such as request count,max time etc. >>> >>> After searching for a suitable graph library we found out following >>> >>> 1. Most of the graph data visualizations are done using D3 java >>> script library [1] >>> 2. In DAS we are using VizGrammer [2] java script library which is a >>> wrapper written on top of the D3 library. But it doesn't seem to have >>> graph >>> drawing ability yet. >>> 3. Dagre java script library [3] can draw directed graphs but these >>> are static digraphs. It also wraps D3 JavaScript library. >>> >>> Currently for both Statistic and Tracing projects we are using Dagre >>> library. Statistic tree [4] generated for proxy configuration [5] and >>> tracing of a message flow can be found in [6]. >>> >>> But the main problem of using this library is that graph is a static one >>> and users cannot interact with it. For example I have written a dynamic >>> tree structure using D3 in [7]. User can use click and double click events >>> to interact with the tree. But since this is tree structure we cannot use >>> it for our requirement. (i.e. in clone and aggregate mediators there are >>> parallel flows which combines at the end). >>> >>> Is there a different way to implement this feature? Can we support this >>> type of dynamic graphs using any of our internal library without using >>> external libraries? >>> >>> [1] http://d3js.org/ >>> >>> [2] https://github.com/wso2/VizGrammar >>> >>> [3] https://github.com/cpettitt/dagre >>> >>> [4] >>> https://drive.google.com/a/wso2.com/file/d/0Byt7F9S8tb-DaU1BeFlxNnJQNkU/view?usp=sharing >>> >>> [5] >>> https://drive.google.com/a/wso2.com/file/d/0Byt7F9S8tb-DWnNDZk5xZGtTRHc/view?usp=sharing >>> >>> [6] >>> https://drive.google.com/a/wso2.com/file/d/0Byt7F9S8tb-DRlFKa2FpMG5fd00/view?usp=sharing >>> >>> [7] http://jsfiddle.net/virajsen/pofy6c7t/embedded/result/ >>> >>> Thank you, >>> >>> -- >>> Viraj Senevirathne >>> Software Engineer; WSO2, Inc. >>> >>> Mobile : +94 71 958 0269 >>> Email : vir...@wso2.com >>> >> >> >> >> -- >> Kasun Indrasiri >> Software Architect >> WSO2, Inc.; http://wso2.com >> lean.enterprise.middleware >> >> cell: +94 77 556 5206 >> Blog : http://kasunpanorama.blogspot.com/ >> > > > > -- > Regards, > > Dunith Dhanushka, > Senior Software Engineer > WSO2 Inc, > > Mobile - +94 71 8615744 > Blog - dunithd.wordpress.com <http://blog.dunith.com> > Twitter - @dunithd <http://twitter.com/dunithd> > -- Kasun Indrasiri Software Architect WSO2, Inc.; http://wso2.com lean.enterprise.middleware cell: +94 77 556 5206 Blog : http://kasunpanorama.blogspot.com/
_______________________________________________ Architecture mailing list Architecture@wso2.org https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture