d3.js configurable boxplot with opentip.

All charts depict the same data set. Reload page to update and see start up animation.
Source code available here.

var boxplot1 = new Boxplot(data, {
    axis: {
        x: true
    },
    circles: {
        color: "black",
        opacity: 0.2
    }
});
boxplot1.render("#boxplot1");
var boxplot2 = new Boxplot(data, {
    layers : ["scatterplot"],
    circles: {
        color: "red",
        opacity: 0.4
    }
});
boxplot2.render("#boxplot2");
var boxplot3 = new Boxplot(data, {
    layers : ["violinplot"],
    circles: {
        color: "blue",
        opacity: 0.6
    }
});
boxplot3.render("#boxplot3");
var boxplot4 = new Boxplot(data, {
    layers : ["boxplot", "scatterplot"],
    circles: {
        color: "green",
        opacity: 0.6
    }
});
boxplot4.render("#boxplot4");