24.10.2026 Технический разбор RU

Площадки по ML: пояснения по шагам, общий глоссарий и определения при наведении

Все 13 площадок перестроены в пронумерованные шаги, где каждая диаграмма предварена объяснением; 71 термин собран в общий глоссарий, а на площадках определение всплывает при наведении на подчёркнутое слово; кривая «точность — полнота» объяснена через снижение порога и идеальную модель.

Никита Конкин

Проект Репозиторий Открыть playground'ы
Языковые версии: RU EN

Площадки писались как приложение к лекциям. Тому, кто помнит лекцию, подписи понятны; тому, кто пришёл из поиска, — нет: термины используются без определений, а графики появляются раньше, чем сказано, что на них. За неделю площадки получили три изменения, которые закрывают этот разрыв: порядок по шагам, общий глоссарий и определения прямо в тексте.

Площадка как последовательность шагов

Все 13 площадок перестроены по одному правилу: разделы пронумерованы и идут в том порядке, в каком их нужно читать, а каждая диаграмма предварена абзацем о том, что на ней и откуда она берётся. Пример — площадка об утечке данных. Раньше она начиналась сразу с итоговых чисел, теперь это шесть шагов: данные и задача, как проверяют модель, два порядка шагов — с утечкой и честно, — результат по блокам, что отобралось и почему шум выглядит значимым.

Страница площадки «Утечка данных»: слева настройки данных, отбора признаков и проверки; справа раздел «2. Как проверяют модель: кросс-валидация» с абзацем пояснения и схемой из пяти строк обучения по пяти блокам, где тёмная клетка — блок, отложенный для проверки; ниже раздел «3. Где возникает утечка: два порядка шагов» с двумя колонками — «С утечкой» и «Честно»
Площадка об утечке данных: шаг 2 со схемой кросс-валидации и шаг 3 с двумя порядками действий. Интерфейс на русском.

Для второго шага появилась новая схема: строка — одно обучение, столбец — один блок строк, тёмная клетка — блок, отложенный для проверки. Число блоков задаёт ползунок, и схема перестраивается вместе с ним. Третий шаг ставит рядом два порядка действий. С утечкой: сначала отобрать 20 признаков по всем 300 строкам, затем обучать по блокам. Честно: отбирать признаки заново в каждом обучении, только по обучающим блокам. Обе ветви масштабируют признаки и обучают одну и ту же модель на одних и тех же блоках — различаются они только тем, где сделан отбор.

На остальных площадках то же правило дало свои перестановки. Нейросеть показывает сеть и код обратного прохода до обучения, а ошибка, выбранная слева, видна в этом коде как одна заменённая строка. Граф задач начинается с графа и правил планировщика, а итог и журнал идут после. Подготовка данных показывает цепочку очистки явно, шаг за шагом. На площадке о векторизации текста accuracy названа долей правильных ответов, а справки к параметрам min_df и sublinear_tf исправлены.

Общий глоссарий

Одни и те же понятия встречаются на многих площадках: доля правильных ответов — на пяти, кросс-валидация — на четырёх. Два разных определения одного и того же путают сильнее, чем отсутствие определения, поэтому все термины живут в одном словаре в общем модуле. У каждого есть название, смысл, при необходимости формула и примечание. Сейчас в словаре 71 термин; последними добавлены восемь, которые площадки использовали без определения: признак, логистическая регрессия, сигмоида, ReLU, перекрёстная энтропия, стандартизация, плейсхолдер и кластеризация.

Страница «Глоссарий площадок»: «терминов: 71 · площадок: 13», пояснение о подчёркнутых терминах, алфавитный указатель из латинских и русских букв; ниже термины ARI с примечанием и ссылкой на площадку «Память переводов» и BLEU с формулой и ссылками на две площадки
Страница глоссария: 71 термин, алфавитный указатель, формулы и ссылки на площадки.

Из словаря при сборке сайта получается отдельная страница — глоссарий: термины по алфавиту, сначала латинские, затем русские, с формулами, примечаниями и списком площадок, где термин встречается. Ссылка на неё есть в боковой панели каждой площадки, в каталоге и на странице курса.

Определение при наведении

На самих площадках словарь работает прямо в тексте. Первое упоминание термина в каждом блоке пояснений подчёркнуто пунктиром; при наведении мыши появляется определение. На телефоне наведения нет, поэтому определение открывается нажатием и встаёт полосой у нижнего края экрана.

Раздел «1. Данные и задача» площадки об утечке данных: термины «признаков», «логистическая регрессия», «кросс-валидации», «Отбор признаков» и «Утечка» подчёркнуты пунктиром; над словом «кросс-валидации» тёмная подсказка с определением: выборку делят на несколько равных частей — блоков, модель обучают на всех блоках, кроме одного, и проверяют на оставшемся; итог — среднее по блокам
Определение кросс-валидации всплывает над подчёркнутым словом.

Каждая площадка объявляет, какие термины она объясняет, и ищутся только они. Причина в том, что одно слово значит разное на разных страницах: «пропуск» на площадке о подготовке данных — это пустая ячейка в таблице, а на площадке о метриках — пропущенный отказ. Для каждого термина задан шаблон, который ловит его падежные формы. Упоминания внутри жирных названий элементов управления, кода, формул и готового HTML не трогаются, чтобы подсказка не сломала разметку. Тесты проверяют, что каждый термин, который просит страница, есть в словаре и имеет шаблон, что подчёркивается только первое упоминание, что названия элементов управления и код остаются нетронутыми и что страница объявляет свои термины раньше любого пояснения.

Кривая «точность — полнота»

Площадка о метрике и дисбалансе классов показывает кривую «точность — полнота» для трёх способов учесть перекос. Пояснение к ней теперь объясняет, как её читать. Кривую проходят слева направо, постепенно снижая порог. При высоком пороге модель объявляет отказом лишь несколько самых подозрительных деталей и почти не ошибается: полнота мала, точность близка к 1. Чем ниже порог, тем больше отказов найдено и тем больше среди тревог ложных.

Раздел «3. Кривые «точность — полнота»»: два абзаца пояснения над графиком точности от полноты для трёх способов — без учёта дисбаланса, веса классов и сокращение преобладающего класса 3:1; ступенчатые кривые спускаются от 1 к нулю, точки отмечают положение каждого способа при пороге 0,5, пунктир внизу — случайное ранжирование, 0,033; ниже выводы о весах классов и PR-AUC
Кривые «точность — полнота» трёх способов и пояснение над ними.

Ориентиром служит идеальная модель: она держала бы точность 1 вплоть до полноты 1, и её кривая прошла бы по верхнему краю графика до правого верхнего угла. Реальная кривая всегда опускается; чем дольше она держится высоко, тем лучше модель отделяет отказы от исправных деталей. Площадь под кривой — PR-AUC. Пунктир внизу — точность случайных тревог, которая равна доле отказов в данных; здесь это 0,033.

Выводы под графиком не написаны заранее, а вычисляются из данных. На этом наборе веса классов не подняли полноту, а снизили её — 0,333 против 0,367 без них, — и площадка объясняет почему: деревья случайного леса выращены до чистых листьев, а вероятность в чистом листе от весов не зависит.

Ещё одна подпись к замеру скорости

В прошлом разборе замер скорости научился работать с огрублёнными часами браузера. Когда числа стали видны, обнаружилось, что подпись под замером обещала лишнее: скалярное произведение в браузере оказалось медленнее поэлементного варианта, 556 мкс против 379 на миллионе чисел, хотя в обычном Python оно в 11 раз быстрее. Теперь подпись говорит то, что измерено здесь, а подпись к самому длинному столбцу больше не обрезается краем графика.

Выводы

  1. Пояснение полезно, когда оно идёт до графика: читатель сначала узнаёт, что увидит, и только потом смотрит.
  2. Один словарь на все страницы не даёт одному понятию получить два разных определения.
  3. Подсказка при наведении должна знать контекст страницы: одно и то же слово в разных разделах может означать разное.
  4. Кривую легче читать через движение по ней — снижение порога — и через идеальный случай, с которым её сравнивают.

Доступность

Площадки открываются в браузере без установки, исходный код открыт.

Теги

программирование python машинное-обучение streamlit обучение

Другие обновления по проекту

15.10.2026 Технический разбор ML Playgrounds — интерактивные лабораторные курса машинного обучения

Площадки по ML: тёмная тема для Streamlit без перезапуска и ошибка, которую нашла подсветка

Переключатель темы на всех страницах сайта, который перекрашивает площадки на Streamlit без перезапуска Python; объяснение данных на площадке об утечке, где подсветка настоящих ...

12.10.2026 Технический разбор ML Playgrounds — интерактивные лабораторные курса машинного обучения

ML Playgrounds: второй курс, каталог по темам и числа, которые зависят от версии библиотеки

К площадкам курса машинного обучения для магистратуры добавились шесть площадок бакалаврского курса программирования систем ИИ на Python, а сайт стал общим каталогом по темам. Ч...