Fancycharts.js is a Javascript library to enhance a single percentag value with a fancy chart. Made on top of d3.js, it is designed to be a visual data component for texts.

Examples on http://fancycharts.ahoi.in

You can use fancycharts.js or fancycharts.min.js directly with a <script> tag.

new Fancychart(width, height, colors, color_deactivated)

e.g. var chart = new Fancychart(200, 120, ["#00ACE4", "#00D8A5”], '#e5e5e5');

Vertical Bar Chart

chart.barVertical(selector, value, *color*, *rotate*);

color and rotate are optional. color must be an array of colors and set rotate to true if chart should be rotated.

Horizontal Bar Chart and Circles

chart.barHorizontal(selector, value, *color*);
chart.circles(selector, value, *color*);

Donut Chart

chart.donut(selector, value, *color*);

Implement Textures http://riccardoscalco.github.io/textures/