<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hypertree - Graph Operations</title>
<!-- CSS Files -->
<link type="text/css" href="../css/base.css" rel="stylesheet" />
<link type="text/css" href="../css/Hypertree.css" rel="stylesheet" />
<!--[if IE]><script language="javascript" type="text/javascript" src="../../Extras/excanvas.js"></script><![endif]-->
<!-- JIT Library File -->
<script language="javascript" type="text/javascript" src="../../jit.js"></script>
<!-- Example File -->
<script language="javascript" type="text/javascript" src="example3.js"></script>
</head>
<body onload="init();">
<div id="container">
<div id="left-container">
<div class="text">
<h4>
Graph Operations
</h4>
You can do the following operations with the Hypertree<br /><br />
1.- Removing subtrees or nodes<br /><br />
2.- Removing edges<br /><br />
3.- Adding another graph, also called sum<br /><br />
4.- Morphing (or transforming) the graph into another one<br />
</div>
<div id="id-list"></div>
<div style="text-align:center;"><a href="example3.js">See the Example Code</a></div>
</div>
<div id="center-container">
<div id="infovis"></div>
</div>
<div id="right-container">
<h4>Global Options</h4>
<table>
<tr>
<td>
duration:
</td>
<td>
<select id="select-duration">
<option>1000</option>
<option>1500</option>
</select>
</td>
</tr>
<tr>
<td>
fps:
</td>
<td>
<select id="select-fps">
<option>10</option>
<option selected="selected">30</option>
<option>60</option>
</select>
</td>
</tr>
<tr>
<td>
hide labels:
</td>
<td>
<input type="checkbox" checked="checked" id="hide-labels" />
</td>
</tr>
<tr>
<td>
<input type="button" value="Refresh" onclick="window.location = window.location" />
</td>
</tr>
</table>
<h4>1.- Remove Nodes</h4>
<table>
<tr>
<td>
type:
</td>
<td>
<select id="select-type-remove-nodes">
<option>fade:seq</option>
<option>fade:con</option>
<option>iter</option>
<option>replot</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="Remove" id="remove-nodes" />
</td>
<td>
<input type="button" value="Refresh" onclick="window.location = window.location" />
</td>
</tr>
</table>
<h4>2.- Remove Edges</h4>
<table>
<tr>
<td>
type:
</td>
<td>
<select id="select-type-remove-edges">
<option>fade:seq</option>
<option>fade:con</option>
<option>iter</option>
<option>replot</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="Remove" id="remove-edges" />
</td>
<td>
<input type="button" value="Refresh" onclick="window.location = window.location" />
</td>
</tr>
</table>
<h4>3.- Add Graph (Sum)</h4>
<table>
<tr>
<td>
type:
</td>
<td>
<select id="select-type-sum">
<option>fade:seq</option>
<option>fade:con</option>
<option>replot</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="Sum" id="sum" />
</td>
<td>
<input type="button" value="Refresh" onclick="window.location = window.location" />
</td>
</tr>
</table>
<h4>4.- Morph</h4>
<table>
<tr>
<td>
type:
</td>
<td>
<select id="select-type-morph">
<option>fade:con</option>
<option>replot</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="Morph" id="morph" />
</td>
<td>
<input type="button" value="Refresh" onclick="window.location = window.location" />
</td>
</tr>
</table>
</div>
<div id="log"></div>
</div>
</body>
</html>
InfoVis Toolkit 文件包
5星 · 超过95%的资源 需积分: 10 7 浏览量
2012-05-07
21:39:14
上传
评论
收藏 312KB ZIP 举报 
Jit-2.0.1.zip （77个子文件） 
Jit 
jit-yc.js 159KB Examples Treemap 
example1.html 2KB example2.js 21KB example1.js 26KB example3.html 2KB example2.html 2KB example3.js 30KB AreaChart example1.html 2KB example1.js 4KB ForceDirected example1.html 2KB example2.js 15KB example1.js 15KB example2.html 2KB BarChart example1.html 2KB example2.js 4KB example1.js 4KB example2.html 2KB Icicle example1.html 2KB example2.js 357KB example1.js 126KB example2.html 2KB RGraph example1.html 2KB example4.html 1KB example2.js 9KB example1.js 21KB example3.html 5KB example4.js 22KB example2.html 2KB example3.js 20KB css PieChart.css 3KB ForceDirected.css 313B HeatMap.css 0B Hypertree.css 49B
gradient.png 12KB TimeGraph.css 3KB RGraph.css 0B BarChart.css 3KB Icicle.css 2KB Spacetree.css 2KB Treemap.css 2KB Sunburst.css 478B AreaChart.css 3KB base.css 2KB col1.png 4KB col2.png 4KB ForceDirected3D.css 127B Other.css 100B Other example1.html 2KB example2.js 8KB example1.js 15KB example3.html 2KB example2.html 2KB example3.js 9KB Hypertree example1.html 2KB example2.js 9KB example1.js 13KB example3.html 5KB example2.html 2KB example3.js 20KB Sunburst example1.html 2KB example2.js 28KB example1.js 8KB example2.html 2KB PieChart example1.html 2KB example1.js 4KB Spacetree example1.html 3KB example4.html 2KB example5.js 10KB example2.js 15KB example1.js 29KB example3.html 2KB example5.html 5KB example4.js 29KB example2.html 2KB example3.js 28KB jit.js 479KB Extras excanvas.js 40KB资源评论
runstone7122013-01-10好用，好多很炫的效果
mnijafon2012-10-24正在找的东西，官网打不开，多谢分享。
山海间2013-09-06好多很炫的效果。
database_zbye2013-01-17可视化包，正在找。
