mirror of https://github.com/vitalif/dimple
Compare commits
33 Commits
Author | SHA1 | Date |
---|---|---|
|
1a32f3e8d6 | |
![]() |
dbf65501fb | |
![]() |
7d5cf26b65 | |
![]() |
78c940f113 | |
![]() |
b329561cc5 | |
![]() |
951c4023c6 | |
![]() |
20d9960223 | |
![]() |
b03591af98 | |
![]() |
ab4dea320c | |
![]() |
284fae6be5 | |
![]() |
76e5921620 | |
![]() |
df68494024 | |
![]() |
18bc6ce6b3 | |
![]() |
2a08a7cffa | |
![]() |
cdf8e3c1c0 | |
![]() |
6e00a090fe | |
![]() |
c886590261 | |
![]() |
c388d5bdbe | |
![]() |
67bc3a57b5 | |
![]() |
2135f516bc | |
![]() |
9bbd67ec2d | |
![]() |
8396a2b711 | |
![]() |
c3a10e5a2d | |
![]() |
7094c77b97 | |
![]() |
fd08ad739e | |
![]() |
d4c0c691f2 | |
![]() |
308c1a5049 | |
![]() |
c2e89bff47 | |
![]() |
40ce843be0 | |
![]() |
37d94f51ec | |
![]() |
9078202d24 | |
![]() |
449e09d5a2 | |
![]() |
d99c6ea0cd |
examples
|
@ -5,3 +5,4 @@ node_modules
|
||||||
help
|
help
|
||||||
image_creator
|
image_creator
|
||||||
tmp
|
tmp
|
||||||
|
notes
|
|
@ -1,5 +1,8 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.0.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);
|
||||||
|
@ -19,4 +22,5 @@
|
||||||
myChart.draw();
|
myChart.draw();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -1,5 +1,8 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.0.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
|
||||||
|
@ -44,4 +47,5 @@
|
||||||
myChart.draw(2000);
|
myChart.draw(2000);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -1,5 +1,8 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.0.0.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
// Start off with a couple of rows of data
|
// Start off with a couple of rows of data
|
||||||
|
@ -29,4 +32,5 @@
|
||||||
myChart.draw(1000);
|
myChart.draw(1000);
|
||||||
}, 500);
|
}, 500);
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -1,5 +1,8 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.0.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);
|
||||||
|
@ -17,4 +20,5 @@
|
||||||
myChart.draw(800);
|
myChart.draw(800);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -1,5 +1,8 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.0.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);
|
||||||
|
@ -19,4 +22,5 @@
|
||||||
myChart.draw();
|
myChart.draw();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -1,5 +1,8 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
<script src="/dist/dimple.v2.0.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);
|
||||||
|
@ -17,4 +20,5 @@
|
||||||
myChart.draw();
|
myChart.draw();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -1,34 +1,23 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
<script src="/lib/d3.v3.min.js"></script>
|
||||||
<script src="/dist/dimple.v2.0.2.js"></script>
|
<script src="/dist/dimple.v2.0.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) {
|
||||||
var myChart = new dimple.chart(svg, data);
|
var myChart = new dimple.chart(svg, data);
|
||||||
myChart.setBounds(60, 50, 460, 280);
|
myChart.setBounds(60, 50, 460, 280);
|
||||||
|
var monthAxis = myChart.addCategoryAxis("x", "Month");
|
||||||
data = [
|
monthAxis.addOrderRule("Date");
|
||||||
{ "Int": 1, "Float": 234, "Text": "XFBGR", "Date": "12/5/99", "Group": "A"},
|
var volumeAxis = myChart.addMeasureAxis("y", "Unit Sales");
|
||||||
{ "Int": 2, "Float": 54.35, "Text": "YTREB", "Date": "1/1/00", "Group": "A"},
|
var profitAxis = myChart.addMeasureAxis("y", "Operating Profit");
|
||||||
{ "Int": 3, "Float": -453, "Text": "XGFDY", "Date": "2 February 2007", "Group": "B"},
|
myChart.addSeries("Quantity", dimple.plot.line, [monthAxis, volumeAxis]);
|
||||||
{ "Int": 4, "Float": 5436546, "Text": "XGFDE", "Date": "2000-03-01", "Group": "B"},
|
myChart.addSeries("Op. Profit", dimple.plot.line, [monthAxis, profitAxis]);
|
||||||
{ "Int": 5, "Float": 4323, "Text": "YTREB", "Date": "10/10/2000", "Group": "C"},
|
myChart.addLegend(200, 10, 380, 20, "right");
|
||||||
{ "Int": 6, "Float": 0, "Text": "GFDHN", "Date": "11/10/2000", "Group": "C"},
|
myChart.draw();
|
||||||
{ "Int": 7, "Float": -453, "Text": "TRET", "Date": "10/9/2000", "Group": "D"},
|
|
||||||
{ "Int": 1, "Float": 5436546, "Text": "GFDGFDHG", "Date": "10/10/2000", "Group": "E"}
|
|
||||||
];
|
|
||||||
var s = dimple._getOrderedList(data, "Int", { ordering : "Text" });
|
|
||||||
console.log(s);
|
|
||||||
//
|
|
||||||
//
|
|
||||||
// var monthAxis = myChart.addCategoryAxis("x", "Owner");
|
|
||||||
// monthAxis.addOrderRule("Brand");
|
|
||||||
// var volumeAxis = myChart.addMeasureAxis("y", "Unit Sales");
|
|
||||||
// var profitAxis = myChart.addMeasureAxis("y", "Operating Profit");
|
|
||||||
// myChart.addSeries("Quantity", dimple.plot.line, [monthAxis, volumeAxis]);
|
|
||||||
// myChart.addSeries("Op. Profit", dimple.plot.line, [monthAxis, profitAxis]);
|
|
||||||
// myChart.addLegend(200, 10, 380, 20, "right");
|
|
||||||
// myChart.draw();
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
</html>
|
|
@ -9,12 +9,12 @@
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"d3": ">=3.5.2"
|
"d3": ">=3.5.2"
|
||||||
},
|
},
|
||||||
"version": "2.1.6",
|
"version": "2.2.0",
|
||||||
"homepage": "dimplejs.org",
|
"homepage": "dimplejs.org",
|
||||||
"authors": [
|
"authors": [
|
||||||
"johnkiernander <jkiernander@pmsi-consulting.com>"
|
"johnkiernander <jkiernander@pmsi-consulting.com>"
|
||||||
],
|
],
|
||||||
"main": "dist/dimple.v2.1.4.min.js",
|
"main": "dist/dimple.latest.min.js",
|
||||||
"moduleType": [
|
"moduleType": [
|
||||||
"amd"
|
"amd"
|
||||||
],
|
],
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
|
|
||||||
// Create the stub object
|
// Create the stub object
|
||||||
var dimple = {
|
var dimple = {
|
||||||
version: "2.1.6",
|
version: "2.2.0",
|
||||||
plot: {},
|
plot: {},
|
||||||
aggregateMethod: {}
|
aggregateMethod: {}
|
||||||
};
|
};
|
||||||
|
@ -181,6 +181,9 @@
|
||||||
chunks,
|
chunks,
|
||||||
suffix,
|
suffix,
|
||||||
dp;
|
dp;
|
||||||
|
if (typeof this.tickFormat == 'function') {
|
||||||
|
return this.tickFormat;
|
||||||
|
}
|
||||||
if (this.tickFormat !== null && this.tickFormat !== undefined) {
|
if (this.tickFormat !== null && this.tickFormat !== undefined) {
|
||||||
if (this._hasTimeField()) {
|
if (this._hasTimeField()) {
|
||||||
returnFormat = d3.time.format(this.tickFormat);
|
returnFormat = d3.time.format(this.tickFormat);
|
||||||
|
@ -661,6 +664,11 @@
|
||||||
|
|
||||||
// The group within which to put all of this chart's objects
|
// The group within which to put all of this chart's objects
|
||||||
this._group = svg.append("g");
|
this._group = svg.append("g");
|
||||||
|
this._group.attr('class', 'dimple-chart');
|
||||||
|
this._gridlines_group = this._group.insert('g');
|
||||||
|
this._gridlines_group.attr('class', 'dimple-gridlines-group');
|
||||||
|
this._axis_group = this._group.insert('g');
|
||||||
|
this._axis_group.attr('class', 'dimple-axis-group');
|
||||||
// The group within which to put tooltips. This is not initialised here because
|
// The group within which to put tooltips. This is not initialised here because
|
||||||
// the group would end up behind other chart contents in a multi chart output. It will
|
// the group would end up behind other chart contents in a multi chart output. It will
|
||||||
// therefore be added and removed by the mouse enter/leave events
|
// therefore be added and removed by the mouse enter/leave events
|
||||||
|
@ -1012,12 +1020,20 @@
|
||||||
returnData.forEach(function (ret) {
|
returnData.forEach(function (ret) {
|
||||||
if (x !== null) {
|
if (x !== null) {
|
||||||
if (useCount.x === true) { ret.xValue = ret.xValueList.length; }
|
if (useCount.x === true) { ret.xValue = ret.xValueList.length; }
|
||||||
tot = (totals.x[ret.xField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0);
|
if (x._hasMeasure() && x._hasCategories()) {
|
||||||
|
tot = (totals.x[ret.xField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0);
|
||||||
|
} else {
|
||||||
|
tot = (totals.x[ret.xField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0);
|
||||||
|
}
|
||||||
totals.x[ret.xField.join("/")] = tot;
|
totals.x[ret.xField.join("/")] = tot;
|
||||||
}
|
}
|
||||||
if (y !== null) {
|
if (y !== null) {
|
||||||
if (useCount.y === true) { ret.yValue = ret.yValueList.length; }
|
if (useCount.y === true) { ret.yValue = ret.yValueList.length; }
|
||||||
tot = (totals.y[ret.yField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0);
|
if (y._hasMeasure() && y._hasCategories()) {
|
||||||
|
tot = (totals.y[ret.yField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0);
|
||||||
|
} else {
|
||||||
|
tot = (totals.y[ret.yField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0);
|
||||||
|
}
|
||||||
totals.y[ret.yField.join("/")] = tot;
|
totals.y[ret.yField.join("/")] = tot;
|
||||||
}
|
}
|
||||||
if (p !== null) {
|
if (p !== null) {
|
||||||
|
@ -1137,7 +1153,6 @@
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
// Copyright: 2015 AlignAlytics
|
// Copyright: 2015 AlignAlytics
|
||||||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||||
// Source: /src/objects/chart/methods/_getDelay.js
|
// Source: /src/objects/chart/methods/_getDelay.js
|
||||||
|
@ -1278,7 +1293,11 @@
|
||||||
|
|
||||||
// Loop again to calculate shares
|
// Loop again to calculate shares
|
||||||
for (i = 0; i < returnData.length; i += 1) {
|
for (i = 0; i < returnData.length; i += 1) {
|
||||||
returnData[i].piePct = (returnData[i].pValue / pieDictionary[returnData[i].pieKey].total);
|
if (pieDictionary[returnData[i].pieKey].total === 0) {
|
||||||
|
returnData[i].piePct = 0;
|
||||||
|
} else {
|
||||||
|
returnData[i].piePct = (returnData[i].pValue / pieDictionary[returnData[i].pieKey].total);
|
||||||
|
}
|
||||||
returnData[i].startAngle = pieDictionary[returnData[i].pieKey].angle;
|
returnData[i].startAngle = pieDictionary[returnData[i].pieKey].angle;
|
||||||
returnData[i].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle);
|
returnData[i].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle);
|
||||||
pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle;
|
pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle;
|
||||||
|
@ -1602,6 +1621,7 @@
|
||||||
tooltipLabel: 'dimple-custom-tooltip-label',
|
tooltipLabel: 'dimple-custom-tooltip-label',
|
||||||
tooltipDropLine: 'dimple-custom-tooltip-dropline',
|
tooltipDropLine: 'dimple-custom-tooltip-dropline',
|
||||||
lineMarker: 'dimple-custom-line-marker',
|
lineMarker: 'dimple-custom-line-marker',
|
||||||
|
lineMarkerCircle: 'dimple-custom-line-marker-circle',
|
||||||
legendLabel: 'dimple-custom-legend-label',
|
legendLabel: 'dimple-custom-legend-label',
|
||||||
legendKey: 'dimple-custom-legend-key',
|
legendKey: 'dimple-custom-legend-key',
|
||||||
areaSeries: 'dimple-custom-series-area',
|
areaSeries: 'dimple-custom-series-area',
|
||||||
|
@ -1623,6 +1643,7 @@
|
||||||
'dimple-custom-format-10'
|
'dimple-custom-format-10'
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
// Copyright: 2015 AlignAlytics
|
// Copyright: 2015 AlignAlytics
|
||||||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||||
// Source: /src/objects/chart/methods/defaultColors.js
|
// Source: /src/objects/chart/methods/defaultColors.js
|
||||||
|
@ -1829,7 +1850,7 @@
|
||||||
if (axis.gridlineShapes === null) {
|
if (axis.gridlineShapes === null) {
|
||||||
if (axis.showGridlines || (axis.showGridlines === null && !axis._hasCategories() && ((!xGridSet && axis.position === "x") || (!yGridSet && axis.position === "y")))) {
|
if (axis.showGridlines || (axis.showGridlines === null && !axis._hasCategories() && ((!xGridSet && axis.position === "x") || (!yGridSet && axis.position === "y")))) {
|
||||||
// Add a group for the gridlines to allow css formatting
|
// Add a group for the gridlines to allow css formatting
|
||||||
axis.gridlineShapes = this._group.append("g").attr("class", "dimple-gridline");
|
axis.gridlineShapes = this._gridlines_group.append("g").attr("class", "dimple-gridline");
|
||||||
if (axis.position === "x") {
|
if (axis.position === "x") {
|
||||||
xGridSet = true;
|
xGridSet = true;
|
||||||
} else {
|
} else {
|
||||||
|
@ -1845,7 +1866,7 @@
|
||||||
}
|
}
|
||||||
if (axis.shapes === null) {
|
if (axis.shapes === null) {
|
||||||
// Add a group for the axes to allow css formatting
|
// Add a group for the axes to allow css formatting
|
||||||
axis.shapes = this._group.append("g")
|
axis.shapes = this._axis_group.append("g")
|
||||||
.attr("class", "dimple-axis dimple-axis-" + axis.position)
|
.attr("class", "dimple-axis dimple-axis-" + axis.position)
|
||||||
.each(function () {
|
.each(function () {
|
||||||
if (!chart.noFormats) {
|
if (!chart.noFormats) {
|
||||||
|
@ -2033,7 +2054,7 @@
|
||||||
// Add a title for the axis - NB check for null here, by default the title is undefined, in which case
|
// Add a title for the axis - NB check for null here, by default the title is undefined, in which case
|
||||||
// use the dimension name
|
// use the dimension name
|
||||||
if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) {
|
if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) {
|
||||||
axis.titleShape = this._group.append("text")
|
axis.titleShape = this._axis_group.append("text")
|
||||||
.attr("class", "dimple-axis dimple-title " + chart.customClassList.axisTitle + " dimple-axis-" + axis.position);
|
.attr("class", "dimple-axis dimple-title " + chart.customClassList.axisTitle + " dimple-axis-" + axis.position);
|
||||||
axis.titleShape
|
axis.titleShape
|
||||||
.attr("x", titleX)
|
.attr("x", titleX)
|
||||||
|
@ -2177,8 +2198,6 @@
|
||||||
this._heightPixels = function () {
|
this._heightPixels = function () {
|
||||||
return dimple._parentHeight(this.svg.node()) - this._yPixels() - dimple._parseYPosition(bottom, this.svg.node());
|
return dimple._parentHeight(this.svg.node()) - this._yPixels() - dimple._parseYPosition(bottom, this.svg.node());
|
||||||
};
|
};
|
||||||
// Refresh the axes to redraw them against the new bounds
|
|
||||||
this.draw(0, true);
|
|
||||||
// return the chart object for method chaining
|
// return the chart object for method chaining
|
||||||
return this;
|
return this;
|
||||||
};
|
};
|
||||||
|
@ -2556,6 +2575,9 @@
|
||||||
this.tooltipFontFamily = "sans-serif";
|
this.tooltipFontFamily = "sans-serif";
|
||||||
// Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius
|
// Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius
|
||||||
this.radius = "auto";
|
this.radius = "auto";
|
||||||
|
// The group within which to put all of this series's objects
|
||||||
|
this._group = chart._group.append("g");
|
||||||
|
this._group.attr('class', 'dimple-series-group-' + chart.series.length);
|
||||||
|
|
||||||
// Any event handlers joined to this series
|
// Any event handlers joined to this series
|
||||||
this._eventHandlers = [];
|
this._eventHandlers = [];
|
||||||
|
@ -3142,6 +3164,7 @@
|
||||||
p,
|
p,
|
||||||
b,
|
b,
|
||||||
l,
|
l,
|
||||||
|
lIndex,
|
||||||
lastAngle,
|
lastAngle,
|
||||||
catCoord,
|
catCoord,
|
||||||
valCoord,
|
valCoord,
|
||||||
|
@ -3408,17 +3431,20 @@
|
||||||
p = getArea(interpolation, "_previousOrigin")(finalPointArray);
|
p = getArea(interpolation, "_previousOrigin")(finalPointArray);
|
||||||
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints);
|
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints);
|
||||||
l = getArea("linear", "_previousOrigin")(finalPointArray);
|
l = getArea("linear", "_previousOrigin")(finalPointArray);
|
||||||
areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0);
|
lIndex = l.indexOf("L") === -1 ? undefined : l.indexOf("L");
|
||||||
|
areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, lIndex) : 0);
|
||||||
|
|
||||||
p = getArea(interpolation)(finalPointArray);
|
p = getArea(interpolation)(finalPointArray);
|
||||||
b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints);
|
b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints);
|
||||||
l = getArea("linear")(finalPointArray);
|
l = getArea("linear")(finalPointArray);
|
||||||
areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0);
|
lIndex = l.indexOf("L") === -1 ? undefined : l.indexOf("L");
|
||||||
|
areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, lIndex) : 0);
|
||||||
|
|
||||||
p = getArea(interpolation, "_origin")(finalPointArray);
|
p = getArea(interpolation, "_origin")(finalPointArray);
|
||||||
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints);
|
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints);
|
||||||
l = getArea("linear", "_origin")(finalPointArray);
|
l = getArea("linear", "_origin")(finalPointArray);
|
||||||
areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0);
|
lIndex = l.indexOf("L") === -1 ? undefined : l.indexOf("L");
|
||||||
|
areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, lIndex) : 0);
|
||||||
|
|
||||||
// Add the color in this loop, it can't be done during initialisation of the row because
|
// Add the color in this loop, it can't be done during initialisation of the row because
|
||||||
// the areas should be ordered first (to ensure standard distribution of colors
|
// the areas should be ordered first (to ensure standard distribution of colors
|
||||||
|
@ -3431,7 +3457,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (series.shapes === null || series.shapes === undefined) {
|
if (series.shapes === null || series.shapes === undefined) {
|
||||||
theseShapes = chart._group.selectAll("." + className).data(areaData);
|
theseShapes = series._group.selectAll("." + className).data(areaData);
|
||||||
} else {
|
} else {
|
||||||
theseShapes = series.shapes.data(areaData, function (d) { return d.key; });
|
theseShapes = series.shapes.data(areaData, function (d) { return d.key; });
|
||||||
}
|
}
|
||||||
|
@ -3525,7 +3551,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (series.shapes === null || series.shapes === undefined) {
|
if (series.shapes === null || series.shapes === undefined) {
|
||||||
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
|
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
|
||||||
} else {
|
} else {
|
||||||
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
|
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
|
||||||
}
|
}
|
||||||
|
@ -3644,7 +3670,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (series.shapes === null || series.shapes === undefined) {
|
if (series.shapes === null || series.shapes === undefined) {
|
||||||
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
|
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
|
||||||
} else {
|
} else {
|
||||||
theseShapes = series.shapes.data(chartData, function (d) {
|
theseShapes = series.shapes.data(chartData, function (d) {
|
||||||
return d.key;
|
return d.key;
|
||||||
|
@ -3858,6 +3884,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Special case when a line contains a single point - duplicate the point
|
||||||
|
// If we don't do this a path will be created with 0,0 coordinates
|
||||||
|
if (lineData && lineData[i] && lineData[i].points && lineData[i].points.length === 1) {
|
||||||
|
lineData[i].points.push(
|
||||||
|
{
|
||||||
|
x : lineData[i].points[0].x,
|
||||||
|
y : lineData[i].points[0].y
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
// Get the points that this line will appear
|
// Get the points that this line will appear
|
||||||
lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points);
|
lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points);
|
||||||
lineData[i].update = getLine(interpolation)(lineData[i].points);
|
lineData[i].update = getLine(interpolation)(lineData[i].points);
|
||||||
|
@ -3874,7 +3911,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (series.shapes === null || series.shapes === undefined) {
|
if (series.shapes === null || series.shapes === undefined) {
|
||||||
theseShapes = chart._group.selectAll("." + className).data(lineData);
|
theseShapes = series._group.selectAll("." + className).data(lineData);
|
||||||
} else {
|
} else {
|
||||||
theseShapes = series.shapes.data(lineData, function (d) { return d.key; });
|
theseShapes = series.shapes.data(lineData, function (d) { return d.key; });
|
||||||
}
|
}
|
||||||
|
@ -4028,7 +4065,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (series.shapes === null || series.shapes === undefined) {
|
if (series.shapes === null || series.shapes === undefined) {
|
||||||
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
|
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
|
||||||
} else {
|
} else {
|
||||||
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
|
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
|
||||||
}
|
}
|
||||||
|
@ -4222,7 +4259,7 @@
|
||||||
shapes;
|
shapes;
|
||||||
if (series.lineMarkers) {
|
if (series.lineMarkers) {
|
||||||
if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) {
|
if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) {
|
||||||
markerBacks = chart._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData);
|
markerBacks = series._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData);
|
||||||
} else {
|
} else {
|
||||||
markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; });
|
markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; });
|
||||||
}
|
}
|
||||||
|
@ -4290,7 +4327,7 @@
|
||||||
|
|
||||||
// Deal with markers in the same way as main series to fix #28
|
// Deal with markers in the same way as main series to fix #28
|
||||||
if (series._markers === null || series._markers === undefined || series._markers[lineDataRow.keyString] === undefined) {
|
if (series._markers === null || series._markers === undefined || series._markers[lineDataRow.keyString] === undefined) {
|
||||||
markers = chart._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData);
|
markers = series._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData);
|
||||||
} else {
|
} else {
|
||||||
markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) {
|
markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) {
|
||||||
return d.key;
|
return d.key;
|
||||||
|
@ -4779,26 +4816,13 @@
|
||||||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||||
// Source: /src/methods/_parentHeight.js
|
// Source: /src/methods/_parentHeight.js
|
||||||
dimple._parentHeight = function (parent) {
|
dimple._parentHeight = function (parent) {
|
||||||
// This one seems to work in Chrome - good old Chrome!
|
// Let's be explicit about what we are trying to get here
|
||||||
var returnValue = parent.offsetHeight;
|
var returnValue = parent.getBoundingClientRect().height;
|
||||||
// This does it for IE
|
// If it returns nothing then go with "clientWidth"
|
||||||
if (returnValue <= 0 || returnValue === null || returnValue === undefined) {
|
if (!returnValue || returnValue < 0) {
|
||||||
returnValue = parent.clientHeight;
|
returnValue = parent.clientHeight;
|
||||||
}
|
}
|
||||||
// FireFox is the hard one this time. See this bug report:
|
|
||||||
// https://bugzilla.mozilla.org/show_bug.cgi?id=649285//
|
|
||||||
// It's dealt with by trying to recurse up the dom until we find something
|
|
||||||
// we can get a size for. Usually the parent of the SVG. It's a bit costly
|
|
||||||
// but I don't know of any other way.
|
|
||||||
if (returnValue <= 0 || returnValue === null || returnValue === undefined) {
|
|
||||||
if (parent.parentNode === null || parent.parentNode === undefined) {
|
|
||||||
// Give up - Recursion Exit Point
|
|
||||||
returnValue = 0;
|
|
||||||
} else {
|
|
||||||
// Get the size from the parent recursively
|
|
||||||
returnValue = dimple._parentHeight(parent.parentNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return returnValue;
|
return returnValue;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -4806,26 +4830,12 @@
|
||||||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||||
// Source: /src/methods/_parentWidth.js
|
// Source: /src/methods/_parentWidth.js
|
||||||
dimple._parentWidth = function (parent) {
|
dimple._parentWidth = function (parent) {
|
||||||
// This one seems to work in Chrome - good old Chrome!
|
// Let's be explicit about what we are trying to get here
|
||||||
var returnValue = parent.offsetWidth;
|
var returnValue = parent.getBoundingClientRect().width;
|
||||||
// This does it for IE
|
// If it returns nothing then go with "clientWidth"
|
||||||
if (!returnValue || returnValue < 0) {
|
if (!returnValue || returnValue < 0) {
|
||||||
returnValue = parent.clientWidth;
|
returnValue = parent.clientWidth;
|
||||||
}
|
}
|
||||||
// FireFox is the hard one this time. See this bug report:
|
|
||||||
// https://bugzilla.mozilla.org/show_bug.cgi?id=649285//
|
|
||||||
// It's dealt with by trying to recurse up the dom until we find something
|
|
||||||
// we can get a size for. Usually the parent of the SVG. It's a bit costly
|
|
||||||
// but I don't know of any other way.
|
|
||||||
if (!returnValue || returnValue < 0) {
|
|
||||||
if (!parent.parentNode) {
|
|
||||||
// Give up - Recursion Exit Point
|
|
||||||
returnValue = 0;
|
|
||||||
} else {
|
|
||||||
// Get the size from the parent recursively
|
|
||||||
returnValue = dimple._parentWidth(parent.parentNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return returnValue;
|
return returnValue;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -5217,6 +5227,7 @@
|
||||||
|
|
||||||
// Add a ring around the data point
|
// Add a ring around the data point
|
||||||
chart._tooltipGroup.append("circle")
|
chart._tooltipGroup.append("circle")
|
||||||
|
.attr("class", "dimple-line-marker-circle " + chart.customClassList.lineMarkerCircle)
|
||||||
.attr("cx", cx)
|
.attr("cx", cx)
|
||||||
.attr("cy", cy)
|
.attr("cy", cy)
|
||||||
.attr("r", r)
|
.attr("r", r)
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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);
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.0.js"></script>
|
||||||
<!-- Props to Kimerly Geswein for her font Shadows Into Light */ -->
|
<!-- Props to Kimerly Geswein for her font Shadows Into Light */ -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
|
||||||
<style>
|
<style>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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);
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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 = [
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer" style="height: 100%">
|
<div id="chartContainer" style="height: 100%">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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);
|
||||||
|
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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) {
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<html>
|
<html>
|
||||||
<div id="chartContainer">
|
<div id="chartContainer">
|
||||||
<script src="/lib/d3.v3.4.8.js"></script>
|
<script src="/lib/d3.v3.4.8.js"></script>
|
||||||
<script src="/dist/dimple.v2.1.6.js"></script>
|
<script src="/dist/dimple.v2.2.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