> ## Documentation Index > Fetch the complete documentation index at: https://docs.twenty.com/llms.txt > Use this file to discover all available pages before exploring further. # Виджеты > Изучите типы виджетов и варианты визуализации в Twenty. export const ChartIcon = ({icon, size = 20}) => { const icons = { 'database': , 'filter': , 'axis-x': , 'axis-y': , 'sum': , 'chart-pie': , 'chart-line': , 'calendar': , 'arrows-sort': , 'filters': , 'chart-bar-popular': , 'math-min': , 'math-max': , 'color-swatch': , 'gizmo': , 'stack-2': , 'badge-2k': , 'text-caption': , 'eye-off': , 'caret-left': , 'caret-right': , 'number-123': , 'frame': , 'align-box-left-top': }; const selectedIcon = icons[icon]; if (!selectedIcon) { return null; } return selectedIcon; }; ## Доступные виджеты Twenty предоставляет различные типы виджетов для визуализации данных вашей CRM-системы. ### Гистограммы Отображайте данные в виде горизонтальных или вертикальных столбцов.

**Лучше всего подходит для:** * Сравнение значений по категориям * Отображение рейтингов * Отслеживание метрик по периодам времени **Примеры использования:** * Сделки по этапам * Выручка по менеджерам по продажам * Контакты, добавленные по месяцам **Ограничения отображения**: Гистограммы могут отображать максимум 100 столбцов и 50 групп на столбец при использовании "Group By". Если вы видите предупреждение "Undisplayed data: max X bars per chart", добавьте фильтры, чтобы сузить данные, или измените группировку (например, группируйте по неделям вместо дней). ### Круговые диаграммы Показывайте доли целого.

**Лучше всего подходит для:** * Отражение состава или распределения * Сравнение частей с целым * Выделение ключевых сегментов **Примеры использования:** * Распределение сделок по источникам * Разбивка контактов по отраслям * Состав воронки по ответственным ### Линейные диаграммы Отображайте динамику во времени.

**Лучше всего подходит для:** * Отслеживание изменений во времени * Определение тенденций * Сравнение нескольких метрик **Примеры использования:** * Динамика количества сделок по месяцам * Рост выручки по кварталам * Динамика уровня активности ### Сводные диаграммы Наглядно отображайте отдельные ключевые значения.

**Лучше всего подходит для:** * Выделение KPI * Показ итогов или средних значений * Быстрые проверки статуса **Примеры использования:** * Общий объем воронки * Число открытых сделок * Коэффициент конверсии **Расширенные параметры:** * **Ratio**: Для полей типа Select вычисляйте соотношения между значениями. Перейдите в **Отображаемые данные** → выберите поле → включите параметр **Ratio**. * **Префикс и суффикс**: Добавляйте произвольный текст до или после числа (например, префикс "\$" или суффикс "%") для лучшей читаемости. ### iFrames Встраивайте внешние инструменты и контент прямо в ваш дашборд.

**Лучше всего подходит для:** * Отображение внешних отчетов или дашбордов * Интеграция сторонних инструментов продаж * Отображение данных в реальном времени из других систем **Примеры использования:** * Метрики из вашего сервиса поддержки * Метрики из вашей системы обзвона * Контент в реальном времени из вашего инструмента последовательностей продаж ### Форматированный текст Добавляйте форматированный текст и контент прямо в ваш дашборд.

**Лучше всего подходит для:** * Добавление контекста или инструкций * Описания дашборда * Заметки и аннотации **Возможности:** * Форматирование текста (полужирный, курсив, списки и т. д.) * Загрузка изображений и файлов * Редактирование в стиле Markdown **Скоро**: Индикаторные диаграммы и таблицы пока недоступны, но есть в нашей дорожной карте. ### Дублирование виджетов 1. Нажмите на виджет 2. Откройте **Параметры** 3. Нажмите **Дублировать виджет**