Hi Dakshika,

Brilliant stuff! This is super cool.

Do we have plans to put hovering pop up boxes with detailed information when you click on an icon? Sorry, if this was already discussed.


On Fri, Nov 28, 2014 at 2:03 PM, Manula Chathurika Thantriwatte <manulac@wso2.com> wrote:

Great work Dakshika.

On Fri, Nov 28, 2014 at 1:09 PM, Dakshika Jayathilaka <dakshika@wso2.com> wrote:
Yes gayan.. d3js include tidy algo inbuit. it can handle any number of nodes. Normally binary tree algo can't handle more than two. 

Dakshika Jayathilaka
Software Engineer
WSO2, Inc.

On Fri, Nov 28, 2014 at 1:02 PM, Gayan Gunarathne <gayang@wso2.com> wrote:
Great work and nice findings of algorithm Dakshika!

Is that algorithm supports more than 2 Siblings per parent? 

On Fri, Nov 28, 2014 at 10:25 AM, Sajith Kariyawasam <sajith@wso2.com> wrote:
Great work Dakshika ! 

Just a thought, can this be supported with expand / collapse options? which I think be useful when the number of nodes are high.. 

On Fri, Nov 28, 2014 at 10:14 AM, Shiroshica Kulatilake <shiro@wso2.com> wrote:
Looks spiffy !!

I was going to ask the same question as Chamila :)

Would it be useful to have the status shown in a label against the node ?

On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <chamilad@wso2.com> wrote:
Great work Dakshika! 

Will there be a legend to indicate which colors represent which statuses? 

Chamila de Alwis
Software Engineer | WSO2 | +94772207163
Blog: code.chamiladealwis.com

On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <lakmal@wso2.com> wrote:
Great work!

On Fri, Nov 28, 2014 at 10:01 AM, Imesh Gunaratne <imesh@apache.org> wrote:
Hi Dakshika,

Fabulous work!! This is one of the key elements of the dashboard. 
I would like to propose use three simple colours like "Orange", "Green" and "Red" to represent "Inactive", "Active" and "Terminating" states of each element. WDYT?


On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <dakshika@wso2.com> wrote:
Hi Devs,

I'm planning to add topology view tree to application detail view page. We had suggestion thread[1] and i have came up with solution based on d3js which include automatic node positioning with Reingold–Tilford “tidy” algorithm[2].

I have created three icons based on our requirement. (Application, Group, Cluster and Member). Each node on the tree will include extra information on hover. Also we need to finalize colors of each node depending on the status. 

Current status levels 

MemberStatus - Created, Starting, Activated, In_Maintenance, ReadyToShutDown, Suspended, Terminated

ApplicationStatus - Created, Active, Inactive, Terminating, Terminated

ClusterStatus - Created, Active, Patching, Inactive, Terminating, Terminated

GroupStatus - Created, Active, Inactive, Terminating, Terminated

Seems we need to coloring only the important status and need to show keys on screen. Also Current tree is not live updating, so i'm planning to add refresh button to get latest status on topology. 


please be kind enough to add your valuable feedback. You can check code demo[4] on my personal repo[3] and live screenshot attached. 

[1] Dashboard for the Composite Application based on status changes

Dakshika Jayathilaka
Software Engineer
WSO2, Inc.

Imesh Gunaratne

Technical Lead, WSO2
Committer & PMC Member, Apache Stratos

Lakmal Warusawithana
Vice President, Apache Stratos
Director - Cloud Architecture; WSO2 Inc.
Mobile : +94714289692

Shiroshica Kulatilake

WSO2, Inc. http://wso2.com/
Phone: +94 776523867

Sajith Kariyawasam
Committer and PMC member, Apache Stratos,
WSO2 Inc., http://wso2.com
Mobile: +94772269575


Gayan Gunarathne
Technical Lead
WSO2 Inc. (http://wso2.com)
email  : gayang@wso2.com  | mobile : +94 766819985

Manula Chathurika Thantriwatte
Software Engineer
WSO2 Inc. : http://wso2.com
lean . enterprise . middleware

Akila Ravihansa Perera
Software Engineer, WSO2

Blog: http://ravihansa3000.blogspot.com