getsetbro / d3donutdial

JS function for creating RWD d3 donut charts

d3donutdial

d3.js function for creating RWD d3 donut charts

With this script you can create a responsive SVG donut to display a percentage

createPieDonuts({
    percent: 50,
    size: 155, //size is relative
    element: "#a3",
    colors: ["gold", "#fff"],
    text: "People"
});

percent: the amount of the dunot to fill

size: adjusts to your personal taste

element: the div you want it injected in to; class or ID

colors: the colors it will use for fill

text: the text below the percentage in the middle of the donut

DEMO