# Gráfico de Estrelas de Avaliação Criar visualizações de avaliação por estrelas bonitas para produtos, serviços e análises de feedback de usuários > Página canônica: https://elysiatools.com/pt/tools/rating-star-chart - **Categoria:** Data Visualization - **Palavras-chave:** avaliação por estrelas, classificação por estrelas, avaliação de produto, feedback de usuário, satisfação do cliente, visualização de avaliações, avaliação 5 estrelas ## Visão geral O Gráfico de Estrelas de Avaliação é uma ferramenta intuitiva para transformar dados de feedback em representações visuais elegantes, permitindo exibir classificações de produtos ou serviços de forma clara e profissional. ## Entradas - **Dados de Avaliação** (textarea): Dados de avaliação (0-5). Suporta JSON com rótulo/avaliação/quantidade, simples rótulo:avaliação:quantidade, ou apenas valores de avaliação - **Título do Gráfico** (text): Título que será exibido acima do gráfico - **Estilo de Layout** (select): Selecionar estilo de layout - **Tamanho da Estrela** (number): Tamanho de cada estrela em pixels - **Cor da Estrela Preenchida** (color): Cor para estrelas preenchidas - **Cor da Estrela Vazia** (color): Cor para estrelas vazias - **Duração da Animação** (number): Duração da animação das estrelas em milissegundos - **Cor de Fundo** (color): Cor de fundo para o contêiner do gráfico - **Mostrar Distribuição** (checkbox): Mostrar distribuição de avaliações e percentagens - **Mostrar Contagem de Avaliações** (checkbox): Mostrar número de avaliações para cada item - **Mostrar Avaliação Média** (checkbox): Mostrar resumo da avaliação geral e estatísticas - **Mostrar Avaliações Decimais** (checkbox): Mostrar avaliações decimais (ex., 4.5) em vez de arredondadas - **Animado** (checkbox): Animar estrelas quando carregadas ## Quando usar - Ao apresentar relatórios de satisfação do cliente para stakeholders. - Ao exibir avaliações de produtos em páginas de destino ou catálogos. - Ao comparar o desempenho de diferentes serviços com base em notas de usuários. ## Como funciona - Insira seus dados de avaliação no formato JSON, texto simples ou apenas valores numéricos. - Personalize o visual ajustando o tamanho das estrelas, cores de preenchimento e o layout do gráfico. - Ative opções como exibição de médias, contagem de avaliações ou animações para tornar o gráfico mais informativo. - Gere o gráfico instantaneamente para integrar em apresentações ou sites. ## Casos de uso - Visualização de feedback de clientes em dashboards de e-commerce. - Comparação de notas de desempenho entre diferentes departamentos ou equipes. - Exibição de avaliações de usuários em portfólios ou páginas de serviços. ## Perguntas frequentes ### Quais formatos de dados são aceitos? A ferramenta aceita JSON estruturado, formato de texto simples (rótulo:avaliação:quantidade) ou apenas uma lista de valores numéricos. ### Posso personalizar as cores das estrelas? Sim, você pode definir cores específicas tanto para as estrelas preenchidas quanto para as vazias através do seletor de cores. ### O gráfico suporta animações? Sim, você pode ativar a opção de animação e definir a duração em milissegundos para um efeito visual mais dinâmico ao carregar. ### É possível exibir a média das avaliações? Sim, a ferramenta possui uma opção dedicada para exibir automaticamente a avaliação média e estatísticas resumidas. ### O gráfico é responsivo? Sim, o gráfico é gerado para se adaptar ao layout escolhido, seja em formato de lista vertical ou grade. ## Ferramentas relacionadas - [Gerador de Gráfico Rosa](https://elysiatools.com/pt/tools/rose-chart): Gerar belos gráficos rosa de Nightingale (gráficos de crista) para visualizar dados através de ângulo e área, perfeito para análises comparativas e apresentação de dados históricos - [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown - [Gráfico de Anel de Progresso](https://elysiatools.com/pt/tools/progress-ring-chart): Criar indicadores de progresso circulares bonitos com animações, perfeitos para exibir porcentagens, taxas de conclusão e métricas de progresso - [Gerador de Gráfico de Fluxo](https://elysiatools.com/pt/tools/stream-graph-generator): Gerar belos gráficos de fluxo para dados de séries temporais com animações suaves e variações de linha de base - [Gerador de Linha do Tempo](https://elysiatools.com/pt/tools/timeline-generator): Gerar linhas do tempo bonitas e interativas a partir de dados de eventos com vários layouts e estilos - [Gerador de Gráfico de Coordenadas Paralelas](https://elysiatools.com/pt/tools/parallel-coordinates-chart): Gerar gráficos de coordenadas paralelas para visualização de dados multidimensionais com normalização personalizável - [Gerador de Gráfico de Quadrantes](https://elysiatools.com/pt/tools/quadrant-chart): Gerar gráficos de quadrantes para análise estratégica, ordenação de prioridades e tomada de decisão - [Gerador de Gráfico Radar](https://elysiatools.com/pt/tools/radar-chart-generator): Gerar gráficos de radar personalizáveis a partir de dados, perfeito para comparação e análise multidimensional ## Exemplos - [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins - [Amostras JSON de Terraform Plan](https://elysiatools.com/pt/samples/terraform-plan-json-samples): Arquivos Terraform plan JSON para visualizacao de dependencias e revisao de mudancas, no estilo terraform show -json - [Exemplos D3.js Data Visualization](https://elysiatools.com/pt/samples/d3js-data-visualization): Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas - [Exemplos de Códigos QR](https://elysiatools.com/pt/samples/qrcode-samples): Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR ## Conteúdo relacionado - [Geradores de gráficos e diagramas](https://elysiatools.com/pt/hubs/chart-diagram-generators): Escolha uma visualização para tornar comparações, distribuições, hierarquias, relações e cronogramas claros.