Loading...
Create doughnut charts from CSV or JSON data with customizable colors
Create doughnut charts instantly with our free online doughnut chart generator. This tool helps data analysts visualize proportional data with modern doughnut-style charts. Simply enter your data and labels to generate professional doughnut charts in real-time.
Doughnut chart generator creates ring-shaped visualizations similar to pie charts but with a hollow center. The center hole can display summary statistics or totals. Doughnut charts are slightly more readable than pie charts as humans compare arc lengths better than angles.
Input category-value pairs like a pie chart. The generator renders proportional arcs around a ring shape. The cutout percentage (typically 50-70%) creates the center hole. Multiple rings can nest for hierarchical data. Customize colors, labels, and center content.
Doughnut charts use the same angle calculation as pie charts but render as arcs instead of full slices. Arc length = (value / total) × circumference. The cutout ratio controls hole size. Nested doughnuts should use consistent ordering across rings for comparison.
Show metric breakdown with total in center.
Total: $1.2M with revenue breakdown aroundDisplay completion percentage as a partial ring.
Visualize proportions with summary stat centered.
Nested rings show parent-child category relationships.
const ctx = document.getElementById('chart').getContext('2d');
const chart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['Completed', 'In Progress', 'Pending'],
datasets: [{
data: [65, 25, 10],
backgroundColor: ['#4BC0C0', '#FFCE56', '#E0E0E0']
}]
},
options: {
cutout: '60%', // Hole size
plugins: {
legend: { position: 'bottom' }
}
}
});
// Add center text (using plugin or custom drawing)
// Center text: "65% Complete"The cutout option controls hole size. Use plugins or custom drawing to add center labels.
Use doughnut charts as an alternative to pie charts when you want to display a total or key metric in the center. Subject to same limitations: few categories, part-to-whole relationships only.
Slightly. Research suggests arc length (doughnut) is easier to compare than angle (pie). The center also provides space for context. However, both share the same limitations - few categories only, part-to-whole only.