nested bubble scale with swatch

nested_bubble_scale.js

var legend = function(r, notes, fmt, label, points){
  notes.append("svg:circle")
    .attr("cy", 40 + r(points[2]))
    .attr("cx", 0)
    .attr("r", r(points[2]))
    .style("stroke", "#444455")
    .style("stroke-width", "1")
    .style("fill", "none");
  notes.append("svg:circle")
    .attr("cy", 40 + r(points[1]))
    .attr("cx", 0)
    .attr("r", r(points[1]))
    .style("stroke", "#444455")
    .style("stroke-width", "1")
    .style("fill", "none");
  notes.append("svg:circle")
    .attr("cy", 40 + r(points[0]))
    .attr("cx", 0)
    .attr("r", r(points[0]))
    .style("stroke", "#444455")
    .style("stroke-width", "1")
    .style("fill", "none");
  notes.append("line")
    .attr("x1", 0)
    .attr("x2", 50)
    .attr("y1", 40 + r(points[0]) * 2)
    .attr("y2", 40 + r(points[0]) * 2)
    .style("stroke", "#444455")
    .style("stroke-width", "1");
  notes.append("line")
    .attr("x1", 0)
    .attr("x2", 50)
    .attr("y1", 40 + r(points[1]) * 2)
    .attr("y2", 40 + r(points[1]) * 2)
    .style("stroke", "#444455")
    .style("stroke-width", "1");
  notes.append("line")
    .attr("x1", 0)
    .attr("x2", 50)
    .attr("y1", 40 + r(points[2]) * 2)
    .attr("y2", 40 + r(points[2]) * 2)
    .style("stroke", "#444455")
    .style("stroke-width", "1");
  notes.append("text")
    .attr("x1", 0)
    .attr("x2", 50)
    .attr("y1", 46)
    .attr("y2", 46)
    .style("stroke", "#444455")
    .style("stroke-width", "1");
  notes.append("text")
    .attr("x1", 0)
    .attr("x2", 50)
    .attr("y1", 58)
    .attr("y2", 58)
    .style("stroke", "#444455")
    .style("stroke-width", "1");
  notes.append("text")
    .attr("x", 50)
    .attr("y", 43 + r(points[2]) * 2)
    .text(fmt(points[2]))
    .style("font-size", "75%");
  notes.append("text")
    .attr("x", 50)
    .attr("y", 43 + r(points[1]) * 2)
    .text(fmt(points[1]))
    .style("font-size", "75%");
  notes.append("text")
    .attr("x", 50)
    .attr("y", 43 + r(points[0]) * 2)
    .text(fmt(points[0]))
    .style("font-size", "75%");
  notes.append("text")
    .attr("x", 10)
    .attr("y", 20)
    .text(label)
    .attr("text-anchor", "middle")
    .style("font-size", "75%");
};