Simple HTML5 Charts using the <svg> tag with D3.js
The original implementation on which it is based, is Chart.js
Because everything is an element. For SVG enthusiasts.
/* CSS Example */
.d3mc-bars-group:nth-of-type(3) > :first-of-type rect {
fill: gold;
}
.d3mc-bars-group:nth-of-type(3) > :first-of-type path {
stoke: orange;
}
.d3mc-scale-x-group > .d3mc-tick:nth-of-type(3) text {
fill: darkorange;
}
/* jQuery Example */
$(".d3mc-bar-group rect").hover(function(event) {
$(event.target).fadeTo(200, 0.5);
}, function(event) {
$(event.target).fadeTo(200, 1);
});