vitalif-js
/
dimple
mirror of https://github.com/vitalif/dimple
1
0
Fork 0
Code Issues Releases Wiki Activity

Compare commits

..

No commits in common. "master" and "2.1.6" have entirely different histories.
master ... 2.1.6

142 changed files with 264 additions and 5762 deletions
examples
advanced_animated_multiple_pie_bubbles.html
advanced_bar_labels.html
advanced_bars_sketchy.html
advanced_bullet.html
advanced_change_bubbles.html
advanced_custom_styling.html
advanced_dynamic_line_color.html
advanced_grouped_mekko.html
advanced_interactive_legends.html
advanced_lollipop_with_hover.html
advanced_matrix.html
advanced_pong.html
advanced_price_range_lollipop.html
advanced_responsive_sizing.html
advanced_storyboard_control.html
advanced_time_axis.html
advanced_trellis_bar.html
advanced_waterfall.html
area_steps_horizontal.html
area_steps_horizontal_grouped.html
area_steps_horizontal_grouped_100pct.html
area_steps_horizontal_grouped_stacked.html
area_steps_horizontal_stacked.html
area_steps_horizontal_stacked_100pct.html
area_steps_vertical.html
area_steps_vertical_grouped.html
area_steps_vertical_grouped_100pct.html
area_steps_vertical_grouped_stacked.html
area_steps_vertical_stacked.html
area_steps_vertical_stacked_100pct.html
areas_curvy.html
areas_dual_measure.html
areas_horizontal.html
areas_horizontal_grouped.html
areas_horizontal_grouped_100pct.html
areas_horizontal_grouped_stacked.html
areas_horizontal_stacked.html
areas_horizontal_stacked_100pct.html
areas_vertical.html
areas_vertical_grouped.html
areas_vertical_grouped_100pct.html
areas_vertical_grouped_stacked.html
areas_vertical_stacked.html
areas_vertical_stacked_100pct.html
bars_dual_measure_floating.html
bars_horizontal.html
bars_horizontal_floating.html
bars_horizontal_grouped.html
bars_horizontal_grouped_stacked.html
bars_horizontal_grouped_stacked_100pct.html
bars_horizontal_mekko.html
bars_horizontal_stacked.html
bars_horizontal_stacked_100pct.html
bars_matrix.html
bars_vertical.html
bars_vertical_floating.html
bars_vertical_grouped.html
bars_vertical_grouped_stacked.html
bars_vertical_grouped_stacked_100pct.html
bars_vertical_mekko.html
bars_vertical_stacked.html
bars_vertical_stacked_100pct.html
bubbles_horizontal_grouped.html
bubbles_horizontal_lollipop.html
bubbles_matrix.html
bubbles_standard.html
bubbles_vertical_grouped.html
bubbles_vertical_lollipop.html
lines_curvy.html
lines_dual_measure.html
lines_horizontal.html
lines_horizontal_grouped.html
lines_horizontal_grouped_stacked.html
lines_horizontal_stacked.html
lines_vertical.html
lines_vertical_grouped.html
lines_vertical_grouped_stacked.html
lines_vertical_stacked.html
pie_bubble.html
pie_horizontal_grouped.html
pie_horizontal_lollipop.html
pie_matrix.html
pie_scatter.html
pie_standard.html
pie_vertical_grouped.html
pie_vertical_lollipop.html
ring_bubble.html
Show More

1
.gitignore vendored
View File

@ -5,4 +5,3 @@ node_modules
help
image_creator
tmp
notes

8
adhoc/adhoc_bar_custom_tooltips.html
View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -22,5 +19,4 @@
myChart.draw();
});
</script>
</div>
</html>
</div>

8
adhoc/adhoc_bar_labels.html
View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript">
// This is the simple vertical grouped stacked 100% bar example
@ -47,5 +44,4 @@
myChart.draw(2000);
});
</script>
</div>
</html>
</div>

8
adhoc/adhoc_bar_scroll.html
View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript">
// Start off with a couple of rows of data
@ -32,5 +29,4 @@
myChart.draw(1000);
}, 500);
</script>
</div>
</html>
</div>

8
adhoc/adhoc_bounce_stagger.html
View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -20,5 +17,4 @@
myChart.draw(800);
});
</script>
</div>
</html>
</div>

8
adhoc/adhoc_composite_axis_category.html
View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -22,5 +19,4 @@
myChart.draw();
});
</script>
</div>
</html>
</div>

8
adhoc/adhoc_composite_axis_measure.html
View File

@ -1,8 +1,5 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -20,5 +17,4 @@
myChart.draw();
});
</script>
</div>
</html>
</div>

41
adhoc/adhoc_dual_axis.html
View File

@ -1,23 +1,34 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script>
<script src="/lib/d3.v3.4.8.min.js"></script>
<script src="/dist/dimple.v2.0.2.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, 50, 460, 280);
var monthAxis = myChart.addCategoryAxis("x", "Month");
monthAxis.addOrderRule("Date");
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();
data = [
{ "Int": 1, "Float": 234, "Text": "XFBGR", "Date": "12/5/99", "Group": "A"},
{ "Int": 2, "Float": 54.35, "Text": "YTREB", "Date": "1/1/00", "Group": "A"},
{ "Int": 3, "Float": -453, "Text": "XGFDY", "Date": "2 February 2007", "Group": "B"},
{ "Int": 4, "Float": 5436546, "Text": "XGFDE", "Date": "2000-03-01", "Group": "B"},
{ "Int": 5, "Float": 4323, "Text": "YTREB", "Date": "10/10/2000", "Group": "C"},
{ "Int": 6, "Float": 0, "Text": "GFDHN", "Date": "11/10/2000", "Group": "C"},
{ "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>
</div>
</html>
</div>

4
bower.json
View File

@ -9,12 +9,12 @@
"dependencies": {
"d3": ">=3.5.2"
},
"version": "2.2.0",
"version": "2.1.6",
"homepage": "dimplejs.org",
"authors": [
"johnkiernander <jkiernander@pmsi-consulting.com>"
],
"main": "dist/dimple.latest.min.js",
"main": "dist/dimple.v2.1.4.min.js",
"moduleType": [
"amd"
],

121
dist/dimple.latest.js vendored
View File

@ -38,7 +38,7 @@
// Create the stub object
var dimple = {
version: "2.2.0",
version: "2.1.6",
plot: {},
aggregateMethod: {}
};
@ -181,9 +181,6 @@
chunks,
suffix,
dp;
if (typeof this.tickFormat == 'function') {
return this.tickFormat;
}
if (this.tickFormat !== null && this.tickFormat !== undefined) {
if (this._hasTimeField()) {
returnFormat = d3.time.format(this.tickFormat);
@ -664,11 +661,6 @@
// The group within which to put all of this chart's objects
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 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
@ -1020,20 +1012,12 @@
returnData.forEach(function (ret) {
if (x !== null) {
if (useCount.x === true) { ret.xValue = ret.xValueList.length; }
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);
}
tot = (totals.x[ret.xField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0);
totals.x[ret.xField.join("/")] = tot;
}
if (y !== null) {
if (useCount.y === true) { ret.yValue = ret.yValueList.length; }
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);
}
tot = (totals.y[ret.yField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0);
totals.y[ret.yField.join("/")] = tot;
}
if (p !== null) {
@ -1153,6 +1137,7 @@
};
// Copyright: 2015 AlignAlytics
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/objects/chart/methods/_getDelay.js
@ -1293,11 +1278,7 @@
// Loop again to calculate shares
for (i = 0; i < returnData.length; i += 1) {
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].piePct = (returnData[i].pValue / pieDictionary[returnData[i].pieKey].total);
returnData[i].startAngle = pieDictionary[returnData[i].pieKey].angle;
returnData[i].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle);
pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle;
@ -1621,7 +1602,6 @@
tooltipLabel: 'dimple-custom-tooltip-label',
tooltipDropLine: 'dimple-custom-tooltip-dropline',
lineMarker: 'dimple-custom-line-marker',
lineMarkerCircle: 'dimple-custom-line-marker-circle',
legendLabel: 'dimple-custom-legend-label',
legendKey: 'dimple-custom-legend-key',
areaSeries: 'dimple-custom-series-area',
@ -1643,7 +1623,6 @@
'dimple-custom-format-10'
]
};
// Copyright: 2015 AlignAlytics
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/objects/chart/methods/defaultColors.js
@ -1850,7 +1829,7 @@
if (axis.gridlineShapes === null) {
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
axis.gridlineShapes = this._gridlines_group.append("g").attr("class", "dimple-gridline");
axis.gridlineShapes = this._group.append("g").attr("class", "dimple-gridline");
if (axis.position === "x") {
xGridSet = true;
} else {
@ -1866,7 +1845,7 @@
}
if (axis.shapes === null) {
// Add a group for the axes to allow css formatting
axis.shapes = this._axis_group.append("g")
axis.shapes = this._group.append("g")
.attr("class", "dimple-axis dimple-axis-" + axis.position)
.each(function () {
if (!chart.noFormats) {
@ -2054,7 +2033,7 @@
// Add a title for the axis - NB check for null here, by default the title is undefined, in which case
// use the dimension name
if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) {
axis.titleShape = this._axis_group.append("text")
axis.titleShape = this._group.append("text")
.attr("class", "dimple-axis dimple-title " + chart.customClassList.axisTitle + " dimple-axis-" + axis.position);
axis.titleShape
.attr("x", titleX)
@ -2198,6 +2177,8 @@
this._heightPixels = function () {
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 this;
};
@ -2575,9 +2556,6 @@
this.tooltipFontFamily = "sans-serif";
// Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius
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
this._eventHandlers = [];
@ -3164,7 +3142,6 @@
p,
b,
l,
lIndex,
lastAngle,
catCoord,
valCoord,
@ -3431,20 +3408,17 @@
p = getArea(interpolation, "_previousOrigin")(finalPointArray);
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints);
l = getArea("linear", "_previousOrigin")(finalPointArray);
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);
areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0);
p = getArea(interpolation)(finalPointArray);
b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints);
l = getArea("linear")(finalPointArray);
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);
areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0);
p = getArea(interpolation, "_origin")(finalPointArray);
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints);
l = getArea("linear", "_origin")(finalPointArray);
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);
areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0);
// 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
@ -3457,7 +3431,7 @@
}
if (series.shapes === null || series.shapes === undefined) {
theseShapes = series._group.selectAll("." + className).data(areaData);
theseShapes = chart._group.selectAll("." + className).data(areaData);
} else {
theseShapes = series.shapes.data(areaData, function (d) { return d.key; });
}
@ -3551,7 +3525,7 @@
}
if (series.shapes === null || series.shapes === undefined) {
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
} else {
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
}
@ -3670,7 +3644,7 @@
}
if (series.shapes === null || series.shapes === undefined) {
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
} else {
theseShapes = series.shapes.data(chartData, function (d) {
return d.key;
@ -3884,17 +3858,6 @@
}
}
// 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
lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points);
lineData[i].update = getLine(interpolation)(lineData[i].points);
@ -3911,7 +3874,7 @@
}
if (series.shapes === null || series.shapes === undefined) {
theseShapes = series._group.selectAll("." + className).data(lineData);
theseShapes = chart._group.selectAll("." + className).data(lineData);
} else {
theseShapes = series.shapes.data(lineData, function (d) { return d.key; });
}
@ -4065,7 +4028,7 @@
}
if (series.shapes === null || series.shapes === undefined) {
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
} else {
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
}
@ -4259,7 +4222,7 @@
shapes;
if (series.lineMarkers) {
if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) {
markerBacks = series._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData);
markerBacks = chart._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData);
} else {
markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; });
}
@ -4327,7 +4290,7 @@
// 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) {
markers = series._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData);
markers = chart._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData);
} else {
markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) {
return d.key;
@ -4816,13 +4779,26 @@
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/methods/_parentHeight.js
dimple._parentHeight = function (parent) {
// Let's be explicit about what we are trying to get here
var returnValue = parent.getBoundingClientRect().height;
// If it returns nothing then go with "clientWidth"
if (!returnValue || returnValue < 0) {
// This one seems to work in Chrome - good old Chrome!
var returnValue = parent.offsetHeight;
// This does it for IE
if (returnValue <= 0 || returnValue === null || returnValue === undefined) {
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;
};
@ -4830,12 +4806,26 @@
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/methods/_parentWidth.js
dimple._parentWidth = function (parent) {
// Let's be explicit about what we are trying to get here
var returnValue = parent.getBoundingClientRect().width;
// If it returns nothing then go with "clientWidth"
// This one seems to work in Chrome - good old Chrome!
var returnValue = parent.offsetWidth;
// This does it for IE
if (!returnValue || returnValue < 0) {
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;
};
@ -5227,7 +5217,6 @@
// Add a ring around the data point
chart._tooltipGroup.append("circle")
.attr("class", "dimple-line-marker-circle " + chart.customClassList.lineMarkerCircle)
.attr("cx", cx)
.attr("cy", cy)
.attr("r", r)

6
dist/dimple.latest.min.js vendored
View File

File diff suppressed because one or more lines are too long

5459
dist/dimple.v2.2.0.js vendored
View File

File diff suppressed because it is too large Load Diff

3
dist/dimple.v2.2.0.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
examples/advanced_animated_multiple_pie_bubbles.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_bar_labels.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
// This is the simple vertical grouped stacked 100% bar example
var svg = dimple.newSvg("#chartContainer", 590, 400);

2
examples/advanced_bars_sketchy.html
View File

@ -6,7 +6,7 @@
<html>
<head>
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<!-- 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'>
<style>

2
examples/advanced_bullet.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
// Create the svg and set the dimensions

2
examples/advanced_change_bubbles.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_custom_styling.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_dynamic_line_color.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_grouped_mekko.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_interactive_legends.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_lollipop_with_hover.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);

2
examples/advanced_matrix.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
// Create the svg and set the dimensions

2
examples/advanced_pong.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
var data = [

2
examples/advanced_price_range_lollipop.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_responsive_sizing.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer" style="height: 100%">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
// In version 1.1.0 it's possible to initialise any size parameter with a
// % value as well as pixels

2
examples/advanced_storyboard_control.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_time_axis.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);

2
examples/advanced_trellis_bar.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_waterfall.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
// This code should support any data in this structure changing the data here

2
examples/area_steps_horizontal.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_curvy.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_dual_measure.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_dual_measure_floating.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_floating.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_grouped_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_mekko.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_matrix.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_floating.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_grouped_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_mekko.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_horizontal_lollipop.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_matrix.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_standard.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_vertical_lollipop.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_curvy.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_dual_measure.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_bubble.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_horizontal_lollipop.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_matrix.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_scatter.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_standard.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_vertical_lollipop.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

2
examples/ring_bubble.html
View File

@ -6,7 +6,7 @@
<html>
<div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.2.0.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {

Some files were not shown because too many files have changed in this diff Show More