--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/toolkit/javascript/d3/examples/bullet/bullet.js Thu Apr 10 14:20:23 2014 +0200
@@ -0,0 +1,53 @@
+var w = 960,
+ h = 50,
+ m = [5, 40, 20, 120]; // top right bottom left
+
+var chart = d3.chart.bullet()
+ .width(w - m[1] - m[3])
+ .height(h - m[0] - m[2]);
+
+d3.json("bullets.json", function(data) {
+
+ var vis = d3.select("#chart").selectAll("svg")
+ .data(data)
+ .enter().append("svg:svg")
+ .attr("class", "bullet")
+ .attr("width", w)
+ .attr("height", h)
+ .append("svg:g")
+ .attr("transform", "translate(" + m[3] + "," + m[0] + ")")
+ .call(chart);
+
+ var title = vis.append("svg:g")
+ .attr("text-anchor", "end")
+ .attr("transform", "translate(-6," + (h - m[0] - m[2]) / 2 + ")");
+
+ title.append("svg:text")
+ .attr("class", "title")
+ .text(function(d) { return d.title; });
+
+ title.append("svg:text")
+ .attr("class", "subtitle")
+ .attr("dy", "1em")
+ .text(function(d) { return d.subtitle; });
+
+ chart.duration(1000);
+ window.transition = function() {
+ vis.map(randomize).call(chart);
+ };
+});
+
+function randomize(d) {
+ if (!d.randomizer) d.randomizer = randomizer(d);
+ d.ranges = d.ranges.map(d.randomizer);
+ d.markers = d.markers.map(d.randomizer);
+ d.measures = d.measures.map(d.randomizer);
+ return d;
+}
+
+function randomizer(d) {
+ var k = d3.max(d.ranges) * .2;
+ return function(d) {
+ return Math.max(0, d + k * (Math.random() - .5));
+ };
+}