Категории

← View All Tools

График Термометра

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

Данные термометра с текущими и целевыми значениями. Поддерживает JSON с меткой/текущее/цель, простую метку:текущее:цель, или только текущие значения

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

Ширина трубки термометра в пикселях

Высота термометра в пикселях

Цвет для ртути/заполнения прогресса

Цвет для фона трубки термометра

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

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

Отображать процентные значения для каждого термометра

Отображать линию целевого значения и метку

Отображать текущее значение на каждом термометре

Отображать шкалу измерений на термометре

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

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

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

Обзор

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

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

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

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

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

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

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

Примеры

1. Сбор средств на благотворительность

Координатор фонда
Контекст
Фонду необходимо показать донорам, сколько средств уже собрано из запланированных 100 000 рублей.
Проблема
Нужно простое и понятное визуальное представление прогресса на сайте.
Как использовать
Ввести данные в формате JSON: [{"label": "Сбор средств", "current": 75000, "target": 100000}].
Пример конфигурации
{"thermometerWidth": 80, "thermometerHeight": 400, "mercuryColor": "#22c55e", "showPercentage": true}
Результат
Яркий вертикальный термометр, показывающий 75% выполнения цели с наглядной линией прогресса.

2. Отслеживание KPI отдела продаж

Менеджер проекта
Контекст
Команде нужно видеть, насколько они близки к выполнению месячного плана по количеству закрытых сделок.
Проблема
Текстовые отчеты не передают динамику достижения цели.
Как использовать
Использовать текстовый формат ввода: 'План продаж:85:100'.
Пример конфигурации
{"chartTitle": "План продаж на месяц", "scaleStyle": "detailed", "animated": true, "animationDuration": 2000}
Результат
Анимированный график, который при загрузке плавно заполняется до отметки 85%, наглядно демонстрируя текущий результат.

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

json
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
preferred input family json
json
Примеры AWS EventBridge
Примеры AWS EventBridge включая шины событий, правила, цели, реестр схем, пользовательские события и межаккаунтную маршрутизацию событий для бессерверной событийно-ориентированной архитектуры
preferred input family json
json
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
preferred input family json
json
Примеры Анализа Логов ELK Stack
Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
preferred input family json
json

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

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

FAQ

В каком формате можно вводить данные?

Инструмент поддерживает JSON-массивы, текстовый формат 'метка:текущее:цель' или просто список текущих значений.

Можно ли анимировать график?

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

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

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

Можно ли изменить размер термометра?

Да, в настройках доступны параметры ширины и высоты трубки в пикселях.

Нужно ли устанавливать дополнительное ПО?

Нет, инструмент работает полностью в браузере и генерирует результат в формате HTML.

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

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

POST /ru/api/tools/thermometer-chart

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

Имя параметра Тип Обязательно Описание
thermometerData textarea Да Данные термометра с текущими и целевыми значениями. Поддерживает JSON с меткой/текущее/цель, простую метку:текущее:цель, или только текущие значения
chartTitle text Нет Заголовок, который будет отображаться над диаграммой
thermometerWidth number Нет Ширина трубки термометра в пикселях
thermometerHeight number Нет Высота термометра в пикселях
mercuryColor color Нет Цвет для ртути/заполнения прогресса
tubeColor color Нет Цвет для фона трубки термометра
animationDuration number Нет Длительность анимации ртути в миллисекундах
scaleStyle select Нет -
backgroundColor color Нет Цвет фона для контейнера диаграммы
showPercentage checkbox Нет Отображать процентные значения для каждого термометра
showTarget checkbox Нет Отображать линию целевого значения и метку
showCurrentValue checkbox Нет Отображать текущее значение на каждом термометре
showScale checkbox Нет Отображать шкалу измерений на термометре
animated checkbox Нет Анимировать ртуть при загрузке термометров

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

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

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

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

{
  "mcpServers": {
    "elysiatools-thermometer-chart": {
      "name": "thermometer-chart",
      "description": "Создавать вертикальные графики термометра, идеально подходящие для визуализации целей сбора средств, прогресса проектов и достижения целей",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=thermometer-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]