You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
20 KiB
HTML

4 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Included Sample Data - Documentation</title>
<script src="scripts/prettify/prettify.js"></script>
<script src="scripts/prettify/lang-css.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
<div class="navicon"></div>
</label>
<label for="nav-trigger" class="overlay"></label>
<nav>
<li class="nav-link nav-home-link"><a href="index.html">Home</a></li><li class="nav-heading">Tutorials</li><li class="nav-item"><a href="tutorial-1-getting-started.html">Getting Started</a></li><li class="nav-item"><a href="tutorial-2-node-and-link-attributes.html">Node & Link Attributes</a></li><li class="nav-item"><a href="tutorial-3-included-sample-data.html">Included Sample Data</a></li><li class="nav-item"><a href="tutorial-4-example-queries.html">Example Queries</a></li><li class="nav-item"><a href="tutorial-5-special-use-cases.html">Special Use Cases</a></li><li class="nav-heading">Modules</li><li class="nav-heading"><span class="nav-item-type type-module">M</span><span class="nav-item-name"><a href="module-API.html">API</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.alignFixedNodesToGrid">alignFixedNodesToGrid</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.autoRefresh">autoRefresh</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.center">center</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.centerPositionGraph">centerPositionGraph</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.centerPositionViewport">centerPositionViewport</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.charge">charge</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.chargeDistance">chargeDistance</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.colorScheme">colorScheme</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.customize">customize</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.data">data</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.debug">debug</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.domParentWidth">domParentWidth</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.dragMode">dragMode</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.forceTimeLimit">forceTimeLimit</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.friction">friction</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.gravity">gravity</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.gridSize">gridSize</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.height">height</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.inspect">inspect</a></span></li><li class="nav-item"><span class="nav-item-type type-function">F</span><span class="nav-item-name"><a href="module-API.html#.keepAspectRatioOnResize">keepAspectRatioOnResize</a></span></li><li class="nav-item"><span class
</nav>
<div id="main">
<h1 class="page-title">Included Sample Data</h1>
<section>
<header>
</header>
<article>
<p>The following data (XML notation, not all records shown) is included in the source code. You can deliver your data in three formats: JSON object, JSON string or XML string. See the examples below.</p>
<h2>JSON Notation Example</h2><pre class="prettyprint source lang-js"><code>{
&quot;data&quot;:{
&quot;nodes&quot;:[
{
&quot;ID&quot;:&quot;7839&quot;,
&quot;LABEL&quot;:&quot;KING is THE KING, you know?&quot;,
&quot;COLORVALUE&quot;:&quot;10&quot;,
&quot;COLORLABEL&quot;:&quot;Accounting&quot;,
&quot;SIZEVALUE&quot;:5000,
&quot;LABELCIRCULAR&quot;:true,
&quot;LINK&quot;:&quot;http://apex.oracle.com/&quot;,
&quot;INFOSTRING&quot;:&quot;This visualization is based on the well known emp table.&quot;
},
{
&quot;ID&quot;:&quot;7698&quot;,
&quot;LABEL&quot;:&quot;BLAKE&quot;,
&quot;COLORVALUE&quot;:&quot;30&quot;,
&quot;COLORLABEL&quot;:&quot;Sales&quot;,
&quot;SIZEVALUE&quot;:2850
}
],
&quot;links&quot;:[
{
&quot;FROMID&quot;:&quot;7839&quot;,
&quot;TOID&quot;:&quot;7839&quot;,
&quot;STYLE&quot;:&quot;dotted&quot;,
&quot;COLOR&quot;:&quot;blue&quot;,
&quot;INFOSTRING&quot;:&quot;This is a self link (same source and target node) rendered along a path with the STYLE attribute set to dotted and COLOR attribute set to blue.&quot;
},
{
&quot;FROMID&quot;:&quot;7698&quot;,
&quot;TOID&quot;:&quot;7839&quot;,
&quot;STYLE&quot;:&quot;dashed&quot;,
&quot;LABEL&quot;:&quot;A link label&quot;
}
]
}
}</code></pre><h2>XML Notation Example</h2><pre class="prettyprint source lang-xml"><code>&lt;data>
&lt;nodes
ID=&quot;7839&quot;
LABEL=&quot;KING is THE KING, you know?&quot;
COLORVALUE=&quot;10&quot;
COLORLABEL=&quot;Accounting&quot;
SIZEVALUE=&quot;5000&quot;
LABELCIRCULAR=&quot;true&quot;
LINK=&quot;http://apex.oracle.com/&quot;
INFOSTRING=&quot;This visualization is based on the well known emp table.&quot;
/>
&lt;nodes
ID=&quot;7698&quot;
LABEL=&quot;BLAKE&quot;
COLORVALUE=&quot;30&quot;
COLORLABEL=&quot;Sales&quot;
SIZEVALUE=&quot;2850&quot;
/>
&lt;links
FROMID=&quot;7839&quot;
TOID=&quot;7839&quot;
STYLE=&quot;dotted&quot;
COLOR=&quot;blue&quot;
INFOSTRING=&quot;This is a self link (same source and target node) rendered along a path with the STYLE attribute set to dotted and COLOR attribute set to blue.&quot;
/>
&lt;links
FROMID=&quot;7698&quot;
TOID=&quot;7839&quot;
STYLE=&quot;dashed&quot;
LABEL=&quot;A link label&quot;
/>
&lt;/data></code></pre>
</article>
</section>
</div>
<br class="clear">
<footer>
Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Sun Apr 28 2019 15:36:35 GMT+0200 (Mitteleuropäische Sommerzeit) using the Minami theme.
</footer>
<script>prettyPrint();</script>
<script src="scripts/linenumber.js"></script>
</body>
</html>