Skip to content

getsetbro/d3donutdial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

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

About

JS function for creating RWD d3 donut charts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages