Skip to main content

Pie Charts

JavaScript Chart Types

  1. Home
  2. JavaScript Chart Types
  3. Pie Charts

Pie Charts

Back To Categories

Pie charts are a popular JavaScript chart type offering proportional segmented values relative to the whole. JSCharting supports advanced pie features including label callouts, donut charts, HTML tooltips and stacked or nested pie support to quickly and efficiently compare data across different periods or groupings. Create a simple pie chart with no CSS settings required using resolution independent SVG and HTML5. JavaScript pie charts show your data points, custom styling (including background colors), start angle, border width and more. The pie chart data visualization requires no server-side code and accepts JSON configuration and data input with no plugins (not even jQuery) required.

Pie Label Modes

A pie chart demonstrating smart label options.

Edit
Styled Pie Chart

A styling variation of pie labels with line caps.

Edit
Basic Pie Chart
A pie chart with labels.
Legend Labels Pie Chart
Draw pie with z values controlling slice length.
Pie Slice Icons Chart
Pie with icon markers.
Pie Slice Image Chart
Pie with image markers.
Multi Pie Chart
Multiple pie series with multiple shape labels.
Proportional Pie Chart
Multiple pie series with dynamic shape labels.
Scatter Pie Chart
A scatter chart with pie microcharts inside point labels.
NewAnimated Pie Chart Race
An animated pie chart race of tea production for key countries.
CSV Data Pie Chart
Pie chart from CSV.
Exploded Pie Slice
A pie chart with labels and specific pie slices exploded.
Pie Chart Starting Angle
Pie chart with a starting angle.
Variable Arcs Pie Chart
Pie series with arcs relative to each others sums.
Hatched Pattern Pie Chart
Draw pie hatch palette to improve accessibility.
Combined Pie Chart
Multiple series merged into a single pie.

See also Donut Chart Gallery