Категории

← View All Tools

Генератор Пиктограмм

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

Элементы данных как массив JSON со свойствами метки, значения и необязательного цвета

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

Пользовательский эмодзи иконки, когда выбрана "Пользовательская Иконка"

Значение, представленное каждой иконкой

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

Расстояние между иконками в пикселях

Максимальное количество иконок в строке (0 = неограничено)

Цвет по умолчанию для иконок (может быть переопределен цветами отдельных элементов)

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

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

Ширина границы в пикселях

Размер шрифта для меток и значений

Размер шрифта для заголовка графика

Цвет для заголовка графика

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

Отображать метки категорий

Отображать легенду, показывающую значение иконки

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

Применить скругленные углы к иконкам

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

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

Обзор

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

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

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

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

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

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

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

Примеры

1. Отчет по удовлетворенности клиентов

Маркетолог
Контекст
Необходимо представить результаты опроса о качестве обслуживания в презентации.
Проблема
Стандартные диаграммы выглядят слишком официально и скучно для соцсетей.
Как использовать
Выбрал иконку 'сердце', установил значение иконки на 5 и настроил цвета для каждой группы респондентов.
Пример конфигурации
[{"label": "Очень довольны", "value": 50, "color": "#10b981"}, {"label": "Нейтрально", "value": 20, "color": "#f59e0b"}, {"label": "Недовольны", "value": 10, "color": "#ef4444"}]
Результат
Получена яркая пиктограмма, где количество сердец наглядно показывает долю каждой группы клиентов.

2. Сравнение автопарка компании

Контекст
Нужно показать распределение типов транспортных средств в компании для внутреннего отчета.
Проблема
Нужно быстро показать количество машин разных типов без создания сложных таблиц.
Как использовать
Использовал иконку 'машина', настроил сетку и добавил легенду для пояснения значений.
Пример конфигурации
[{"label": "Седаны", "value": 15, "color": "#3b82f6"}, {"label": "Грузовики", "value": 8, "color": "#6b7280"}]
Результат
Четкий и понятный график, где каждая иконка автомобиля соответствует одной единице техники.

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

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

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

Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.
Инструменты Text для Convert
Изучите 80 инструментов text для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json
Изучите 43 инструментов json для сценариев utility и быстро сравните близкие утилиты.

FAQ

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

Инструмент поддерживает широкий выбор встроенных иконок (люди, звезды, сердца, техника и др.) и позволяет использовать любые эмодзи через опцию «Пользовательская иконка».

Можно ли задать цвет для каждой категории отдельно?

Да, в массиве данных JSON вы можете указать свойство 'color' для каждого элемента, что позволит раскрасить категории в разные цвета.

Что означает параметр «Значение иконки»?

Это коэффициент, определяющий, какому количеству единиц данных соответствует одна иконка. Например, если значение равно 10, одна иконка будет представлять 10 единиц.

Можно ли ограничить количество иконок в одной строке?

Да, используйте параметр «Максимум иконок в строке», чтобы задать фиксированную ширину графика или выстроить иконки в аккуратные ряды.

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

Инструмент генерирует готовый к использованию HTML-код с визуализацией, который можно вставить в веб-страницу или сохранить как изображение.

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

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

POST /ru/api/tools/pictograph-generator

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

Имя параметра Тип Обязательно Описание
chartTitle text Нет Заголовок, который будет отображаться над пиктограммой
dataItems textarea Да Элементы данных как массив JSON со свойствами метки, значения и необязательного цвета
iconType select Да -
customIcon text Нет Пользовательский эмодзи иконки, когда выбрана "Пользовательская Иконка"
iconValue number Да Значение, представленное каждой иконкой
iconSize number Нет Размер каждой иконки в пикселях
iconSpacing number Нет Расстояние между иконками в пикселях
maxIconsPerRow number Нет Максимальное количество иконок в строке (0 = неограничено)
layout select Нет -
orientation select Нет -
customColor color Нет Цвет по умолчанию для иконок (может быть переопределен цветами отдельных элементов)
backgroundColor color Нет Цвет фона для графика
borderColor color Нет Цвет границы для иконок
borderWidth number Нет Ширина границы в пикселях
fontSize number Нет Размер шрифта для меток и значений
titleSize number Нет Размер шрифта для заголовка графика
fontWeight select Нет -
titleWeight select Нет -
titleColor color Нет Цвет для заголовка графика
showValues checkbox Нет Отображать числовые значения рядом с метками
showLabels checkbox Нет Отображать метки категорий
showLegend checkbox Нет Отображать легенду, показывающую значение иконки
animationEnabled checkbox Нет Анимировать иконки при загрузке
roundedCorners checkbox Нет Применить скругленные углы к иконкам

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

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

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

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

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