Категории

← View All Tools

Pie Chart Generator

Generate customizable pie charts from data with various styling options

Data for the chart. Can be JSON array or simple label:value pairs

Title that will be displayed above the chart

Background color for the chart container

Size of the chart in pixels (width and height)

Inner radius for donut chart (0 for pie chart)

Starting angle in degrees (0-360)

Display percentage values on pie slices

Display labels on pie slices

Display a legend with all items

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

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

Обзор

Генератор круговых диаграмм позволяет быстро превратить ваши числовые данные в наглядные графики с возможностью полной настройки внешнего вида.

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

  • •Для визуализации распределения долей в общем объеме данных.
  • •Когда нужно быстро создать отчет или презентацию с понятной инфографикой.
  • •Для сравнения категорий данных в удобном круговом формате.

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

  • •Введите данные в формате JSON или списком «метка:значение».
  • •Настройте параметры отображения: заголовок, цветовую схему и размеры.
  • •Укажите дополнительные опции, такие как отображение процентов, меток или легенды.
  • •Нажмите кнопку генерации, чтобы получить готовую диаграмму.

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

Визуализация структуры расходов или бюджета компании.
Отображение результатов опросов и распределения голосов.
Анализ долей рынка или сегментов клиентской базы.

Примеры

1. Анализ расходов за месяц

Финансовый менеджер
Контекст
Необходимо представить отчет о расходах отдела за месяц руководству.
Проблема
Сложно воспринимать сухие цифры в таблице.
Как использовать
Вставить данные расходов в поле Chart Data и выбрать цветовую схему 'Pastel'.
Пример конфигурации
{"chartTitle": "Расходы за октябрь", "colorScheme": "pastel", "showPercentage": true}
Результат
Понятная круговая диаграмма, наглядно показывающая долю каждой статьи расходов.

2. Результаты опроса клиентов

Маркетолог
Контекст
Проведен опрос о предпочтениях пользователей относительно новых функций продукта.
Проблема
Нужно быстро опубликовать результаты в блоге.
Как использовать
Использовать текстовый ввод данных и настроить внутренний радиус для создания кольцевой диаграммы.
Пример конфигурации
{"innerRadius": 100, "showLegend": true, "chartSize": 500}
Результат
Стильная кольцевая диаграмма, готовая для вставки в статью.

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

json
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
preferred input family json
json
Примеры D3.js Визуализации Данных
Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации
preferred input family json
json
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
preferred input family json
json
Примеры Коммуникации WebRTC в Реальном Времени
Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации
preferred input family json
json

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

Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json
Изучите 43 инструментов json для сценариев utility и быстро сравните близкие утилиты.
Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Json для Format
Изучите 6 инструментов json для сценариев format и быстро сравните близкие утилиты.

FAQ

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

Вы можете использовать JSON-массив объектов или простой текстовый формат «метка:значение».

Можно ли создать кольцевую диаграмму?

Да, для этого используйте параметр «Inner Radius» (внутренний радиус), установив значение больше нуля.

Как изменить цвета на диаграмме?

Выберите одну из предустановленных цветовых схем, таких как «Warm», «Cool», «Pastel» или «Vibrant».

Можно ли скрыть легенду или проценты?

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

Какой максимальный размер диаграммы?

Вы можете задать размер диаграммы в пикселях в диапазоне от 200 до 800 пикселей.

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

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

POST /ru/api/tools/pie-chart-generator

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Data for the chart. Can be JSON array or simple label:value pairs
chartTitle text Нет Title that will be displayed above the chart
colorScheme select Нет -
backgroundColor color Нет Background color for the chart container
chartSize number Нет Size of the chart in pixels (width and height)
innerRadius number Нет Inner radius for donut chart (0 for pie chart)
startAngle number Нет Starting angle in degrees (0-360)
showPercentage checkbox Нет Display percentage values on pie slices
showLabels checkbox Нет Display labels on pie slices
showLegend checkbox Нет Display a legend with all items

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

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

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

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

{
  "mcpServers": {
    "elysiatools-pie-chart-generator": {
      "name": "pie-chart-generator",
      "description": "Generate customizable pie charts from data with various styling options",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pie-chart-generator",
      "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]