Re: [Architecture] Ability to display data in a collapsible graph structure

[Srinath Perera]

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  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  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  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 
>>> 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 
>> Twitter - @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

Re: [Architecture] Ability to display data in a collapsible graph structure

[Kasun Indrasiri]

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  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  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 
>> 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 
> Twitter - @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

Re: [Architecture] Ability to display data in a collapsible graph structure

[Dunith Dhanushka]

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  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 
> 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 
Twitter - @dunithd 
___
Architecture mailing list
Architecture@wso2.org
https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture

Re: [Architecture] Ability to display data in a collapsible graph structure

[Kasun Indrasiri]

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  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/
___
Architecture mailing list
Architecture@wso2.org
https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture