JavaScript InfoVis Toolkit Integration Test

asked 2012-05-11 08:07:33 +0800

Hi guys, been silent for a while, but active anyway...
I just want to share a small but yet nice integration test.
Have a look at the impressive JavaScript InfoVis Toolkit (http://thejit.org/) for graph visualization on the web.
Now go to our sandbox http://www.zkoss.org/zksandbox/#f1 and try the following code (copy&paste, just tested):


<window title="JavaScript InfoVis Toolkit (Integration test) by Steva77" border="normal" width="100%">

<html>

<![CDATA[

<link type="text/css" href="http://thejit.org/static/v20/Jit/Examples/css/base.css" rel="stylesheet" />
<link type="text/css" href="http://thejit.org/static/v20/Jit/Examples/css/ForceDirected.css" rel="stylesheet" />
<!--[if IE]><script language="javascript" type="text/javascript" src="http://thejit.org/static/v20/Jit/Extras/excanvas.js"></script><!-->
<!-- JIT Library File -->
<script language="javascript" type="text/javascript" src="http://thejit.org/static/v20/Jit/jit-yc.js"></script>
<!-- Example File -->
<script language="javascript" type="text/javascript" src="http://thejit.org/static/v20/Jit/Examples/ForceDirected/example2.js"></script>

<input type="button" value="GO 'N' GRAPH" onclick="init();">
<div id="container">
	<div id="left-container"></div>
	<div id="center-container">
	    <div id="infovis"></div>    
	</div>
	<div id="right-container"></div>
	<div id="log"></div>
</div>

]]>
</html>

</window>

Nice, uh?!
Well... I just liked very much the idea of having such visualization opportunity "integrated" in ZK!
The orginal code had onload body function used to load the graph, just used a quick workaround.
Enjoy,
Stefano

delete flag offensive retag edit