mirror of https://github.com/vitalif/dimple
Version 2.1
parent
132b47a854
commit
f6cbcab690
|
@ -8,7 +8,7 @@
|
||||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||||
<title id="title"></title>
|
<title id="title"></title>
|
||||||
<script type="application/javascript" src="/lib/d3.v3.min.js"></script>
|
<script type="application/javascript" src="/lib/d3.v3.min.js"></script>
|
||||||
<script type="application/javascript" src="/dist/dimple.v2.0.0.min.js"></script>
|
<script type="application/javascript" src="/dist/dimple.v2.1.0.min.js"></script>
|
||||||
<link rel="stylesheet" href="/stylesheets/styles.css">
|
<link rel="stylesheet" href="/stylesheets/styles.css">
|
||||||
<link rel="stylesheet" href="/stylesheets/pygment_trac.css">
|
<link rel="stylesheet" href="/stylesheets/pygment_trac.css">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||||
|
@ -43,10 +43,10 @@
|
||||||
</table>
|
</table>
|
||||||
<h3>Libraries</h3>
|
<h3>Libraries</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="/dist/dimple.v2.0.0.js">
|
<a href="/dist/dimple.v2.1.0.js">
|
||||||
Full Javascript Library With Comments
|
Full Javascript Library With Comments
|
||||||
</a><br/>
|
</a><br/>
|
||||||
<a href="/dist/dimple.v2.0.0.min.js">
|
<a href="/dist/dimple.v2.1.0.min.js">
|
||||||
Minified Javascript Library
|
Minified Javascript Library
|
||||||
</a><br/>
|
</a><br/>
|
||||||
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
||||||
|
@ -58,6 +58,9 @@
|
||||||
</p>
|
</p>
|
||||||
<h3>Resources</h3>
|
<h3>Resources</h3>
|
||||||
<p>
|
<p>
|
||||||
|
<a href="/index.html">
|
||||||
|
Home
|
||||||
|
</a><br/>
|
||||||
<a href="/examples_index.html">
|
<a href="/examples_index.html">
|
||||||
Examples
|
Examples
|
||||||
</a><br/>
|
</a><br/>
|
||||||
|
@ -119,12 +122,12 @@
|
||||||
$.get("adhoc/" + spec.id + ".html", function (page) {
|
$.get("adhoc/" + spec.id + ".html", function (page) {
|
||||||
$("#codeContainer").text(
|
$("#codeContainer").text(
|
||||||
page.slice(page.indexOf("<div"))
|
page.slice(page.indexOf("<div"))
|
||||||
.replace("src=\"/dist/dimple.v2.0.0.js\"", "src=\"http://dimplejs.org/dist/dimple.v2.0.0.min.js\"")
|
.replace("src=\"/dist/dimple.v2.1.0.js\"", "src=\"http://dimplejs.org/dist/dimple.v2.1.0.min.js\"")
|
||||||
.replace("src=\"/lib/d3.v3.min.js\"", "src=\"http://d3js.org/d3.v3.min.js\"")
|
.replace("src=\"/lib/d3.v3.min.js\"", "src=\"http://d3js.org/d3.v3.min.js\"")
|
||||||
);
|
);
|
||||||
$("#chartBox").html(
|
$("#chartBox").html(
|
||||||
page.slice(page.indexOf("<div"))
|
page.slice(page.indexOf("<div"))
|
||||||
.replace("src=\"/dist/dimple.v2.0.0.js\"", "")
|
.replace("src=\"/dist/dimple.v2.1.0.js\"", "")
|
||||||
.replace("src=\"/lib/d3.v3.min.js\"", "")
|
.replace("src=\"/lib/d3.v3.min.js\"", "")
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
|
@ -35,10 +35,10 @@
|
||||||
<p></p>
|
<p></p>
|
||||||
<h3>Libraries</h3>
|
<h3>Libraries</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="/dist/dimple.v2.0.0.js">
|
<a href="/dist/dimple.v2.1.0.js">
|
||||||
Full Javascript Library With Comments
|
Full Javascript Library With Comments
|
||||||
</a><br/>
|
</a><br/>
|
||||||
<a href="/dist/dimple.v2.0.0.min.js">
|
<a href="/dist/dimple.v2.1.0.min.js">
|
||||||
Minified Javascript Library
|
Minified Javascript Library
|
||||||
</a><br/>
|
</a><br/>
|
||||||
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
||||||
|
@ -50,6 +50,9 @@
|
||||||
</p>
|
</p>
|
||||||
<h3>Resources</h3>
|
<h3>Resources</h3>
|
||||||
<p>
|
<p>
|
||||||
|
<a href="/index.html">
|
||||||
|
Home
|
||||||
|
</a><br/>
|
||||||
<a href="/examples_index.html">
|
<a href="/examples_index.html">
|
||||||
Examples
|
Examples
|
||||||
</a><br/>
|
</a><br/>
|
||||||
|
@ -85,7 +88,7 @@
|
||||||
$("#next").text(data[0].shortTitle + " >");
|
$("#next").text(data[0].shortTitle + " >");
|
||||||
}
|
}
|
||||||
data.forEach(function (spec, i) {
|
data.forEach(function (spec, i) {
|
||||||
$("#examples").append("<a class=\"example\" href=\"/advanced_examples_viewer.html?id=" + spec.id + "\"><img src=\"/images/" + spec.id + ".png\"></a>");
|
$("#examples").append("<a class=\"example\" href=\"/advanced_examples_viewer.html?id=" + spec.id + "\"><img src=\"/images/" + spec.id + ".jpg\"></a>");
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||||
<title id="title"></title>
|
<title id="title"></title>
|
||||||
<script type="application/javascript" src="/lib/d3.v3.min.js"></script>
|
<script type="application/javascript" src="/lib/d3.v3.min.js"></script>
|
||||||
<script type="application/javascript" src="/dist/dimple.v2.0.0.min.js"></script>
|
<script type="application/javascript" src="/dist/dimple.v2.1.0.min.js"></script>
|
||||||
<link rel="stylesheet" href="/stylesheets/styles.css">
|
<link rel="stylesheet" href="/stylesheets/styles.css">
|
||||||
<link rel="stylesheet" href="/stylesheets/pygment_trac.css">
|
<link rel="stylesheet" href="/stylesheets/pygment_trac.css">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||||
|
@ -43,10 +43,10 @@
|
||||||
</table>
|
</table>
|
||||||
<h3>Libraries</h3>
|
<h3>Libraries</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="/dist/dimple.v2.0.0.js">
|
<a href="/dist/dimple.v2.1.0.js">
|
||||||
Full Javascript Library With Comments
|
Full Javascript Library With Comments
|
||||||
</a><br/>
|
</a><br/>
|
||||||
<a href="/dist/dimple.v2.0.0.min.js">
|
<a href="/dist/dimple.v2.1.0.min.js">
|
||||||
Minified Javascript Library
|
Minified Javascript Library
|
||||||
</a><br/>
|
</a><br/>
|
||||||
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
<a href="https://github.com/PMSI-AlignAlytics/dimple/zipball/master">
|
||||||
|
@ -58,6 +58,9 @@
|
||||||
</p>
|
</p>
|
||||||
<h3>Resources</h3>
|
<h3>Resources</h3>
|
||||||
<p>
|
<p>
|
||||||
|
<a href="/index.html">
|
||||||
|
Home
|
||||||
|
</a><br/>
|
||||||
<a href="/examples_index.html">
|
<a href="/examples_index.html">
|
||||||
Examples
|
Examples
|
||||||
</a><br/>
|
</a><br/>
|
||||||
|
@ -109,44 +112,49 @@
|
||||||
// Prompt if no query string is passed. Mainly useful for debugging.
|
// Prompt if no query string is passed. Mainly useful for debugging.
|
||||||
if (id == undefined) { id = window.prompt("Please enter an example id","bars_vertical"); }
|
if (id == undefined) { id = window.prompt("Please enter an example id","bars_vertical"); }
|
||||||
$.getJSON("/advanced_examples_meta.json", function(data) {
|
$.getJSON("/advanced_examples_meta.json", function(data) {
|
||||||
|
var found = false;
|
||||||
data.forEach(function (spec, i) {
|
data.forEach(function (spec, i) {
|
||||||
if (spec.id == id) {
|
if (spec.id == id) {
|
||||||
|
found = true;
|
||||||
// Set the text elements
|
// Set the text elements
|
||||||
$("#title").text(spec.title);
|
$("#title").text(spec.title);
|
||||||
$("#heading").text(spec.title);
|
$("#heading").text(spec.title);
|
||||||
$("#desc").text(spec.desc);
|
$("#desc").text(spec.desc);
|
||||||
// Set the code display
|
// Set the code display
|
||||||
$.get("examples/" + spec.id + ".html", function (page) {
|
$.get("examples/" + spec.id + ".html", function (page) {
|
||||||
$("#codeContainer").text(
|
$("#codeContainer").text(
|
||||||
page.slice(page.indexOf("<div"))
|
page.slice(page.indexOf("<div"))
|
||||||
.replace("src=\"/dist/dimple.v2.0.0.js\"", "src=\"http://dimplejs.org/dist/dimple.v2.0.0.min.js\"")
|
.replace("src=\"/dist/dimple.v2.1.0.js\"", "src=\"http://dimplejs.org/dist/dimple.v2.1.0.min.js\"")
|
||||||
.replace("src=\"/lib/d3.v3.min.js\"", "src=\"http://d3js.org/d3.v3.min.js\"")
|
.replace("src=\"/lib/d3.v3.min.js\"", "src=\"http://d3js.org/d3.v3.min.js\"")
|
||||||
);
|
);
|
||||||
$("#chartBox").html(
|
$("#chartBox").html(
|
||||||
page.slice(page.indexOf("<div"))
|
page.slice(page.indexOf("<div"))
|
||||||
.replace("src=\"/dist/dimple.v2.0.0.js\"", "")
|
.replace("src=\"/dist/dimple.v2.1.0.js\"", "")
|
||||||
.replace("src=\"/lib/d3.v3.min.js\"", "")
|
.replace("src=\"/lib/d3.v3.min.js\"", "")
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
// Set the previous links
|
// Set the previous links
|
||||||
if (i == 0) {
|
if (i == 0) {
|
||||||
$("#prev").attr("href","/advanced_examples_index.html");
|
$("#prev").attr("href", "/advanced_examples_index.html");
|
||||||
$("#prev").text("< Advanced Index");
|
$("#prev").text("< Advanced Index");
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$("#prev").attr("href","/advanced_examples_viewer.html?id=" + data[i-1].id);
|
$("#prev").attr("href", "/advanced_examples_viewer.html?id=" + data[i - 1].id);
|
||||||
$("#prev").text("< " + data[i-1].shortTitle);
|
$("#prev").text("< " + data[i - 1].shortTitle);
|
||||||
}
|
}
|
||||||
// Set the next links
|
// Set the next links
|
||||||
if (i == data.length - 1) {
|
if (i == data.length - 1) {
|
||||||
$("#next").remove();
|
$("#next").remove();
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$("#next").attr("href","/advanced_examples_viewer.html?id=" + data[i+1].id);
|
$("#next").attr("href", "/advanced_examples_viewer.html?id=" + data[i + 1].id);
|
||||||
$("#next").text(data[i+1].shortTitle + " >");
|
$("#next").text(data[i + 1].shortTitle + " >");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
if (!found) {
|
||||||
|
window.location.replace("/advanced_examples_index.html");
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,45 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 470, 300)
|
||||||
|
|
||||||
|
// Define all the axes
|
||||||
|
var xAxis = myChart.addMeasureAxis("x", "Distribution");
|
||||||
|
var yAxis = myChart.addMeasureAxis("y", "Price");
|
||||||
|
var segments = myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var size = myChart.addMeasureAxis("z", "Sales Value");
|
||||||
|
var ring = myChart.addSeries(["Price Tier", "Channel"], dimple.plot.pie);
|
||||||
|
var pie = myChart.addSeries(["Price Tier", "Owner"], dimple.plot.pie);
|
||||||
|
|
||||||
|
// Zoom in the axis bounds
|
||||||
|
xAxis.overrideMin = 40;
|
||||||
|
xAxis.overrideMax = 70;
|
||||||
|
yAxis.overrideMax = 150;
|
||||||
|
|
||||||
|
// Set the maximum radius for the bubbles
|
||||||
|
ring.radius = 75;
|
||||||
|
pie.radius = 75;
|
||||||
|
|
||||||
|
// Create fixed 10px ring with a 5px
|
||||||
|
// margin (negative sizes are calculated inwards)
|
||||||
|
ring.innerRadius = "-10px";
|
||||||
|
pie.outerRadius = "-15px";
|
||||||
|
|
||||||
|
// Draw averages for the pie and ring
|
||||||
|
ring.aggregate = dimple.aggregateMethod.avg;
|
||||||
|
pie.aggregate = dimple.aggregateMethod.avg;
|
||||||
|
|
||||||
|
// Animate by date
|
||||||
|
myChart.setStoryboard("Date");
|
||||||
|
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
// This is the simple vertical grouped stacked 100% bar example
|
// This is the simple vertical grouped stacked 100% bar example
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
// Create the svg and set the dimensions
|
// Create the svg and set the dimensions
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
// Create the svg and set the dimensions
|
// Create the svg and set the dimensions
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
var data = [
|
var data = [
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer" style="height: 100%">
|
<div id="chartContainer" style="height: 100%">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
// In version 1.1.0 it's possible to initialise any size parameter with a
|
// In version 1.1.0 it's possible to initialise any size parameter with a
|
||||||
// % value as well as pixels
|
// % value as well as pixels
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
// This code should support any data in this structure changing the data here
|
// This code should support any data in this structure changing the data here
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", "01/12/2012");
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 500, 330)
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales Monthly Change");
|
||||||
|
myChart.addMeasureAxis("x", "Price Monthly Change");
|
||||||
|
myChart.addMeasureAxis("p", "Operating Profit");
|
||||||
|
myChart.addMeasureAxis("z", "Operating Profit");
|
||||||
|
myChart.addSeries(["Owner", "Channel"], dimple.plot.pie);
|
||||||
|
myChart.addLegend(200, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(65, 50, 505, 330)
|
||||||
|
myChart.addCategoryAxis("x", ["Price Tier", "Channel"]);
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var pies = myChart.addSeries("Owner", dimple.plot.pie);
|
||||||
|
pies.radius = 20;
|
||||||
|
myChart.addLegend(170, 10, 410, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,25 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", [
|
||||||
|
"01/07/2012", "01/08/2012", "01/09/2012",
|
||||||
|
"01/10/2012", "01/11/2012", "01/12/2012"]);
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(75, 30, 480, 330)
|
||||||
|
myChart.addMeasureAxis("x", "Unit Sales");
|
||||||
|
var y = myChart.addCategoryAxis("y", "Month");
|
||||||
|
y.addOrderRule("Date");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var pies = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
pies.radius = 20;
|
||||||
|
myChart.addLegend(180, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(95, 25, 475, 335)
|
||||||
|
myChart.addCategoryAxis("x", "Price Tier");
|
||||||
|
myChart.addCategoryAxis("y", "Pack Size");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var pies = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
pies.radius = 25;
|
||||||
|
myChart.addLegend(240, 10, 330, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", "01/12/2012");
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 500, 330)
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales Monthly Change");
|
||||||
|
myChart.addMeasureAxis("x", "Price Monthly Change");
|
||||||
|
myChart.addMeasureAxis("p", "Operating Profit");
|
||||||
|
var pies = myChart.addSeries(["Owner", "Channel"], dimple.plot.pie);
|
||||||
|
pies.radius = 20;
|
||||||
|
myChart.addLegend(200, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(20, 20, 460, 360)
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
myChart.addSeries("Owner", dimple.plot.pie);
|
||||||
|
myChart.addLegend(500, 20, 90, 300, "left");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(65, 50, 505, 310)
|
||||||
|
myChart.addCategoryAxis("x", ["Price Tier", "Channel"]);
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var pies = myChart.addSeries("Owner", dimple.plot.pie);
|
||||||
|
pies.radius = 20;
|
||||||
|
myChart.addLegend(170, 10, 410, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,25 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", [
|
||||||
|
"01/07/2012", "01/08/2012", "01/09/2012",
|
||||||
|
"01/10/2012", "01/11/2012", "01/12/2012"]);
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 500, 330)
|
||||||
|
var x = myChart.addCategoryAxis("x", "Month");
|
||||||
|
x.addOrderRule("Date");
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var pies = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
pies.radius = 20;
|
||||||
|
myChart.addLegend(140, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", "01/12/2012");
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 500, 330)
|
||||||
|
myChart.addMeasureAxis("x", "Unit Sales Monthly Change");
|
||||||
|
myChart.addMeasureAxis("y", "Price Monthly Change");
|
||||||
|
myChart.addMeasureAxis("p", "Operating Profit");
|
||||||
|
myChart.addMeasureAxis("z", "Operating Profit");
|
||||||
|
var rings = myChart.addSeries(["SKU", "Channel"], dimple.plot.pie);
|
||||||
|
rings.innerRadius = "80%";
|
||||||
|
myChart.addLegend(200, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(75, 50, 495, 310)
|
||||||
|
myChart.addMeasureAxis("x", "Unit Sales");
|
||||||
|
myChart.addCategoryAxis("y", ["Price Tier", "Channel"]);
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var rings = myChart.addSeries("Pack Size", dimple.plot.pie);
|
||||||
|
rings.innerRadius = 15;
|
||||||
|
rings.outerRadius = 20;
|
||||||
|
myChart.addLegend(170, 10, 410, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,26 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", [
|
||||||
|
"01/07/2012", "01/08/2012", "01/09/2012",
|
||||||
|
"01/10/2012", "01/11/2012", "01/12/2012"]);
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(75, 30, 480, 330)
|
||||||
|
myChart.addMeasureAxis("x", "Unit Sales");
|
||||||
|
var y = myChart.addCategoryAxis("y", "Month");
|
||||||
|
y.addOrderRule("Date");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var rings = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
rings.innerRadius = 15;
|
||||||
|
rings.outerRadius = 20;
|
||||||
|
myChart.addLegend(180, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(95, 25, 475, 335)
|
||||||
|
myChart.addCategoryAxis("x", "Price Tier");
|
||||||
|
myChart.addCategoryAxis("y", "Pack Size");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var rings = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
rings.innerRadius = 15;
|
||||||
|
rings.outerRadius = 25;
|
||||||
|
myChart.addLegend(240, 10, 330, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(20, 20, 460, 360)
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var outerRing = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
var innerRing = myChart.addSeries("Price Tier", dimple.plot.pie);
|
||||||
|
// Negatives are calculated from outside edge, positives from center
|
||||||
|
outerRing.innerRadius = "-30px";
|
||||||
|
innerRing.outerRadius = "-40px";
|
||||||
|
innerRing.innerRadius = "-70px";
|
||||||
|
myChart.addLegend(500, 20, 90, 300, "left");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", "01/12/2012");
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 500, 330)
|
||||||
|
myChart.addMeasureAxis("x", "Unit Sales Monthly Change");
|
||||||
|
myChart.addMeasureAxis("y", "Price Monthly Change");
|
||||||
|
myChart.addMeasureAxis("p", "Operating Profit");
|
||||||
|
var rings = myChart.addSeries(["Owner", "Channel"], dimple.plot.pie);
|
||||||
|
rings.innerRadius = 20;
|
||||||
|
rings.outerRadius = 25;
|
||||||
|
myChart.addLegend(200, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(20, 20, 460, 360)
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var ring = myChart.addSeries("Owner", dimple.plot.pie);
|
||||||
|
ring.innerRadius = "50%";
|
||||||
|
myChart.addLegend(500, 20, 90, 300, "left");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(65, 50, 505, 310)
|
||||||
|
myChart.addCategoryAxis("x", ["Price Tier", "Channel"]);
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var rings = myChart.addSeries("Pack Size", dimple.plot.pie);
|
||||||
|
rings.innerRadius = 20;
|
||||||
|
rings.outerRadius = 30;
|
||||||
|
myChart.addLegend(170, 10, 410, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -0,0 +1,26 @@
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
|
<!----------------------------------------------------------------->
|
||||||
|
<div id="chartContainer">
|
||||||
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
data = dimple.filterData(data, "Date", [
|
||||||
|
"01/07/2012", "01/08/2012", "01/09/2012",
|
||||||
|
"01/10/2012", "01/11/2012", "01/12/2012"]);
|
||||||
|
var myChart = new dimple.chart(svg, data);
|
||||||
|
myChart.setBounds(60, 30, 500, 330)
|
||||||
|
var x = myChart.addCategoryAxis("x", "Month");
|
||||||
|
x.addOrderRule("Date");
|
||||||
|
myChart.addMeasureAxis("y", "Unit Sales");
|
||||||
|
myChart.addMeasureAxis("p", "Unit Sales");
|
||||||
|
var rings = myChart.addSeries("Channel", dimple.plot.pie);
|
||||||
|
rings.innerRadius = 15;
|
||||||
|
rings.outerRadius = 20;
|
||||||
|
myChart.addLegend(140, 10, 360, 20, "right");
|
||||||
|
myChart.draw();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
<!-- AUTOMATICALLY GENERATED CODE - PLEASE EDIT TEMPLATE INSTEAD -->
|
||||||
<!----------------------------------------------------------------->
|
<!----------------------------------------------------------------->
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.min.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.1.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||||
d3.tsv("/data/example_data.tsv", function (data) {
|
d3.tsv("/data/example_data.tsv", function (data) {
|
||||||
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue