# Генератор Пиктограмм Создавайте пиктограммы с использованием иконок/символов для представления количеств с настраиваемыми иконками, цветами и компоновкой > Каноническая страница: https://elysiatools.com/ru/tools/pictograph-generator - **Категория:** Data Visualization - **Ключевые слова:** пиктограмма, график иконок, визуализация символов, представление количества, визуализация данных ## Обзор Генератор пиктограмм позволяет превращать сухие числовые данные в наглядные и привлекательные графики, используя иконки и символы для представления количественных показателей. ## Входные данные - **Заголовок Графика** (text): Заголовок, который будет отображаться над пиктограммой - **Элементы Данных** (textarea): Элементы данных как массив JSON со свойствами метки, значения и необязательного цвета - **Тип Иконки** (select): Выберите тип иконки - **Пользовательская Иконка** (text): Пользовательский эмодзи иконки, когда выбрана "Пользовательская Иконка" - **Значение Иконки** (number): Значение, представленное каждой иконкой - **Размер Иконки** (number): Размер каждой иконки в пикселях - **Расстояние Между Иконками** (number): Расстояние между иконками в пикселях - **Максимум Иконок в Строке** (number): Максимальное количество иконок в строке (0 = неограничено) - **Компоновка** (select): Выберите компоновку - **Выравнивание Текста** (select): Выберите выравнивание - **Цвет Иконки по Умолчанию** (color): Цвет по умолчанию для иконок (может быть переопределен цветами отдельных элементов) - **Цвет Фона** (color): Цвет фона для графика - **Цвет Границы** (color): Цвет границы для иконок - **Ширина Границы** (number): Ширина границы в пикселях - **Размер Шрифта** (number): Размер шрифта для меток и значений - **Размер Заголовка** (number): Размер шрифта для заголовка графика - **Насыщенность Шрифта** (select): Выберите насыщенность шрифта - **Насыщенность Заголовка** (select): Выберите насыщенность заголовка - **Цвет Заголовка** (color): Цвет для заголовка графика - **Показать Значения** (checkbox): Отображать числовые значения рядом с метками - **Показать Метки** (checkbox): Отображать метки категорий - **Показать Легенду** (checkbox): Отображать легенду, показывающую значение иконки - **Включить Анимации** (checkbox): Анимировать иконки при загрузке - **Скругленные Углы Иконок** (checkbox): Применить скругленные углы к иконкам ## Когда использовать - Когда нужно сделать отчет или презентацию более визуально понятными для аудитории. - Для сравнения категорий данных с помощью интуитивно понятных символов вместо стандартных столбцов. - При создании инфографики, где важно быстро передать масштаб значений через количество иконок. ## Как это работает - Введите данные в формате JSON, указав метки, значения и цвета для каждой категории. - Выберите подходящий тип иконки из списка или используйте собственный эмодзи. - Настройте параметры отображения: размер иконок, отступы, сетку или гибкий поток. - Сгенерируйте визуализацию и при необходимости добавьте заголовок и легенду для ясности. ## Сценарии использования - Визуализация демографических данных или статистики аудитории с помощью иконок людей. - Отображение прогресса выполнения целей или рейтингов с использованием звезд и сердец. - Создание наглядных отчетов по продажам товаров, где каждая иконка представляет определенный объем продаж. ## Частые вопросы ### Какие форматы иконок поддерживаются? Инструмент поддерживает широкий выбор встроенных иконок (люди, звезды, сердца, техника и др.) и позволяет использовать любые эмодзи через опцию «Пользовательская иконка». ### Можно ли задать цвет для каждой категории отдельно? Да, в массиве данных JSON вы можете указать свойство 'color' для каждого элемента, что позволит раскрасить категории в разные цвета. ### Что означает параметр «Значение иконки»? Это коэффициент, определяющий, какому количеству единиц данных соответствует одна иконка. Например, если значение равно 10, одна иконка будет представлять 10 единиц. ### Можно ли ограничить количество иконок в одной строке? Да, используйте параметр «Максимум иконок в строке», чтобы задать фиксированную ширину графика или выстроить иконки в аккуратные ряды. ### В каком виде я получу результат? Инструмент генерирует готовый к использованию HTML-код с визуализацией, который можно вставить в веб-страницу или сохранить как изображение. ## Связанные инструменты - [Генератор Кольцевой Диаграммы](https://elysiatools.com/ru/tools/donut-chart-generator): Генерировать настраиваемые кольцевые диаграммы из данных с различными опциями стилизации, идеально подходит для отображения пропорций с центральным пространством - [Генератор Воронкообразной Диаграммы](https://elysiatools.com/ru/tools/funnel-chart-generator): Генерировать настраиваемые воронкообразные диаграммы из данных, идеально подходит для отображения коэффициентов конверсии, воронок продаж и потоков процессов - [Генератор Прогресс-баров](https://elysiatools.com/ru/tools/progress-bar-generator): Генерировать настраиваемые прогресс-бары из данных, идеально подходит для отображения статуса завершения, рейтингов или сравнительных значений - [Генератор Радарных Диаграмм](https://elysiatools.com/ru/tools/radar-chart-generator): Генерировать настраиваемые радарные диаграммы из данных, идеально подходит для многомерного сравнения и анализа - [Генератор Диапазонного Графика](https://elysiatools.com/ru/tools/range-chart-generator): Создание диапазонных графиков для визуализации диапазонов мин-макс значений с маркерами медианы и обнаружением выбросов - [Генератор Временной Шкалы](https://elysiatools.com/ru/tools/timeline-generator): Генерировать красивые и интерактивные временные шкалы из данных событий с различными макетами и стилями - [Генератор Древовидных Диаграмм](https://elysiatools.com/ru/tools/tree-diagram-generator): Генерировать интерактивные древовидные диаграммы из иерархических данных с настраиваемым стилем - [Генератор Водопадного Графика](https://elysiatools.com/ru/tools/waterfall-chart-generator): Создание водопадных графиков для визуализации накопительных изменений с различением положительных/отрицательных значений и отображением промежуточных итогов ## Примеры - [Примеры Расширенного Применения Grafana](https://elysiatools.com/ru/samples/grafana-samples): Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов - [Примеры QR-кодов](https://elysiatools.com/ru/samples/qrcode-samples): Примерные изображения QR-кодов для тестирования инструментов чтения и генерации QR-кодов - [Примеры Анализа Логов ELK Stack](https://elysiatools.com/ru/samples/elk-stack-samples): Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах - [Примеры Коммуникации WebRTC в Реальном Времени](https://elysiatools.com/ru/samples/webrtc-samples): Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации ## Связанные материалы - [Генераторы диаграмм и графиков](https://elysiatools.com/ru/hubs/chart-diagram-generators): Создавайте столбчатые, линейные, круговые, кольцевые, точечные, лепестковые диаграммы, диаграммы Ганта, Санкей, тепловые карты, воронки, treemap и множество других визуализаций из ваших данных в одном хабе. - [Инструменты JSON-обмена и перевода форматов](https://elysiatools.com/ru/hubs/json-convert): Сравните инструменты преобразования JSON для CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN и других структурированных форматов в одном хабе. - [Инструменты конвертации регистра, кодировки и нормализации текста](https://elysiatools.com/ru/hubs/text-convert): Сравните в одном хабе конвертацию регистра, ширины символов, кодировок, работу с quoted-printable и встроенную нормализацию текста. - [Инструменты для проверки, diff и преобразования JSON](https://elysiatools.com/ru/hubs/json-utility): Соберите в одном хабе инструменты для форматирования JSON, сравнения версий, проверки путей, валидации схем, объединения файлов и преобразования данных для API и data workflows.