Инфографика из таблицы должна сохранять смысл исходных чисел: читатель должен видеть, что считается, за какой период и от какого итога рассчитаны доли. В примере ниже путь от CSV до исправленного графика показан на учебных данных; генеративную модель для расчётов и построения графика не использовали.
Подготовьте таблицу
Сначала укажите показатель, единицу измерения и период. Для примера это количество заявок по каналам за сентябрь 2026 года. В наборе пропусков нет. Если в реальных данных значение неизвестно, отметьте его как неизвестное или оставьте пропуск — не подставляйте ноль без основания. Итог тоже должен быть виден и воспроизводиться по строкам.
channel,applications,period,unit
Поиск,40,2026-09,заявки
Соцсети,30,2026-09,заявки
Почта,20,2026-09,заявки
Партнёры,10,2026-09,заявки
Итог: 40 + 30 + 20 + 10 = 100 заявок. В этом примере доля канала — его количество заявок, делённое на сумму заявок за один месяц. Это не доля посетителей и не конверсия. Для рабочего набора отдельно зафиксируйте определение показателя и разберите расхождения до построения графика.
Если нужно сначала разобраться, откуда взялись маркетинговые показатели и что они означают, см. разбор маркетинговых данных с нейросетью.
Выберите график
Здесь сравниваются доли четырёх каналов от одного итога — 100 заявок за сентябрь 2026 года. Подойдёт горизонтальная диаграмма: длина полосы показывает долю, а подпись содержит канал и число заявок. Общий знаменатель для всех строк — 100.
Расчёт до оформления графика:
| Канал | Заявки | Формула доли | Доля |
|---|---|---|---|
| Поиск | 40 | 40 / 100 × 100 |
40% |
| Соцсети | 30 | 30 / 100 × 100 |
30% |
| Почта | 20 | 20 / 100 × 100 |
20% |
| Партнёры | 10 | 10 / 100 × 100 |
10% |
| Итого | 100 | 100% |
В текстовом представлении исправленный график выглядит так. Каждый блок соответствует 2 процентным пунктам; шкала начинается с нуля и заканчивается на 50%.
Поиск ████████████████████ 40%
Соцсети ███████████████ 30%
Почта ██████████ 20%
Партнёры █████ 10%
0% ├─────┼─────┼─────┼─────┼─────┤ 50%
10% 20% 30% 40% 50%
Цвет, иконки и заголовок можно добавить как оформление, но они не заменяют единицы, период и определение показателя. Если полосы кодируют долю, их длины должны соответствовать долям. SVG-элемент <rect> задаёт прямоугольник через положение, ширину и высоту; координаты x и y задают его положение, а width и height — размеры (документация MDN по SVG rect).
Задайте структуру через ИИ
Передайте ИИ исходные строки, уже зафиксированные единицы, период, итог и определение доли. В запросе задайте роль: подготовить план и подписи, не придумывать отсутствующие данные и явно перечислить вопросы, которые требуют решения человека.
Для расчётов укажите отдельное правило: значения и знаменатели проверяются по исходной таблице, а доли пересчитываются формулой или кодом, не только текстовым ответом модели. В рабочем процессе агент получает контрольные критерии, сверяет данные и выдаёт результат проверки с найденными расхождениями. Человек уточняет отсутствующие бизнес-факты и решает исключения — например, если строки относятся к разным периодам. Это инструкция к процессу, а не гарантия, что любой ИИ выполнит проверки без ошибки.
Полный запрос для учебного набора:
Подготовь план простой инфографики и короткие подписи по данным ниже.
Не изменяй исходные числа, не добавляй показатели и не делай выводов
о причинах результата. Неизвестные значения не заменяй нулями.
Если для построения не хватает бизнес-факта или есть противоречие,
перечисли его отдельно и не заполняй догадкой.
Данные:
Поиск — 40 заявок
Соцсети — 30 заявок
Почта — 20 заявок
Партнёры — 10 заявок
Период: сентябрь 2026 года.
Единица: заявки.
Итог по исходным строкам: 100 заявок.
Определение: доля канала от суммы всех заявок за один месяц;
это не доля посетителей и не конверсия.
Контрольные значения для сверки:
Поиск — 40/100*100 = 40%
Соцсети — 30/100*100 = 30%
Почта — 20/100*100 = 20%
Партнёры — 10/100*100 = 10%
Сумма долей — 100%.
Предложи:
1. Тип графика и краткое объяснение выбора.
2. Заголовок с показателем и периодом.
3. Подпись для каждой строки: канал, число заявок и доля.
4. Примечание с единицей, итогом и определением доли.
5. Проверку суммы исходных строк, знаменателя, каждой доли,
суммы долей, подписей, шкалы от нуля и периода.
Не пересчитывай значения молча. Покажи формулы и результат сверки.
Верни план, список подписей и список проверок.
Для другой задачи потребуется другая структура: например, в карточке товара с нейросетью важны текст и изображение, а здесь — сохранение смысла чисел.
Соберите и проверьте
Ниже — два варианта на одних исходных данных. Ошибка создана намеренно в примере: у поиска взяли неверный знаменатель 80 вместо общего итога 100. Поэтому получилась доля 50%, а сумма долей — 110%. Это не ответ модели.
| Вариант | Поиск | Соцсети | Почта | Партнёры | Сумма долей |
|---|---|---|---|---|---|
| Намеренно ошибочный | 50% | 30% | 20% | 10% | 110% |
| Исправленный | 40% | 30% | 20% | 10% | 100% |
Намеренно ошибочный вариант — у поиска ошибочны знаменатель и доля:
Поиск █████████████████████████ 50% — ошибочно
Соцсети ███████████████ 30%
Почта ██████████ 20%
Партнёры █████ 10%
0% ├─────┼─────┼─────┼─────┼─────┤ 50%
Исправленный вариант:
Поиск ████████████████████ 40%
Соцсети ███████████████ 30%
Почта ██████████ 20%
Партнёры █████ 10%
0% ├─────┼─────┼─────┼─────┼─────┤ 50%
Проверка для агента и протокол результата включают пять пунктов:
- Сумма исходных строк:
40 + 30 + 20 + 10 = 100. - Знаменатель: у каждой доли он равен 100; в намеренно ошибочном варианте для поиска обнаруживается 80.
- Формулы и сумма долей:
40/100 × 100 = 40%;40% + 30% + 20% + 10% = 100%. В ошибочном варианте сумма равна 110%. - Подписи и кодирование: название канала, число заявок, процент и длина полосы согласованы с данными и формулами.
- Ось, единица и период: шкала начинается с нуля; указаны «заявки» и сентябрь 2026 года; подпись не называет долю конверсией.
Если проверка находит расхождение, агент возвращает конкретное поле и основание для исправления; неизвестный бизнес-факт передаёт человеку, а не подставляет догадку. В этом учебном примере у поиска исправление такое: знаменатель 80 → 100, доля 50% → 40%, сумма долей 110% → 100%. Человеку не нужно вручную повторять все сверки по одной: он рассматривает исключения и подтверждает решения, для которых не хватает исходных данных.
Сохраните исходник
Храните CSV, формулы, исходник SVG и экспорт PNG вместе. Тогда после обновления таблицы можно повторить расчёт и пересобрать график, не перенося старые подписи вручную. Ниже — исходник исправленного графика: в нём есть подписи, единица, период и ось от нуля.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 300" role="img" aria-labelledby="title desc">
<title id="title">Заявки по каналам, сентябрь 2026 года</title>
<desc id="desc">100 заявок: поиск 40 процентов, соцсети 30, почта 20, партнёры 10. Ось начинается с нуля.</desc>
<rect width="680" height="300" fill="#ffffff"/>
<text x="24" y="30" font-size="20">Доли от 100 заявок · сентябрь 2026</text>
<text x="24" y="73" font-size="16">Поиск</text>
<rect x="150" y="55" width="200" height="22" fill="#3867d6"/>
<text x="420" y="73" font-size="16">40% · 40 заявок</text>
<text x="24" y="113" font-size="16">Соцсети</text>
<rect x="150" y="95" width="150" height="22" fill="#3867d6"/>
<text x="420" y="113" font-size="16">30% · 30 заявок</text>
<text x="24" y="153" font-size="16">Почта</text>
<rect x="150" y="135" width="100" height="22" fill="#3867d6"/>
<text x="420" y="153" font-size="16">20% · 20 заявок</text>
<text x="24" y="193" font-size="16">Партнёры</text>
<rect x="150" y="175" width="50" height="22" fill="#3867d6"/>
<text x="420" y="193" font-size="16">10% · 10 заявок</text>
<line x1="150" y1="48" x2="150" y2="215" stroke="#333333"/>
<line x1="150" y1="215" x2="400" y2="215" stroke="#333333"/>
<line x1="200" y1="215" x2="200" y2="222" stroke="#333333"/>
<line x1="250" y1="215" x2="250" y2="222" stroke="#333333"/>
<line x1="300" y1="215" x2="300" y2="222" stroke="#333333"/>
<line x1="350" y1="215" x2="350" y2="222" stroke="#333333"/>
<line x1="400" y1="215" x2="400" y2="222" stroke="#333333"/>
<text x="143" y="243" font-size="13">0%</text>
<text x="190" y="243" font-size="13">10%</text>
<text x="240" y="243" font-size="13">20%</text>
<text x="290" y="243" font-size="13">30%</text>
<text x="340" y="243" font-size="13">40%</text>
<text x="390" y="243" font-size="13">50%</text>
<text x="24" y="278" font-size="13">Доля канала от суммы заявок за месяц; не доля посетителей и не конверсия.</text>
</svg>
В учебном комплекте есть CSV, формулы, исходники SVG, PNG исправленного и намеренно ошибочного графиков: скачать image_infographic_data — полный комплект. В локально собранном примере проверены сумма, знаменатели, доли, подписи, ширина полос, единица, период и наличие оси от нуля. Генеративную модель не запускали.
Учебный пример — все бизнес-данные и условия вымышлены; это локально собранный артефакт, не клиентский кейс, не полевой A/B-тест и не бенчмарк качества ИИ.
Автор метода «Машиночитаемый маркетинг»