23:null 24:["$","title",null,{"children":"Практическая работа №3 | Yulvin COOL | Observable"}] 29:T6fb,

Вывод

Диаграмма наглядно показывает, что динамика активности по обычным задачам и задачам со звёздочкой отличается. - **Обычные задачи** (первая группа, свой цвет) собирают больше отправок — их решают чаще и стабильнее по дням. - **Задачи со звёздочкой** (вторая группа) дают заметно меньше попыток: они сложнее, и студенты берутся за них реже — пики приходятся на определённые дни, а в остальное время активность почти нулевая. **Преимущество канала z перед facet:** обе группы показаны на одной системе координат, что позволяет напрямую сравнить их абсолютные значения и увидеть, во сколько раз обычные задачи популярнее звёздочных. При этом Plot автоматически: - раскрашивает группы (`fill/stroke: "Тип"`), - рисует легенду (`color: {legend: true}`), - корректно накладывает области друг на друга. **Итог:** канал z — удобный способ визуализировать группы в одной диаграмме, когда важно сравнить их между собой, а не рассматривать по отдельности.2a:[{"id":"4c530ebd7806f9dd1edc8e33a094f7373811c91a4da5896d1be772ccee2fc7623bb4f83827c8b317fc62bde08c83ba7a83b0a1a662dbc47b2eb50af0a83c8e8b","href":"https://static.observableusercontent.com/files/4c530ebd7806f9dd1edc8e33a094f7373811c91a4da5896d1be772ccee2fc7623bb4f83827c8b317fc62bde08c83ba7a83b0a1a662dbc47b2eb50af0a83c8e8b","name":"arch_Novosib_2021_new.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1789480260338,"size":324115},{"id":"14dd00cf171d6f01800aad31404c8756ae40817f070b6bc911ff2d2d91a5cd4383ee5c090c9cf8dc2d726a02f6a9cb835a47f042060a21e6da00177b4feb0214","href":"https://static.observableusercontent.com/files/14dd00cf171d6f01800aad31404c8756ae40817f070b6bc911ff2d2d91a5cd4383ee5c090c9cf8dc2d726a02f6a9cb835a47f042060a21e6da00177b4feb0214","name":"comp_new.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1789480261739,"size":16545}] 27:{"id":"af7482fde2abbece","slug":"prakticheskaya-rabota-3/2","title":"Практическая работа №3","thumbnail":"3970d4211958adcd5d1baa5148e2b63087d8aec084958305a74677215ed039cb","access_level":"public","create_time":"$D2026-10-04T13:34:12.273Z","update_time":"$D2026-10-04T14:07:18.194Z","view_time":null,"first_public_time":"$D2026-10-04T14:07:23.939Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"4b0ed8c6259c6ad3","login":"yulvincool","name":"Yulvin COOL","avatar_url":"https://avatars-next.observableusercontent.com/3c049d548b3e6cd7c0e5d033a80b61b082aafbbdf7d23f4d005f61fb86bff82b","tier":"starter_2024"},"version":256,"publish_version":256,"role":null,"authored":false,"authors":[{"type":"individual","id":"2761665ddc95bf45","login":"yulvincool","name":"Yulvin COOL","avatar_url":"https://avatars-next.observableusercontent.com/3c049d548b3e6cd7c0e5d033a80b61b082aafbbdf7d23f4d005f61fb86bff82b","tier":null}],"members":[{"type":"team","id":"4b0ed8c6259c6ad3","login":"yulvincool","name":"Yulvin COOL","avatar_url":"https://avatars-next.observableusercontent.com/3c049d548b3e6cd7c0e5d033a80b61b082aafbbdf7d23f4d005f61fb86bff82b","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Практическая работа №3","cells":[{"id":1,"value":"

\n Практическая работа №3\n

\n тема: Диаграммы\n

\n Выполнила: Сизинцева Ю.С. 4.606Мз-3\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"comp = FileAttachment(\"comp_new.xlsx\").xlsx()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"comp_data = comp.sheet(0, {headers: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"`ИСХОДНЫЕ ДАННЫЕ\\nназвания столбцов: [${comp_data.columns}]\\nколичество объектов: ${comp_data.length}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"## Исходная таблица","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"viewof table_raw = Inputs.table(comp_data,\n{ columns: [\"Время отправки\", \"Задача\", \"Участник\", \"Баллы\", \"Время выполнения\"],\n header: {\n \"Время отправки\": \"Время отправки\",\n \"Задача\": \"Задача\",\n \"Участник\": \"Участник\",\n \"Баллы\": \"Баллы\",\n \"Время выполнения\": \"Время выполнения\"\n },\n width: {\n \"Время отправки\": 160,\n \"Задача\": 320,\n \"Участник\": 180,\n \"Баллы\": 70,\n \"Время выполнения\": 130\n },\n maxWidth: 900, sort: \"Время отправки\", maxHeight: 400, reverse: true, required: false\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"comp_clean = comp_data\n .filter(d => d[\"Баллы\"] != null && d[\"Баллы\"] !== \"\" && !isNaN(+d[\"Баллы\"]))\n .map(d => ({\n ...d,\n Дата: new Date(d[\"Время отправки\"]),\n Баллы_число: +d[\"Баллы\"],\n Время_мс: +String(d[\"Время выполнения\"]).replace(/[^\\d.]/g, \"\"),\n Тип_задачи: d[\"Задача\"].includes(\"*\") ? \"Со звёздочкой\" : \"Обычная\"\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"`Фильтр данных\\nназвания столбцов: [${comp_clean.columns}]\\nколичество объектов: ${comp_clean.length}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"## Таблица с применением фильтра","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"viewof table_clean = Inputs.table(comp_clean,\n{ columns: [\"Время отправки\", \"Задача\", \"Участник\", \"Баллы\", \"Время выполнения\"],\n header: {\n \"Время отправки\": \"Время отправки\",\n \"Задача\": \"Задача\",\n \"Участник\": \"Участник\",\n \"Баллы\": \"Баллы\",\n \"Время выполнения\": \"Время выполнения\"\n },\n width: {\n \"Время отправки\": 160,\n \"Задача\": 320,\n \"Участник\": 180,\n \"Баллы\": 70,\n \"Время выполнения\": 130\n },\n maxWidth: 900, sort: \"Время отправки\", maxHeight: 400, reverse: true, required: false\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"## Построение диаграм\n\nИспользуем метки `barX`, `barY`, `area`, `rect`, `cell`.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"## Диаграмма 1. Без разделения на группы\n\n**Задача:** построить горизонтальную столбчатую диаграмму (`BarX`), которая показывает топ-7 участников по сумме набранных баллов.\n\n**Что демонстрируем:**\n- метку `BarX` - горизонтальные столбики;\n- канал `x` - числовая характеристика (сумма баллов);\n- канал `y` - категориальная характеристика (участник);\n- константу `fill` - один цвет для всех столбцов (без группировки);\n- сортировку `sort` - по убыванию значения.\n\n**Ожидаемый результат:** 7 горизонтальных столбиков, отсортированных по убыванию суммы баллов. Все столбики одного цвета - данные не разделены на группы.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"### Построение диаграммы\n\nГотовим данные для графика: группируем по участнику и суммируем баллы.\nБерём топ-7 участников.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"plot_data = Array.from(\n d3.rollup(comp_clean,\n v => d3.sum(v, d => +d[\"Баллы\"] || 0),\n d => d[\"Участник\"]\n ),\n ([Участник, Баллы]) => ({Участник, Баллы})\n).sort((a, b) => b.Баллы - a.Баллы)\n .slice(0, 7)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"plot_data","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"**Диаграмма 1.** Топ-7 участников по сумме баллов.\nДанные не разделены на группы.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"Plot.plot({\n marginLeft: 120,\n marks: [\n Plot.barX(plot_data, {\n x: \"Баллы\",\n y: \"Участник\",\n fill: \"#23af99\",\n sort: {y: \"-x\"}\n }),\n Plot.ruleX([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"## Диаграмма 2. С разделением на группы\n\n**Задача:** построить горизонтальную столбчатую диаграмму, которая показывает те же данные, но с разделением на группы по задачам.\n\n**Что демонстрируем:**\n- канал `fill` вместо константы - теперь цвет зависит от группы (задачи);\n- разделение данных на группы по столбцу \"Задача\";\n- возможность видеть, какие задачи решал каждый участник.\n\n**Ожидаемый результат:** горизонтальные столбики, цвет которых зависит от задачи. Один участник может иметь несколько столбиков разных цветов - по числу решённых задач.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"Порядок участников (по сумме баллов):","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"participants_order = Array.from(\n d3.rollup(comp_clean,\n v => d3.sum(v, d => +d[\"Баллы\"] || 0),\n d => d[\"Участник\"]\n ),\n ([Участник, Сумма]) => ({Участник, Сумма})\n).sort((a, b) => a.Сумма - b.Сумма) // ← от меньшего к большему, чтобы лидер был сверху\n .map(d => d.Участник)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"**Диаграмма 2. Топ-7 участников по сумме баллов. Данные с разделением на группы.**","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"Plot.plot({\n marginLeft: 180,\n marks: [\n Plot.barX(comp_clean, {\n x: \"Баллы\",\n y: \"Участник\",\n fill: \"Задача\"\n }),\n Plot.ruleX([0])\n ],\n y: {\n domain: participants_order\n },\n color: {\n legend: true\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"

\nВывод\n

\n\nВ работе показаны два способа работы с данными в Observable Plot:\n\n1. **Без разделения на группы** - все столбики одного цвета, данные cгруппированы (сумма баллов по участнику).\n2. **С разделением на группы** - цвет столбика обозначает группу (задачу), что позволяет увидеть внутреннюю структуру данных.\n\nТаким образом, канал `fill` может быть как константой (один цвет для всех), так и каналом (цвет зависит от значения данных).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"## Диаграмма 3. `area` — динамика активности участников по дням\n\n**Что делаем:**\nСтроим комбинированную диаграмму площадью (`Plot.areaY`). По оси X — дата отправки решения (сгруппированная по календарным дням через `d3.timeDay.floor`), по оси Y — количество отправок в этот день. Данные для диаграммы получены в ячейке `by_day` путём агрегации `comp_clean` через `d3.rollup` и сортировки по дате.\n\nНа диаграмме наложены три слоя:\n- **`Plot.areaY`** — полупрозрачная область под кривой (`fillOpacity: 0.35`), задаёт общий объём активности; сглаживание `curve: \"monotone-x\"` делает линию плавной без искажений;\n- **`Plot.lineY`** — линия тренда поверх области, подчёркивает динамику;\n- **`Plot.dot`** — точки в каждом дне с всплывающими подсказками (`tip: true`) для точного значения по клику.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"by_day = Array.from(\n d3.rollup(comp_clean, v => v.length, d => d3.timeDay.floor(d.Дата)),\n ([Дата, Кол]) => ({Дата, Кол})\n).sort((a, b) => a.Дата - b.Дата)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"**Диаграмма 3.** area — динамика активности участников по дням","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"Plot.plot({\n marks: [\n Plot.areaY(by_day, {\n x: \"Дата\", y: \"Кол\",\n fill: \"#264653\", fillOpacity: 0.35,\n curve: \"monotone-x\"\n }),\n Plot.lineY(by_day, {\n x: \"Дата\", y: \"Кол\",\n stroke: \"#264653\", strokeWidth: 2\n }),\n Plot.dot(by_day, {\n x: \"Дата\", y: \"Кол\",\n fill: \"#264653\", tip: true\n })\n ],\n y: {label: \"Количество отправок\"}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"

\nВывод\n

\nДиаграмма показывает, что активность участников распределена по дням неравномерно: есть ярко выраженные пики (например, в первые дни после открытия задач и в конце дедлайнов) и периоды спада. Область под кривой наглядно демонстрирует общий «объём работы» за период, а линия тренда и точки позволяют точно определить дни максимальной нагрузки. Такой график удобен для оценки расписания соревнования и выявления «горячих» периодов, когда студенты массово сдают решения.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"## Диаграмма 4. `rect` — тепловая карта «участник × задача»\n\n**Что делаем:**\nСтроим тепловую карту (`Plot.rect`), где по оси X — задачи, по оси Y — участники. Каждая ячейка — это прямоугольник, цвет которого кодирует средний балл по паре «участник × задача».\n\nПоскольку участников много, для читаемости сначала отбираем **топ-10 по сумме баллов**","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"**Диаграмма 4.** rect — тепловая карта «участник × задача»","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"{\n const top_names = Array.from(\n d3.rollup(comp_clean, v => d3.sum(v, d => d.Баллы_число || 0), d => d[\"Участник\"]),\n ([Участник, Сумма]) => ({Участник, Сумма})\n ).sort((a, b) => b.Сумма - a.Сумма).slice(0, 10).map(d => d.Участник)\n\n const rect_data = comp_clean.filter(d => top_names.includes(d[\"Участник\"]))\n\n return Plot.plot({\n marginLeft: 160,\n marginBottom: 260,\n marks: [\n Plot.rect(rect_data, Plot.group(\n {fill: \"mean\"},\n {x: \"Задача\", y: \"Участник\", fill: \"Баллы_число\", tip: true}\n ))\n ],\n color: {scheme: \"YlGnBu\", legend: true, label: \"Средний балл\"},\n x: {\n tickRotate: -90, // ← ВОТ ЭТО поворачивает подписи\n textAnchor: \"end\",\n fontSize: 9,\n tickFormat: d => d.slice(0, 24) + (d.length > 24 ? \"…\" : \"\")\n },\n y: {fontSize: 10}\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"

\nВывод\n

\n\nТепловая карта наглядно показывает профиль успеваемости каждого участника. Видно, что лидеры (**Vilktaki**, **akimov.ivan2016**, **lva0412**) закрывают большинство задач с высоким средним баллом — у них длинные «синие» полосы. У некоторых участников заметны **«провалы»** — задачи, где средний балл низкий (светлые ячейки), что говорит о трудности этих заданий именно для них. Пустые ячейки = участник не отправлял решение по этой задаче.\n\nТакой график удобен тем, что за один взгляд позволяет:\n\n- сравнить участников между собой;\n- найти «проблемные» задачи (вертикальные светлые столбцы);\n- увидеть сильные стороны каждого студента (тёмные ячейки).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"### Диаграмма 5. `cell` — матрица максимальных баллов «топ-участник × задача»\n\n**Задача визуализации:**\nПоказать, кто из топ-10 участников какую задачу реально «взял» — для каждой пары «участник × задача» берём максимальный балл. В отличие от диаграммы `rect` (средний балл), здесь виден потенциал каждого студента, а не стабильность.\n\n**Что делаем:**\n1. Отбираем топ-10 участников по сумме баллов (`top_names`).\n2. Для каждой пары «участник × задача» считаем максимальный балл через вложенный `d3.rollup` (`cell_data`).\n3. Рисуем `Plot.cell` с цветом по значению балла (палитра `RdYlGn`) и подписываем само число внутри каждой плитки.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"top_names = Array.from(\n d3.rollup(comp_clean, v => d3.sum(v, d => d.Баллы_число || 0), d => d[\"Участник\"]),\n ([Участник, Сумма]) => ({Участник, Сумма})\n)\n .sort((a, b) => b.Сумма - a.Сумма)\n .slice(0, 10)\n .map(d => d.Участник)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"cell_data = Array.from(\n d3.rollup(\n comp_clean.filter(d => top_names.includes(d[\"Участник\"])),\n v => d3.max(v, d => d.Баллы_число || 0),\n d => d[\"Участник\"],\n d => d[\"Задача\"]\n ).entries()\n).flatMap(([Участник, m]) =>\n Array.from(m, ([Задача, Балл]) => ({Участник, Задача, Балл}))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"**Диаграмма 5.** cell — матрица максимальных баллов «топ-участник × задача»","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"Plot.plot({\n marginLeft: 160,\n marginBottom: 260,\n marks: [\n Plot.cell(cell_data, {\n x: \"Задача\", y: \"Участник\",\n fill: \"Балл\", tip: true\n }),\n Plot.text(cell_data, {\n x: \"Задача\", y: \"Участник\",\n text: d => d.Балл,\n fill: \"white\", fontSize: 9, fontWeight: \"bold\"\n })\n ],\n color: {scheme: \"RdYlGn\", legend: true, label: \"Макс. балл\"},\n x: {\n tickRotate: -90,\n textAnchor: \"end\",\n fontSize: 9,\n tickFormat: d => d.slice(0, 24) + (d.length > 24 ? \"…\" : \"\")\n },\n y: {fontSize: 10}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"

\nВывод\n

\n\nМатрица `cell` показывает **«карту достижений»**: кто и какую задачу реально «взял». В отличие от `rect` со средним баллом, здесь видно потенциальный уровень каждого участника — даже если было несколько попыток с разным результатом, в ячейке останется его лучший результат.\n\nДиаграмма позволяет:\n\n- оценить **широту охвата** — сколько задач закрыто каждым участником;\n- найти **«белые пятна»** — задачи, которые никто из топ-10 не решил (пустые ячейки);\n- увидеть **«звёздочки»** — тёмно-зелёные ячейки с баллом 1.0, то есть полностью решённые задачи.\n\nВ сочетании с `rect` (средний балл) и `cell` (максимальный балл) эти две диаграммы дают полную картину: `rect` показывает стабильность, а `cell` — потенциал участников.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"## Канал z — динамика отправок по типу задачи\n\n**Задача визуализации:**\nПоказать на одной диаграмме динамику отправок решений отдельно для обычных задач и для задач со звёздочкой. Вместо двух отдельных панелей (`facet`) используем канал z — Plot сам раскрасит группы и уложит их друг на друга.\n\n**Что делаем:**\n1. Готовим данные `by_day_type`, группируя отправки сразу по двум измерениям: день (`d3.timeDay.floor`) и тип задачи (`Тип_задачи`).\n2. Строим комбинированную диаграмму:\n - `Plot.areaY` — полупрозрачные области под кривыми, каждая своего цвета,\n - `Plot.lineY` — линии тренда поверх областей.\n3. Канал z: \"Тип\" и fill/stroke: \"Тип\" автоматически разделяют данные на две группы и добавляют легенду.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"by_day_type = Array.from(\n d3.rollup(\n comp_clean,\n v => v.length,\n d => d3.timeDay.floor(d.Дата),\n d => d.Тип_задачи\n ).entries()\n).flatMap(([Дата, m]) =>\n Array.from(m, ([Тип, Кол]) => ({Дата, Тип, Кол}))\n).sort((a, b) => a.Дата - b.Дата)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"**Диаграмма 6.** Канал z — динамика отправок по типу задачи","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"Plot.plot({\n marks: [\n Plot.areaY(by_day_type, {\n x: \"Дата\", y: \"Кол\",\n z: \"Тип\", fill: \"Тип\",\n fillOpacity: 0.55,\n curve: \"monotone-x\",\n tip: true\n }),\n Plot.lineY(by_day_type, {\n x: \"Дата\", y: \"Кол\",\n z: \"Тип\", stroke: \"Тип\", strokeWidth: 1.8\n })\n ],\n color: {legend: true, label: \"Тип задачи\"},\n y: {label: \"Количество отправок\"}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"$29","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2a","stdlib":"2"}} 28:"$27:body"