2013-09-12 13:56:11 +04:00
|
|
|
<!----------------------------------------------------------------->
|
|
|
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
|
|
|
<!----------------------------------------------------------------->
|
2013-05-21 16:49:16 +04:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
|
|
<title id="title"></title>
|
2013-09-12 13:17:06 +04:00
|
|
|
<script type="application/javascript" src="/lib/d3.v3.min.js"></script>
|
2016-03-23 18:19:48 +03:00
|
|
|
<script type="application/javascript" src="/dist/dimple.v2.2.0.min.js"></script>
|
2013-05-21 16:49:16 +04:00
|
|
|
<link rel="stylesheet" href="/stylesheets/styles.css">
|
|
|
|
<link rel="stylesheet" href="/stylesheets/pygment_trac.css">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
2013-09-13 18:12:37 +04:00
|
|
|
<script type="application/javascript">
|
|
|
|
window.opener = null;
|
|
|
|
</script>
|
2013-05-21 16:49:16 +04:00
|
|
|
<!--[if lt IE 9]>
|
|
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
|
|
<![endif]-->
|
|
|
|
<script type="application/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
2014-01-24 14:46:07 +04:00
|
|
|
<script>
|
|
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-47450855-1', 'dimplejs.org');
|
|
|
|
ga('send', 'pageview');
|
2013-09-06 13:59:56 +04:00
|
|
|
</script>
|
2013-05-21 16:49:16 +04:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="wrapper">
|
|
|
|
<header>
|
|
|
|
<h2 id="heading"></h2>
|
|
|
|
<p>
|
|
|
|
<span id="desc"></span><br/>
|
|
|
|
</p>
|
2014-07-04 15:48:53 +04:00
|
|
|
<table style="width:100%">
|
|
|
|
<tr>
|
|
|
|
<td style="width:50%" align="left"><a style="text-align:left" id="prev"></a></td>
|
|
|
|
<td style="width:50%" align="right"><a style="text-align:right" id="next"></a></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
2013-05-21 16:49:16 +04:00
|
|
|
<h3>Libraries</h3>
|
|
|
|
<p>
|
2016-03-23 18:19:48 +03:00
|
|
|
<a href="/dist/dimple.v2.2.0.js">
|
2013-09-06 13:59:56 +04:00
|
|
|
Full Javascript Library With Comments
|
|
|
|
</a><br/>
|
2016-03-23 18:19:48 +03:00
|
|
|
<a href="/dist/dimple.v2.2.0.min.js">
|
2013-09-06 13:59:56 +04:00
|
|
|
Minified Javascript Library
|
|
|
|
</a><br/>
|
2014-01-24 14:46:07 +04:00
|
|
|
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
2013-09-06 13:59:56 +04:00
|
|
|
Zip File
|
|
|
|
</a><br/>
|
2014-01-24 14:46:07 +04:00
|
|
|
<a href="https://github.com/PMSI-AlignAlytics/dimple/tarball/master">
|
2013-09-06 13:59:56 +04:00
|
|
|
Tar Ball
|
|
|
|
</a><br/>
|
2013-05-21 16:49:16 +04:00
|
|
|
</p>
|
|
|
|
<h3>Resources</h3>
|
|
|
|
<p>
|
2014-07-24 13:58:51 +04:00
|
|
|
<a href="/index.html">
|
|
|
|
Home
|
|
|
|
</a><br/>
|
2013-09-06 13:59:56 +04:00
|
|
|
<a href="/examples_index.html">
|
|
|
|
Examples
|
|
|
|
</a><br/>
|
|
|
|
<a href="/advanced_examples_index.html">
|
|
|
|
Advanced Examples
|
|
|
|
</a><br/>
|
2014-01-24 14:46:07 +04:00
|
|
|
<a href="https://github.com/PMSI-AlignAlytics/dimple">
|
2013-09-06 13:59:56 +04:00
|
|
|
View On GitHub
|
|
|
|
</a><br/>
|
2014-01-24 14:46:07 +04:00
|
|
|
<a href="https://github.com/PMSI-AlignAlytics/dimple/wiki">
|
2013-09-06 13:59:56 +04:00
|
|
|
Full API Documentation
|
|
|
|
</a><br/>
|
2013-05-21 16:49:16 +04:00
|
|
|
</p>
|
|
|
|
</header>
|
|
|
|
<section>
|
2014-07-04 15:48:53 +04:00
|
|
|
<iframe src="http://ghbtns.com/github-btn.html?user=pmsi-alignalytics&repo=dimple&type=watch&count=true"
|
|
|
|
allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe>
|
|
|
|
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
|
|
|
|
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
2013-05-21 16:49:16 +04:00
|
|
|
<div id="chartBox" style="height:410px" class="chartWindow">
|
2014-07-04 15:48:53 +04:00
|
|
|
<img src="/images/wait.gif" style="display: table; margin: 0 auto; margin-top: 75px;"></img>
|
2013-05-21 16:49:16 +04:00
|
|
|
</div>
|
|
|
|
<pre><code id="codeContainer">
|
|
|
|
<img src="/images/wait.gif" style="display: table; margin: 0 auto;"></img>
|
|
|
|
</code></pre>
|
|
|
|
<div id="disqus_thread"></div>
|
|
|
|
</section>
|
|
|
|
<footer>
|
2013-09-06 13:59:56 +04:00
|
|
|
<p>
|
|
|
|
This is an open-source project by <br/>
|
2014-01-24 14:46:07 +04:00
|
|
|
<a href="http://www.align-alytics.com">
|
2013-09-06 13:59:56 +04:00
|
|
|
PMSI-AlignAlytics</a>
|
|
|
|
</p>
|
2013-05-21 16:49:16 +04:00
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<script src="/javascripts/scale.fix.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// Get the query string as an object
|
|
|
|
function queryStringObj() {
|
|
|
|
var result = {}, keyValuePairs = location.search.slice(1).split('&');
|
|
|
|
keyValuePairs.forEach(function(keyValuePair) {
|
|
|
|
keyValuePair = keyValuePair.split('=');
|
|
|
|
result[keyValuePair[0]] = keyValuePair[1] || '';
|
|
|
|
});
|
|
|
|
return result;
|
|
|
|
}
|
|
|
|
// Load the page from the examples.json based on the query string
|
|
|
|
var id = queryStringObj().id;
|
|
|
|
// Prompt if no query string is passed. Mainly useful for debugging.
|
|
|
|
if (id == undefined) { id = window.prompt("Please enter an example id","bars_vertical"); }
|
|
|
|
$.getJSON("/examples_meta.json", function(data) {
|
2014-07-24 13:58:51 +04:00
|
|
|
var found = false;
|
2013-05-21 16:49:16 +04:00
|
|
|
data.forEach(function (spec, i) {
|
|
|
|
if (spec.id == id) {
|
2014-07-24 13:58:51 +04:00
|
|
|
found = true;
|
2013-05-21 16:49:16 +04:00
|
|
|
// Set the text elements
|
2013-07-05 13:09:19 +04:00
|
|
|
$("#title").text(spec.title);
|
2013-05-21 16:49:16 +04:00
|
|
|
$("#heading").text(spec.title);
|
|
|
|
$("#desc").text(spec.desc);
|
|
|
|
// Set the code display
|
|
|
|
$.get("examples/" + spec.id + ".html", function (page) {
|
2013-09-12 13:17:06 +04:00
|
|
|
$("#codeContainer").text(
|
2015-07-13 20:13:47 +03:00
|
|
|
page.slice(page.indexOf("<html"))
|
2016-03-23 18:19:48 +03:00
|
|
|
.replace("src=\"/dist/dimple.v2.2.0.js\"", "src=\"http://dimplejs.org/dist/dimple.v2.2.0.min.js\"")
|
2013-09-12 13:17:06 +04:00
|
|
|
.replace("src=\"/lib/d3.v3.min.js\"", "src=\"http://d3js.org/d3.v3.min.js\"")
|
|
|
|
);
|
|
|
|
$("#chartBox").html(
|
2015-07-13 20:13:47 +03:00
|
|
|
page.slice(page.indexOf("<html"))
|
2016-03-23 18:19:48 +03:00
|
|
|
.replace("src=\"/dist/dimple.v2.2.0.js\"", "")
|
2013-09-12 13:17:06 +04:00
|
|
|
.replace("src=\"/lib/d3.v3.min.js\"", "")
|
|
|
|
);
|
2013-05-21 16:49:16 +04:00
|
|
|
});
|
|
|
|
// Set the previous links
|
|
|
|
if (i == 0) {
|
|
|
|
$("#prev").attr("href","/examples_index.html");
|
|
|
|
$("#prev").text("< Examples Index");
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
$("#prev").attr("href","/examples_viewer.html?id=" + data[i-1].id);
|
|
|
|
$("#prev").text("< " + data[i-1].shortTitle);
|
|
|
|
}
|
|
|
|
// Set the next links
|
|
|
|
if (i == data.length - 1) {
|
|
|
|
$("#next").remove();
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
$("#next").attr("href","/examples_viewer.html?id=" + data[i+1].id);
|
|
|
|
$("#next").text(data[i+1].shortTitle + " >");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
2014-07-24 13:58:51 +04:00
|
|
|
if (!found) {
|
|
|
|
window.location.replace("/examples_index.html");
|
|
|
|
}
|
2013-05-21 16:49:16 +04:00
|
|
|
});
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
2013-05-21 17:10:06 +04:00
|
|
|
var disqus_shortname = 'dimplejs';
|
2013-05-21 16:49:16 +04:00
|
|
|
var disqus_identifier = id;
|
|
|
|
/* * * DON'T EDIT BELOW THIS LINE * * */
|
|
|
|
(function() {
|
|
|
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
|
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
|
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
|
|
|
})();
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|