What data formats are supported?

You can provide data as a JSON array (e.g., [{"label": "A", "value": 10}]) or as a simple text list (e.g., Label:Value).

Can I change the colors of the chart?

Yes, you can select from several predefined color schemes including Warm, Cool, Pastel, Vibrant, and Business.

Is it possible to show the total value in the center?

Yes, by enabling the 'Show Total in Center' option, the sum of your data values will appear in the middle of the donut.

Can I adjust the size of the donut hole?

Yes, you can manually set the 'Inner Radius' in pixels to control the thickness of the ring.

Can I separate the slices for emphasis?

Yes, enable the 'Explode Slices' option to add spacing between each segment of the chart.

Elysia Tools

Navigation

Data Visualization

Donut Chart Generator

Generate customizable donut charts (ring charts) from data with various styling options, perfect for showing proportions with a central space

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

14 options

ContentPaste or type the main input values.3

Chart DatatextareaRequiredData for the donut chart. Supports JSON array or simple label:value text formatChart TitletextOptionalTitle that will be displayed above the chartCenter TexttextOptionalText to display in the center of the donut (when showing total)

SettingsAdjust formats, ranges, numbers, and modes.6

Color SchemeselectOptionalChart SizenumberOptionalSize of the square chart in pixelsInner RadiusnumberOptionalInner radius of the donut in pixels (leave empty for auto)Outer RadiusnumberOptionalOuter radius of the donut in pixels (leave empty for auto)Start AnglenumberOptionalStarting angle in degrees (0 = top, 90 = right)Background ColorcolorOptionalBackground color for the chart container

TogglesEnable or disable optional behavior.5

Show PercentagescheckboxOptionalEnabled when checkedDisplay percentages on the chart slicesShow LegendcheckboxOptionalEnabled when checkedDisplay a legend below the chartShow Labels on SlicescheckboxOptionalEnabled when checkedDisplay labels or percentages directly on the donut slicesShow Total in CentercheckboxOptionalEnabled when checkedDisplay the total value in the center of the donutExplode SlicescheckboxOptionalEnabled when checkedSeparate slices from each other for emphasis

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Donut Chart Generator

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Quarterly Budget Allocation

2. Customer Satisfaction Survey

FAQ

QR Code Samples

ELK Stack Log Analysis Samples

Grafana Advanced Application Samples

Distributed Tracing Samples

Funnel Chart Generator

Pictograph Generator

Progress Bar Generator

Radar Chart Generator

Chart and Diagram Generators

JSON Interchange and Format Translation Tools

Text Case, Encoding, and Normalization Conversion Tools

JSON Inspection, Diff, and Transformation Tools