Категории

← View All Tools

Генератор Календаря Heatmap

Генерировать календари heatmap в стиле GitHub для визуализации паттернов активности во времени, идеально подходит для отслеживания годовых вкладов, привычек или метрик

Данные активности для календаря heatmap. Формат: дата|значение|метка (формат ГГГГ-ММ-ДД)

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

Год для календаря (оставить пустым для текущего года)

Начальный цвет для пользовательской цветовой схемы (требует выбора пользовательских цветов)

Конечный цвет для пользовательской цветовой схемы (требует выбора пользовательских цветов)

Цвет для дней без активности

Цвет границы для ячеек

Размер каждой ячейки дня в пикселях (8-20)

Расстояние между ячейками в пикселях (1-5)

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

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

Отображать значения внутри ячеек (лучше работает с большими ячейками)

Отображать легенду интенсивности цвета

Отображать названия месяцев над календарем

Отображать метки дней недели

Отображать статистику активности под диаграммой

Включить подсказки при наведении на ячейки

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

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

Обзор

Генератор Календаря Heatmap — это онлайн-инструмент категории data visualization для генерировать календари heatmap в стиле github для визуализации паттернов активности во времени, идеально подходит для отслеживания годовых вкладов, привычек или метрик. Он особенно полезен при работе с контентом типа JSON data.

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

  • •Используйте его, когда нужно быстро process контент JSON data прямо в браузере.
  • •Полезно для сценариев data visualization, где нужны повторяемые входные данные и быстрые результаты.
  • •Полезно, если вы хотите сначала проверить поведение ввода и вывода, а потом интегрировать процесс в другое место.

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

  • •Передайте Данные Активности, Заголовок Диаграммы, Цветовая Схема, Год в качестве входных данных инструмента.
  • •Инструмент обрабатывает запрос и возвращает результат типа html.
  • •Для повторяемых сценариев используйте API-эндпоинт на странице после интерактивной проверки результата.

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

Process данные JSON data во время отладки или QA.
Проверьте ожидаемый результат перед использованием API или автоматизации.
Сравнивайте небольшие изменения входных данных, чтобы быстро понимать различия в результате.

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

data-visualization
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
keywords time,series,data
sample
Примеры Коммуникации WebRTC в Реальном Времени
Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации
keywords time,data
sample
Примеры Chart.js Library
Комплексные примеры Chart.js, включая типы графиков, параметры настройки, анимации и адаптивный дизайн
keywords graph,data,visualization
sample
Примеры ClickHouse
Колоночная база данных ClickHouse с примерами высокопроизводительной аналитики, обработки временных рядов и дашбордов в реальном времени
keywords time,series,data
sample

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

Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.
Инструменты Audio для Convert
Изучите 100 инструментов audio для сценариев convert и быстро сравните близкие утилиты.
Инструменты Design для Convert
Изучите 98 инструментов design для сценариев convert и быстро сравните близкие утилиты.

FAQ

Что делает Генератор Календаря Heatmap?

Генератор Календаря Heatmap помогает вам process контент JSON data онлайн без отдельного локального скрипта или приложения.

Когда стоит использовать этот инструмент?

Используйте его, когда нужен быстрый сценарий process, нужно проверить результат или нужен браузерный инструмент для задач data visualization.

Можно ли протестировать этот инструмент на примерах данных?

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

Какие входные данные принимает Генератор Календаря Heatmap?

Генератор Календаря Heatmap принимает Данные Активности, Заголовок Диаграммы, Цветовая Схема, Год.

Есть ли API для Генератор Календаря Heatmap?

Да. На странице инструмента есть API-эндпоинт, чтобы перейти от ручной проверки к автоматизированному использованию.

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

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

POST /ru/api/tools/calendar-heatmap

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Данные активности для календаря heatmap. Формат: дата|значение|метка (формат ГГГГ-ММ-ДД)
chartTitle text Нет Заголовок, который будет отображаться над heatmap
colorScheme select Нет -
year number Нет Год для календаря (оставить пустым для текущего года)
startColor color Нет Начальный цвет для пользовательской цветовой схемы (требует выбора пользовательских цветов)
endColor color Нет Конечный цвет для пользовательской цветовой схемы (требует выбора пользовательских цветов)
emptyColor color Нет Цвет для дней без активности
borderColor color Нет Цвет границы для ячеек
cellSize number Нет Размер каждой ячейки дня в пикселях (8-20)
cellSpacing number Нет Расстояние между ячейками в пикселях (1-5)
animationDuration number Нет Длительность анимации в миллисекундах
backgroundColor color Нет Цвет фона для контейнера диаграммы
showValues checkbox Нет Отображать значения внутри ячеек (лучше работает с большими ячейками)
showLegend checkbox Нет Отображать легенду интенсивности цвета
showMonthLabels checkbox Нет Отображать названия месяцев над календарем
showDayLabels checkbox Нет Отображать метки дней недели
showStats checkbox Нет Отображать статистику активности под диаграммой
showTooltip checkbox Нет Включить подсказки при наведении на ячейки

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

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

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

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

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