-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathindex.html
More file actions
3 lines (2 loc) · 16.2 KB
/
index.html
File metadata and controls
3 lines (2 loc) · 16.2 KB
1
2
3
<!-- saved from url=(0051)https://hijiangtao.github.io/Force-Directed-Layout/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body><div class="line-gutter-backdrop"></div><table><tbody><tr><td class="line-number" value="1"></td><td class="line-content"><span class="html-doctype"><!DOCTYPE html></span></td></tr><tr><td class="line-number" value="2"></td><td class="line-content"><span class="html-tag"><html></span></td></tr><tr><td class="line-number" value="3"></td><td class="line-content"><br></td></tr><tr><td class="line-number" value="4"></td><td class="line-content"><span class="html-tag"><head></span></td></tr><tr><td class="line-number" value="5"></td><td class="line-content"> <span class="html-tag"><meta <span class="html-attribute-name">charset</span>="<span class="html-attribute-value">utf-8</span>"></span></td></tr><tr><td class="line-number" value="6"></td><td class="line-content"> <span class="html-tag"><meta <span class="html-attribute-name">http-equiv</span>="<span class="html-attribute-value">X-UA-Compatible</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">IE=edge,chrome=1</span>"></span></td></tr><tr><td class="line-number" value="7"></td><td class="line-content"> <span class="html-tag"><title></span>Force Directed Layout Demo<span class="html-tag"></title></span></td></tr><tr><td class="line-number" value="8"></td><td class="line-content"> <span class="html-tag"><link <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>" <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/css</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="https://hijiangtao.github.io/Force-Directed-Layout/default.css">./default.css</a>"></span></td></tr><tr><td class="line-number" value="9"></td><td class="line-content"><span class="html-tag"></head></span></td></tr><tr><td class="line-number" value="10"></td><td class="line-content"><br></td></tr><tr><td class="line-number" value="11"></td><td class="line-content"><span class="html-tag"><body></span></td></tr><tr><td class="line-number" value="12"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">id</span>="<span class="html-attribute-value">chart</span>"></span><span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="13"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">id</span>="<span class="html-attribute-value">panel</span>"></span></td></tr><tr><td class="line-number" value="14"></td><td class="line-content"> <span class="html-tag"><h2></span>Force Directed Layout<span class="html-tag"></h2></span></td></tr><tr><td class="line-number" value="15"></td><td class="line-content"> <span class="html-tag"><h3></span>Parameters<span class="html-tag"></h3></span></td></tr><tr><td class="line-number" value="16"></td><td class="line-content"> <span class="html-tag"><div></span></td></tr><tr><td class="line-number" value="17"></td><td class="line-content"> <span class="html-tag"><label></span>Repulsion<span class="html-tag"></label></span></td></tr><tr><td class="line-number" value="18"></td><td class="line-content"> <span class="html-tag"><input <span class="html-attribute-name">type</span>="<span class="html-attribute-value">number</span>" <span class="html-attribute-name">name</span>="<span class="html-attribute-value">repulsion</span>" <span class="html-attribute-name">value</span>="<span class="html-attribute-value">200.0</span>" <span class="html-attribute-name">id</span>="<span class="html-attribute-value">repuval</span>"></span></td></tr><tr><td class="line-number" value="19"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="20"></td><td class="line-content"> <span class="html-tag"><div></span></td></tr><tr><td class="line-number" value="21"></td><td class="line-content"> <span class="html-tag"><label></span>Stiffness<span class="html-tag"></label></span></td></tr><tr><td class="line-number" value="22"></td><td class="line-content"> <span class="html-tag"><input <span class="html-attribute-name">type</span>="<span class="html-attribute-value">number</span>" <span class="html-attribute-name">name</span>="<span class="html-attribute-value">stiffness</span>" <span class="html-attribute-name">value</span>="<span class="html-attribute-value">200.0</span>" <span class="html-attribute-name">id</span>="<span class="html-attribute-value">stifval</span>"></span></td></tr><tr><td class="line-number" value="23"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="24"></td><td class="line-content"> <span class="html-tag"><div></span></td></tr><tr><td class="line-number" value="25"></td><td class="line-content"> <span class="html-tag"><label></span>Damping<span class="html-tag"></label></span></td></tr><tr><td class="line-number" value="26"></td><td class="line-content"> <span class="html-tag"><input <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text</span>" <span class="html-attribute-name">name</span>="<span class="html-attribute-value">damping</span>" <span class="html-attribute-name">value</span>="<span class="html-attribute-value">0.65</span>" <span class="html-attribute-name">id</span>="<span class="html-attribute-value">dampval</span>"></span></td></tr><tr><td class="line-number" value="27"></td><td class="line-content"> <span class="html-tag"><br></span></td></tr><tr><td class="line-number" value="28"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="29"></td><td class="line-content"> <span class="html-tag"><div></span></td></tr><tr><td class="line-number" value="30"></td><td class="line-content"> <span class="html-tag"><label></span>Drawing Approach<span class="html-tag"></label></span></td></tr><tr><td class="line-number" value="31"></td><td class="line-content"> <span class="html-tag"><select <span class="html-attribute-name">id</span>="<span class="html-attribute-value">approachSel</span>"></span></td></tr><tr><td class="line-number" value="32"></td><td class="line-content"> <span class="html-tag"><option <span class="html-attribute-name">value</span>="<span class="html-attribute-value">canvas</span>"></span>Canvas<span class="html-tag"></option></span></td></tr><tr><td class="line-number" value="33"></td><td class="line-content"> <span class="html-tag"><option <span class="html-attribute-name">value</span>="<span class="html-attribute-value">svg</span>"></span>SVG<span class="html-tag"></option></span></td></tr><tr><td class="line-number" value="34"></td><td class="line-content"> <span class="html-tag"></select></span></td></tr><tr><td class="line-number" value="35"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="36"></td><td class="line-content"> <span class="html-tag"><div></span></td></tr><tr><td class="line-number" value="37"></td><td class="line-content"> <span class="html-tag"><button <span class="html-attribute-name">id</span>="<span class="html-attribute-value">run</span>"></span>Start<span class="html-tag"></button></span></td></tr><tr><td class="line-number" value="38"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="39"></td><td class="line-content"> <span class="html-tag"><hr></span></td></tr><tr><td class="line-number" value="40"></td><td class="line-content"> <span class="html-tag"><h3></span>Details<span class="html-tag"></h3></span></td></tr><tr><td class="line-number" value="41"></td><td class="line-content"> <span class="html-tag"><div></span></td></tr><tr><td class="line-number" value="42"></td><td class="line-content"> <span class="html-tag"><table <span class="html-attribute-name">id</span>="<span class="html-attribute-value">detailTable</span>"></span></td></tr><tr><td class="line-number" value="43"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="44"></td><td class="line-content"> <span class="html-tag"><th></span>Item Desp.<span class="html-tag"></th></span></td></tr><tr><td class="line-number" value="45"></td><td class="line-content"> <span class="html-tag"><th></span>Consuming<span class="html-tag"></th></span></td></tr><tr><td class="line-number" value="46"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="47"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="48"></td><td class="line-content"> <span class="html-tag"><td></span>Drawing Approach<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="49"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="50"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="51"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="52"></td><td class="line-content"> <span class="html-tag"><td></span>Render Time<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="53"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="54"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="55"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="56"></td><td class="line-content"> <span class="html-tag"><td></span>Iteration Time<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="57"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="58"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="59"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="60"></td><td class="line-content"> <span class="html-tag"><td></span>Current Energy<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="61"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="62"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="63"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="64"></td><td class="line-content"> <span class="html-tag"><td></span>Node Number<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="65"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="66"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="67"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="68"></td><td class="line-content"> <span class="html-tag"><td></span>Edge Number<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="69"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="70"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="71"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="72"></td><td class="line-content"> <span class="html-tag"><td></span>Used JSHeapSize<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="73"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="74"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="75"></td><td class="line-content"> <span class="html-tag"><tr></span></td></tr><tr><td class="line-number" value="76"></td><td class="line-content"> <span class="html-tag"><td></span>Layout ChildNodes<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="77"></td><td class="line-content"> <span class="html-tag"><td></span>-<span class="html-tag"></td></span></td></tr><tr><td class="line-number" value="78"></td><td class="line-content"> <span class="html-tag"></tr></span></td></tr><tr><td class="line-number" value="79"></td><td class="line-content"> <span class="html-tag"></table></span></td></tr><tr><td class="line-number" value="80"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="81"></td><td class="line-content"><br></td></tr><tr><td class="line-number" value="82"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">id</span>="<span class="html-attribute-value">copyright</span>"></span></td></tr><tr><td class="line-number" value="83"></td><td class="line-content"> More detail at <span class="html-tag"><a <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="https://github.com/hijiangtao/Force-Directed-Layout">https://github.com/hijiangtao/Force-Directed-Layout</a>"></span>Github<span class="html-tag"></a></span>.<span class="html-tag"><br></span></td></tr><tr><td class="line-number" value="84"></td><td class="line-content"> Created by <span class="html-tag"><a <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="https://hijiangtao.github.io/">https://hijiangtao.github.io/</a>"></span>Joe<span class="html-tag"></a></span> © 2017 Force Directed Layout.</td></tr><tr><td class="line-number" value="85"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="86"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="87"></td><td class="line-content"> </td></tr><tr><td class="line-number" value="88"></td><td class="line-content"><br></td></tr><tr><td class="line-number" value="89"></td><td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/javascript</span>" <span class="html-attribute-name">src</span>='<a class="html-attribute-value html-resource-link" target="_blank" href="https://hijiangtao.github.io/Force-Directed-Layout/dist/home.js">./dist/home.js</a>'></span><span class="html-tag"></script></span></td></tr><tr><td class="line-number" value="90"></td><td class="line-content"><span class="html-tag"></body></span></td></tr><tr><td class="line-number" value="91"></td><td class="line-content"><br></td></tr><tr><td class="line-number" value="92"></td><td class="line-content"><span class="html-tag"></html></span></td></tr><tr><td class="line-number" value="93"></td><td class="line-content"><span class="html-end-of-file"></span></td></tr></tbody></table></body></html>