Pie charts are the most commonly used chart type to represent qualitative data (values in relation to the whole). This JavaScript pie chart shows values for seven countries, with tooltips on hover and an animated entrance.
Key implementation details
We create an instance of PieChart and add a PieSeries to it with data fields configured. The chart’s startAngle and endAngle settings (-90 and 270 by default, which draws a full circle) control how much of the circle the pie covers. See the Semi-Circle Pie Chart demo for a half pie, or the Simple Pie Chart demo for the minimal setup.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 5 and GPT-5.6-Codex. For more info and tips, check out amCharts AI docs.
Create a pie chart that displays categorical data for seven countries (Lithuania, Czechia, Ireland, Germany, Australia, Austria, UK) with corresponding numeric values. Each slice should be proportionally sized based on its value. Include an animated entrance where slices appear sequentially one after another. Display tooltips on hover showing category name and value. The chart should be responsive, filling 100% width at 500px height. Use amCharts 5 library. Use amCharts 5 library.
Demo source