D3 meets Chart.js

Simple HTML5 Charts using the <svg> tag with D3.js
The original implementation on which it is based, is Chart.js

Why use this?

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);
});

Comparison with Chart.js

Bar chart

Chart.js (Original)

D3 meets Chart.js

Line chart

Chart.js (Original)

D3 meets Chart.js

Pie chart

Chart.js (Original)

D3 meets Chart.js

Doughnut chart

Chart.js (Original)

D3 meets Chart.js

Radar chart

Chart.js (Original)

D3 meets Chart.js

Polar area chart

Chart.js (Original)

D3 meets Chart.js