Hi Suho, Shall we explore the possibility of adding this to VizGrammer? and use Vega if that works?
--Srinath On Fri, Dec 4, 2015 at 10:07 AM, Kasun Indrasiri <ka...@wso2.com> wrote: > 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/ > -- ============================ Blog: http://srinathsview.blogspot.com twitter:@srinath_perera Site: http://people.apache.org/~hemapani/ Photos: http://www.flickr.com/photos/hemapani/ Phone: 0772360902
_______________________________________________ Architecture mailing list Architecture@wso2.org https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture