Skip to content

D3 arc class with an optional Angular directive and React Component

Notifications You must be signed in to change notification settings

cloudspace/cs-arc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#CS-Arc

Usage

Arc

var arc = new Arc({
    inner: 180, // inner radius
    outer: 240, // outer radius
    start: 0, // starting angle
    end: 1, //ending angle
    transition: 5000 // time in milliseconds
    container: 'clock', // container id
    name: 'inner' // arc id
});

.render()

Builds the arc svg and sets the internal d3 object

arc.render();

.update()

Takes in a percent and updates the arc with an animation

this.secondsArc.update(.5);

About

D3 arc class with an optional Angular directive and React Component

Resources

Stars

Watchers

Forks

Packages

No packages published