Simple communication between web components
xxxxxxxxxx<html> <head> <title>Tree display using TnT and polymer</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> <script src="https://www.polymer-project.org/webcomponents.js"></script> <link rel="import" href="https://www.polymer-project.org/components/font-roboto/roboto.html"> <link rel="import" href="https://www.polymer-project.org/components/core-signals/core-signals.html"> <link rel="import" href="tnt-tree-info.html"> <style> .container { width: 90%; margin: 50px auto; } </style> </head> <body unresolved> <div class="container"> <p>Click on a node to get its information</p> <tnt-tree newick="((human:0.13, chimp:0.15)primates:0.3, mouse:1)vertebrates:0.13" scale="false"></tnt-tree> <node-info></node-info> </div> </body></html> Modified http://www.polymer-project.org/webcomponents.js to a secure url
https://www.polymer-project.org/webcomponents.js