CSSPie.js -

Create a Pie-Object and add it to your site

var pie = 

			new Pie("id","1234pxemexptincm","CSS3color");

			htmlElement.appendChild(pie.html());

change its Background

pie.setBackground("CSS3 Color");

change its Size

pie.setSize(value);

Add / Remove Slice

pie.addSlice(howbig%, start%, "CSS3Color or url(...)");

pie.removeSlice(sliceId);

Move / Offset Slices

pie.moveSlice(sliceId, left+, top+);

			pie.offsetSlice(sliceId, offset+);

"hide" slices from html

pie.dropSlices();

			pie.update();

Sliceobjects

pie.getSliceById(sliceId);

change background

 var slice = pie.getSlice(sliceId);

			slice.setBackground("CSS3Color or url(...)");

			pie.update();

change size / startingpoint

 var slice = pie.getSlice(sliceId);

			slice.setPercentageSize(size%);

			pie.update();

Slicegroups

pie.groupSlices(firstSliceId, lastSliceId);

Slicegroup Objects

var slicegroupFromArray= 

			pie.slicegroups[index];

			var slicegroupThroughSlice = pie.findSlicegroupContaining(sliceId);

			var slicegroupThroughGrouping = pie.groupSlices(firstSliceId, lastSliceId);

Move / Offset

pie.moveSlicegroup(sliceId, left+, top+);

			pie.offsetSlicegroup(sliceId, offset+);

Slicemanipulation within groups

Ungroup Slices

pie.ungroupSlicegroup(sliceId);

			ungroupSlicegroupContaining(sliceId);

The Iterator(s)

var it = pie.iterator();

			var it = pie.reversedIterator();

first / last
next / previous

var firstSlice = it.first();

			var lastSlice = it.last();

+ expand all

- collapse all

^ go to Top

To get started right away get the Library from ... and start by adapting one of the scripts within the example divs.