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 <[email protected]> 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 <[email protected]> > 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 : [email protected] >> > > > > -- > 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>
_______________________________________________ Architecture mailing list [email protected] https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture
