diff --git a/examples/boundingbox.html b/examples/boundingbox.html index 5dcb231..e0186cf 100644 --- a/examples/boundingbox.html +++ b/examples/boundingbox.html @@ -14,7 +14,7 @@
- + + + + diff --git a/examples/intersection_tooltip.html b/examples/intersection_tooltip.html index 4f65933..17162f8 100644 --- a/examples/intersection_tooltip.html +++ b/examples/intersection_tooltip.html @@ -30,7 +30,7 @@ } - + @@ -49,7 +49,7 @@ div.selectAll("path") .style("stroke-opacity", 0) .style("stroke", "#fff") - .style("stroke-width", 0) + .style("stroke-width", 3) div.selectAll("g") .on("mouseover", function(d, i) { @@ -63,7 +63,6 @@ // highlight the current path var selection = d3.select(this).transition("tooltip").duration(400); selection.select("path") - .style("stroke-width", 3) .style("fill-opacity", d.sets.length == 1 ? .4 : .1) .style("stroke-opacity", 1); }) @@ -77,7 +76,6 @@ tooltip.transition().duration(400).style("opacity", 0); var selection = d3.select(this).transition("tooltip").duration(400); selection.select("path") - .style("stroke-width", 0) .style("fill-opacity", d.sets.length == 1 ? .25 : .0) .style("stroke-opacity", 0); }); diff --git a/examples/medical.html b/examples/medical.html index fff288b..cbf5e2f 100644 --- a/examples/medical.html +++ b/examples/medical.html @@ -17,7 +17,7 @@ - + + + diff --git a/examples/styled.html b/examples/styled.html index 2f38b7e..91eeaeb 100644 --- a/examples/styled.html +++ b/examples/styled.html @@ -12,7 +12,7 @@ - + @@ -84,17 +84,17 @@

Applying styles to venn diagrams

.width(500) .height(500); - d3.select("#dropshadow").datum(sets).call(chart); + d3.select("#dropshadow").datum(sets).call(chart); - var colours = d3.scale.category10(); + var colours = d3.schemeCategory10; var areas = d3.selectAll("#dropshadow g") areas.select("path") .filter(function(d) { return d.sets.length == 1; }) .style("fill-opacity", .1) .style("stroke-width", 5) .style("stroke-opacity", .8) - .style("fill", function(d,i) { return colours(i); }) - .style("stroke", function(d,i) { return colours(i); }); + .style("fill", function(d,i) { return colours[i]; }) + .style("stroke", function(d,i) { return colours[i]; }); areas.select("text").style("fill", "#444") .style("font-family", "Shadows Into Light") diff --git a/examples/sublabels.html b/examples/sublabels.html index 4c63454..ffe75fa 100644 --- a/examples/sublabels.html +++ b/examples/sublabels.html @@ -14,7 +14,7 @@
- + + + - - +