Категории

Генератор Диаграмм Эйлера

Генерировать настраиваемые диаграммы Эйлера для визуализации отношений множеств, включений и иерархических структур

Упрощенный формат для диаграммы Венна. Компоновка определяется автоматически: пересечение=меньшее множество → родительско-дочерние отношения; иначе пересекающиеся; 3+ множества без пересечений → разделенные.

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

Пользовательские hex цвета для множеств (через запятую). Заменяет цветовую схему.

Прозрачность кругов (0.2 до 1.0)

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

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

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

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

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

Цвет для фоновой сетки

Отображать фоновую сетку для лучшего позиционирования

Отображать имена множеств на диаграмме

Отображать количество элементов в кругах

Отображать легенду под диаграммой

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

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

Обзор

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

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

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

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

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

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

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

Примеры

1. Анализ сегментов аудитории

Маркетолог
Контекст
Необходимо показать пересечение аудитории, использующей разные каналы связи: Email, SMS и Push-уведомления.
Проблема
Сложно объяснить стейкхолдерам, какая часть клиентов охвачена несколькими каналами одновременно.
Как использовать
Ввести данные о размерах групп и их пересечениях в поле «Данные Множеств», выбрав цветовую схему «Professional».
Пример конфигурации
{"element": [{"name": "Email", "count": 500}, {"name": "SMS", "count": 300}, {"name": "Push", "count": 200}], "Intersecting": [{"names": "Email,SMS", "count": 100}]}
Результат
Наглядная диаграмма, демонстрирующая уникальных пользователей и зону их пересечения между Email и SMS.

2. Иерархия категорий товаров

Аналитик данных
Контекст
Требуется визуализировать структуру каталога, где категория «Электроника» включает подкатегорию «Смартфоны».
Проблема
Необходимо наглядно отобразить вложенность категорий для отчета по продажам.
Как использовать
Использовать формат родитель-потомок, где пересечение равно размеру дочернего множества.
Пример конфигурации
{"element": [{"name": "Электроника", "count": 1000}, {"name": "Смартфоны", "count": 400}], "Intersecting": [{"names": "Электроника,Смартфоны", "count": 400}]}
Результат
Диаграмма, где круг «Смартфоны» полностью находится внутри круга «Электроника», подчеркивая иерархическую связь.

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

data-visualization

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

FAQ

Чем диаграмма Эйлера отличается от диаграммы Венна?

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

Как задать иерархию множеств?

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

Можно ли использовать свои цвета?

Да, вы можете указать список HEX-кодов через запятую в поле «Пользовательские цвета», чтобы переопределить стандартную схему.

Поддерживает ли инструмент экспорт?

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

Нужно ли знать программирование для работы с JSON-форматом?

Нет, формат данных интуитивно понятен: достаточно перечислить элементы и их пересечения в соответствии с примером в описании поля.

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

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

POST /ru/api/tools/euler-diagram-generator

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Упрощенный формат для диаграммы Венна. Компоновка определяется автоматически: пересечение=меньшее множество → родительско-дочерние отношения; иначе пересекающиеся; 3+ множества без пересечений → разделенные.
chartTitle text Нет Заголовок, который будет отображаться над диаграммой
borderStyle select Нет -
colorScheme select Нет -
customColors text Нет Пользовательские hex цвета для множеств (через запятую). Заменяет цветовую схему.
circleOpacity number Нет Прозрачность кругов (0.2 до 1.0)
fontSize number Нет Размер шрифта для меток в пикселях
chartWidth number Нет Ширина диаграммы в пикселях
chartHeight number Нет Высота диаграммы в пикселях
animationDuration number Нет Длительность анимации в миллисекундах
backgroundColor color Нет Цвет фона для контейнера диаграммы
gridColor color Нет Цвет для фоновой сетки
showGrid checkbox Нет Отображать фоновую сетку для лучшего позиционирования
showLabels checkbox Нет Отображать имена множеств на диаграмме
showValues checkbox Нет Отображать количество элементов в кругах
showLegend checkbox Нет Отображать легенду под диаграммой

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

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

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

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

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