Руководитель спрашивает, где проблема. Вы присылаете таблицу — и ему приходится искать ответ самому. Дашборд помогает, если на одном экране видны нужный показатель, его состав и следующий вопрос. Начинать стоит с решения, которое этот экран поддерживает.
Кольцевые диаграммы показывают состав, столбцы — сравнение месяцев, полосы прогресса — выполнение по подразделениям. Каждый график меняется вместе с фильтрами; точные значения и исходная таблица доступны рядом.
Мы собрали четыре работающих прототипа на вымышленных данных «Маяка». Их можно открыть, фильтровать и сверить по строкам прямо сейчас. Полная сборка и проверка разобраны в курсе «Не присылай мне ещё одну таблицу».
1. Продажи: где отстаём от плана
Открыть продажи. Шесть строк: три отдела за август и сентябрь. Карточки, полосы сравнения и таблица используют одни фильтры.
Всего план 635 000 ₽, факт 617 000 ₽, отклонение −18 000 ₽. Выполнение — около 97,2%. Перед контрольными числами нажмите «Сбросить фильтры»: при смене вкладки месяц и отдел сохраняются. Это сумма факта, делённая на сумму плана, а не среднее процентов отделов. Себестоимости нет, поэтому прибыль не показываем.
Попробуйте сентябрь и Юг: план 100 000 ₽, факт 115 000 ₽, выполнение 115%. Выберите октябрь — появится пустая выборка с объяснением. Данных за октябрь нет; нулевые технические суммы не доказывают, что в октябре никто не работал.
2. Поручения: что осталось и где просрочка
Открыть поручения. На фиксированном учебном снимке 108 поручений, 85 завершены, 23 не завершены. Из этих 23 просрочены 15.
Самая полезная проверка здесь — состав групп. Нельзя сложить 85 + 23 + 15: просроченные уже входят в незавершённые. И красная цифра не объясняет причину задержки. Чтобы предложить действие, надо уточнить препятствия, а не автоматически обвинять отдел.
3. Закупки: общий остаток скрывает превышение
Открыть закупки. Общий бюджет 405 000 ₽, потрачено 388 000 ₽, остаток 17 000 ₽. Выберите сентябрь и Юг — увидите превышение 10 500 ₽.
Попробуйте «Что, если…» на +10% при всех строках. Сценарные расходы составят 426 800 ₽. При этом исходная таблица и карточки остаются прежними. Сценарий явно отделён от факта: это ваше предположение, не прогноз модели и не новая проводка.
Положительный остаток по этому набору не означает, что деньги свободны: будущие обязательства в прототипе не учитываются.
4. ИТ-служба: заявки, инциденты и приоритеты
Открыть ИТ-панель. В ней 12 вымышленных обращений с ID, отделом, типом, приоритетом, статусом, целевым сроком и темой.
Контроль всего набора: 5 закрыто, 7 открыто, из открытых 4 просрочено. Активных инцидентов 3, открытых P1 — 1. В учебном наборе заявка означает запрос на обслуживание, инцидент — сбой, P1 — высший приоритет.
Найдите IT-01: почта недоступна, P1, в работе. Целевое время 09:00 уже прошло на снимке 14 сентября 2026, 12:00 (UTC+03). Такая запись должна быть заметна среди обычных запросов на настройку рабочих мест.
Фильтры типа и приоритета позволяют оставить только инциденты P2. При сентябре это IT-03, IT-05 и IT-08: одно закрыто, два открыто, одно просрочено. В таком фильтре не видно P1 — это не означает, что критических обращений во всей очереди нет.
Период — месяц регистрации, а не дата закрытия. Августовская незакрытая заявка всё ещё требует внимания. Статус «Ожидание» не приостанавливает целевой срок по условиям упражнения. Эти правила подписаны, потому что в реальной компании они могут быть другими.
Не обещаем расчёт SLA или среднего времени восстановления: в наборе нет договорных условий и необходимой истории событий. Целевые сроки вымышлены. Это прототип аналитики очереди, не система регистрации и хранения рабочих обращений.
Как повторить с нейросетью
Прототипы собраны с Codex как авторская реализация. Ниже — промпты для самостоятельного повторения, не стенограмма их создания. Результаты другого чата нужно проверять заново.
Сначала вопрос и правила:
Я делаю учебный дашборд «Маяка», данные вымышлены.
Помоги описать один рабочий вопрос, четыре показателя,
их формулы, единицы и то, чего данные не доказывают.
Сначала проверь смысл колонок; недостающие данные не придумывай.
Для ИТ: месяц означает регистрацию; просрочка считается
только среди незакрытых на фиксированное время снимка.
Ожидание не останавливает срок в этом учебном наборе.
Возьмите один из наборов: продажи CSV, поручения CSV, закупки CSV, ИТ-очередь CSV. Откройте локально, в чат скопируйте только текст вымышленных строк. Файл не загружайте.
Затем сборка:
По согласованному паспорту и учебным строкам дай три файла:
index.html, style.css, app.js. Всё локально, без внешних библиотек,
запросов к сети, загрузки файлов и сохранения ввода.
Обычный script defer, без модулей: HTML открывается двойным щелчком.
Все карточки, диаграмма и таблица используют одну выборку.
Добавь сброс и пустой октябрь 2026 в список месяцев.
Проценты показывай как сумма факта / сумма плана × 100.
Добавь CSV текущей выборки и печать через браузер.
Покажи исходные строки, подписи фильтров и пустое состояние.
На телефоне ничего не должно уходить за пределы страницы;
широкая таблица может прокручиваться внутри своего блока.
Не выдавай сценарий за факт и не придумывай причины отклонений.
После открытия — конкретная проверка ИТ-версии:
В ИТ-панели при сентябре, всех отделах, типе «Инцидент»
и приоритете P2 должны остаться IT-03, IT-05, IT-08.
Открыто 2, закрыто 1, просрочено 1 на 14.09.2026 12:00 UTC+03.
Проверь согласованность выборки и правило просрочки.
Исправь найденное расхождение, сохрани остальные данные.
Объясни, что изменил и как мне повторить проверку.
Этот контроль относится только к нашему набору. Не подставляйте готовые ответы вместо формул: изменение исходной строки должно менять результат. Подробная инструкция сохранения файлов в Windows, разбор частых сбоев и журнал проверки есть в блоках 3–4 курса; отдельный запрос для сборки ИТ-версии — в блоке 6.
Так выглядит промежуточная проверка готового прототипа. В собственной генерации сравнивайте числа и строки, а не только внешний вид.
Можно открыть на компьютере без сервера
Скачайте автономную версию ZIP, распакуйте всю папку и дважды нажмите index.html. Рядом должны оставаться style.css и app.js. Для этой готовой версии не нужны VDS, установка модели или среда разработки. Ссылки на курс требуют сети; расчёт и фильтры работают локально.
Доступ к нейросети курс не предоставляет. Для самостоятельной генерации используйте доступный текстовый чат. Если модели нет, разберите готовую версию и так подпишите выполнение. Рисунок дашборда, описание кода и реально работающая страница — разные результаты.
«Скачать строки CSV» сохраняет текущие отфильтрованные исходные данные. Сценарий в CSV не подмешивается. «Печать / сохранить PDF» открывает диалог браузера: при наличии опции сохраните PDF и проверьте предпросмотр. В широкой ИТ-таблице может понадобиться альбомная ориентация; CSV сохраняет все колонки. PDF не сохраняет фильтры как интерактивные элементы.
Никаких настоящих имён, рабочих заявок и интеграций в примерах нет. Содержимое переданной папки доступно получателю. Для настоящей общей панели с правами, обновлением и рабочими данными нужен отдельный согласованный проект.
Как понять, что получилось
Панель отвечает на один вопрос; каждое число можно восстановить по строкам; фильтры меняют весь экран; отсутствие данных обозначено; сценарии подписаны; вывод не сильнее исходника. Приложите к своей версии четыре результата проверки: общий набор, один отдел, пустой месяц и изменение одной учебной строки.
Идею отдельного практикума обсудили после знакомства с открытой программой курса о дашбордах. Наши данные, задания, код и примеры самостоятельные. Платные уроки стороннего курса мы не проходили; рекламные обещания скорости не используем как результаты наших измерений.
