Категории

← View All Tools

График Рейтинговых Звезд

Создавать красивые визуализации рейтинговых звезд для продуктов, услуг и анализа пользовательских отзывов

Данные рейтинга (0-5). Поддерживает JSON с меткой/рейтингом/количеством, простую метку:рейтинг:количество или только значения рейтинга

Заголовок, который будет отображаться над диаграммой

Размер каждой звезды в пикселях

Цвет для заполненных звезд

Цвет для пустых звезд

Длительность анимации звезд в миллисекундах

Цвет фона для контейнера диаграммы

Показать распределение рейтингов и проценты

Показать количество отзывов для каждого элемента

Показать сводку общего рейтинга и статистику

Показать десятичные рейтинги (например, 4.5) вместо округленных

Анимировать звезды при загрузке

Ключевые факты

Категория
Data Visualization
Типы входных данных
textarea, text, select, number, color, checkbox
Тип результата
html
Покрытие примерами
4
API доступен
Yes

Обзор

Инструмент «График Рейтинговых Звезд» позволяет быстро преобразовывать числовые данные в наглядные визуализации с рейтингом от 0 до 5 звезд, идеально подходящие для демонстрации отзывов клиентов или оценки качества продуктов.

Когда использовать

  • •Для оформления отчетов о результатах опросов и удовлетворенности клиентов.
  • •Для визуализации рейтингов товаров на лендингах или в презентациях.
  • •Для сравнения оценок нескольких услуг или продуктов в едином стиле.

Как это работает

  • •Введите данные рейтинга в формате JSON, текстовом списке или просто числами.
  • •Настройте внешний вид: выберите макет, размер звезд и их цвета.
  • •Активируйте дополнительные параметры, такие как отображение количества отзывов или среднего балла.
  • •Получите готовый HTML-код для вставки на ваш сайт или в отчет.

Сценарии использования

Создание виджетов с отзывами для карточек товаров в интернет-магазине.
Визуализация результатов внутреннего опроса сотрудников в корпоративном отчете.
Сравнение качества обслуживания различных филиалов компании на дашборде.

Примеры

1. Витрина товаров

Менеджер интернет-магазина
Контекст
Необходимо наглядно показать рейтинг трех популярных товаров на главной странице сайта.
Проблема
Простые цифры рейтинга выглядят скучно и не привлекают внимание покупателей.
Как использовать
Вставить данные в формате JSON, выбрать сетчатый макет и настроить золотистый цвет звезд.
Пример конфигурации
[{"label": "Смартфон", "rating": 4.8, "count": 150}, {"label": "Наушники", "rating": 4.2, "count": 85}, {"label": "Чехол", "rating": 4.5, "count": 200}]
Результат
Красивый блок с рейтингом, который повышает доверие пользователей и конверсию.

2. Отчет об удовлетворенности

Аналитик
Контекст
Нужно подготовить отчет для руководства о качестве работы службы поддержки за месяц.
Проблема
Нужно быстро превратить сырые данные из CRM в понятную визуализацию.
Как использовать
Использовать текстовый формат ввода данных, выбрать вертикальный список и включить отображение среднего рейтинга.
Пример конфигурации
Поддержка:4.7:500
Логистика:3.9:320
Продажи:4.5:410
Результат
Четкий график, демонстрирующий сильные и слабые стороны отделов с помощью звездной шкалы.

Проверить на примерах

json, audio
Примеры Анализа Логов ELK Stack
Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
preferred input family json
json
Примеры Коммуникации WebRTC в Реальном Времени
Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации
preferred input family json
json
Примеры Express.js
Примеры веб-фреймворка Express.js, включая Hello World, маршрутизацию, промежуточное ПО и REST API
preferred input family json
json
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
preferred input family json
json

Связанные хабы

Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Audio для Generate
Изучите 8 инструментов audio для сценариев generate и быстро сравните близкие утилиты.
Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Audio для Convert
Изучите 100 инструментов audio для сценариев convert и быстро сравните близкие утилиты.

FAQ

Какие форматы данных поддерживает инструмент?

Вы можете использовать JSON-массив с метками и значениями, простой текстовый формат 'Метка:Рейтинг:Количество' или просто список чисел.

Можно ли настроить цвета звезд?

Да, вы можете отдельно выбрать цвет для заполненных звезд и для пустых контуров, чтобы они соответствовали вашему бренду.

Поддерживает ли инструмент анимацию?

Да, вы можете включить анимацию появления звезд при загрузке страницы и настроить её длительность в миллисекундах.

Можно ли отобразить количество отзывов рядом со звездами?

Да, активируйте опцию 'Показать количество отзывов' в настройках, чтобы добавить контекст к рейтингу.

В каком виде я получу результат?

Инструмент генерирует готовый HTML-компонент, который легко встраивается в веб-страницы.

Документация API

Конечная точка запроса

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

Параметры запроса

Имя параметра Тип Обязательно Описание
ratingData textarea Да Данные рейтинга (0-5). Поддерживает JSON с меткой/рейтингом/количеством, простую метку:рейтинг:количество или только значения рейтинга
chartTitle text Нет Заголовок, который будет отображаться над диаграммой
layout select Нет -
starSize number Нет Размер каждой звезды в пикселях
starColor color Нет Цвет для заполненных звезд
emptyStarColor color Нет Цвет для пустых звезд
animationDuration number Нет Длительность анимации звезд в миллисекундах
backgroundColor color Нет Цвет фона для контейнера диаграммы
showPercentage checkbox Нет Показать распределение рейтингов и проценты
showCount checkbox Нет Показать количество отзывов для каждого элемента
showAverage checkbox Нет Показать сводку общего рейтинга и статистику
showDecimal checkbox Нет Показать десятичные рейтинги (например, 4.5) вместо округленных
animated checkbox Нет Анимировать звезды при загрузке

Формат ответа

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

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-rating-star-chart": {
      "name": "rating-star-chart",
      "description": "Создавать красивые визуализации рейтинговых звезд для продуктов, услуг и анализа пользовательских отзывов",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=rating-star-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]