HTML5 & JavaScript Pie Charts

CanvasJS Pie Charts are beautiful, interactive and are based on HTML5 & JavaScript. It divides a circle into multiple slices that are proportional to their contribution towards the total sum. Pie chart is useful in cases where you are comparing the share of various items - like for example market share of browsers, operating systems, etc. Examples include source code for all the graphs.

Click on any example below to see live demo
  • Animation and Customizability

    CanvasJS Pie Chart renders itself with a beautiful animation. It allows you customize various properties like color of individual slices, label content and its position, starting angle, etc.
  • HTML5 pie chart
  • JavaScript pie chart
  • Interactivity

    CanvasJS Pie Charts are interactive and animated. Upon hovering on a slice, it becomes lighter in color in order to differentiate itself from the rest. On clicking on the slice, it explodes / implodes based on the current state.
  • interactive JavaScript pie chart
  • interactive JavaScript pie chart