What data formats are supported?

You can provide data as a JSON array, a simple text list (label:rating:count), or just a list of numeric rating values.

Can I customize the star colors?

Yes, you can set custom hex colors for both filled and empty stars to match your brand identity.

Are the charts interactive?

The tool supports optional animations that trigger when the chart loads, providing a dynamic user experience.

Can I hide the review count or average?

Yes, you can toggle the visibility of review counts, average ratings, and percentage distributions in the settings.

What is the maximum rating value?

The tool is designed for standard 5-star rating systems, accepting values between 0 and 5.

Elysia Tools

Navigation

Data Visualization

Rating Star Chart

Create beautiful star rating visualizations for products, services, and user feedback analysis with interactive animations

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.

13 options

ContentPaste or type the main input values.2

Rating DatatextareaRequiredRating data (0-5). Supports JSON with label/rating/count, simple label:rating:count, or just rating valuesChart TitletextOptionalTitle that will be displayed above the chart

SettingsAdjust formats, ranges, numbers, and modes.6

Layout StyleselectOptionalStar SizenumberOptionalSize of each star in pixelsFilled Star ColorcolorOptionalColor for filled starsEmpty Star ColorcolorOptionalColor for empty starsAnimation DurationnumberOptionalDuration of the star animation in millisecondsBackground ColorcolorOptionalBackground color for the chart container

TogglesEnable or disable optional behavior.5

Show DistributioncheckboxOptionalEnabled when checkedDisplay rating distribution and percentagesShow Review CountcheckboxOptionalEnabled when checkedDisplay number of reviews for each itemShow Average RatingcheckboxOptionalEnabled when checkedDisplay overall rating summary and statisticsShow Decimal RatingscheckboxOptionalEnabled when checkedDisplay decimal ratings (e.g., 4.5) instead of roundedAnimatedcheckboxOptionalEnabled when checkedAnimate stars when they load

Result

Ready for a run

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

Samples

Rating Star Chart

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. Product Comparison Chart

2. Service Satisfaction Summary

FAQ

Grafana Advanced Application Samples

Terraform Plan JSON Samples

D3.js Data Visualization Samples

QR Code Samples

Rose Chart Generator

Data URI Generator

Progress Ring Chart

Stream Graph Generator

Chart and Diagram Generators

JSON Schema, Mock Data, and API Fixture Generators

JSON to Typed Code Generators (TypeScript, Go, Rust, Kotlin, Java, C#)

JSON Interchange and Format Translation Tools