Categorias

← View All Tools

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

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 que será exibido acima do gráfico

Tamanho de cada estrela em pixels

Cor para estrelas preenchidas

Cor para estrelas vazias

Duração da animação das estrelas em milissegundos

Cor de fundo para o contêiner do gráfico

Mostrar distribuição de avaliações e percentagens

Mostrar número de avaliações para cada item

Mostrar resumo da avaliação geral e estatísticas

Mostrar avaliações decimais (ex., 4.5) em vez de arredondadas

Animar estrelas quando carregadas

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, select, number, color, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

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.

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.

Exemplos

1. Avaliação de Produtos de E-commerce

Gerente de Loja Virtual
Contexto
O gerente precisa exibir as notas médias de três produtos principais em uma página de comparação.
Problema
Os dados brutos são difíceis de interpretar rapidamente pelos clientes.
Como usar
Inserir os dados no formato JSON e selecionar o layout de lista.
Configuração de exemplo
[{"label": "Produto A", "rating": 4.5, "count": 120}, {"label": "Produto B", "rating": 3.8, "count": 85}, {"label": "Produto C", "rating": 4.2, "count": 200}]
Resultado
Um gráfico limpo e profissional que destaca a pontuação média e o volume de avaliações de cada produto.

2. Relatório de Satisfação de Serviço

Analista de Suporte
Contexto
O analista precisa apresentar a nota de satisfação de diferentes canais de atendimento.
Problema
Necessidade de uma visualização rápida que destaque a qualidade do serviço prestado.
Como usar
Utilizar o formato de texto simples para listar os canais e suas respectivas notas.
Configuração de exemplo
Chat:4.8:500
Email:4.2:300
Telefone:3.5:150
Resultado
Visualização clara das estrelas com animação, facilitando a identificação de quais canais possuem melhor desempenho.

Testar com amostras

json, audio
Exemplos de Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
preferred input family json
json
Exemplos de Comunicação em Tempo Real WebRTC
Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização
preferred input family json
json
Exemplos Express.js
Exemplos do framework web Express.js incluindo Hello World, roteamento, middleware e API REST
preferred input family json
json
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Audio para Generate
Explore 8 ferramentas de audio para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Audio para Convert
Explore 100 ferramentas de audio para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

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.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/rating-star-chart

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
ratingData textarea Sim 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
chartTitle text Não Título que será exibido acima do gráfico
layout select Não -
starSize number Não Tamanho de cada estrela em pixels
starColor color Não Cor para estrelas preenchidas
emptyStarColor color Não Cor para estrelas vazias
animationDuration number Não Duração da animação das estrelas em milissegundos
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showPercentage checkbox Não Mostrar distribuição de avaliações e percentagens
showCount checkbox Não Mostrar número de avaliações para cada item
showAverage checkbox Não Mostrar resumo da avaliação geral e estatísticas
showDecimal checkbox Não Mostrar avaliações decimais (ex., 4.5) em vez de arredondadas
animated checkbox Não Animar estrelas quando carregadas

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-rating-star-chart": {
      "name": "rating-star-chart",
      "description": "Criar visualizações de avaliação por estrelas bonitas para produtos, serviços e análises de feedback de usuários",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=rating-star-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]