Визуализатсияи метрикӣ

1) Ҳадафҳои тасвирӣ

Зуд фаҳмед: тамоюл/аномалия/гузаришро дар 3-5 сония эътироф кунед.
Дуруст муқоиса кунед: давраҳо, сегментҳо, вариантҳои A/B.
Ба маълумот бовар кунед: номуайянӣ, манбаъҳо, тару тоза нишон диҳед.
Амал: дар паҳлӯи график - CTA, филтрҳо, пайвандҳо ба китобҳои бозӣ.

2) Намудҳои метрикӣ ва шаклҳои беҳтарин

3) Тарозу, меҳварҳо ва агрегатсия

Тарозу: хатӣ бо нобаёнӣ; логарифмӣ - барои диапазонҳои гуногун; фоиз - [0; 100].
Асоси сифр: панҷараҳо - аз сифр; хатҳо - талаботи сифр нест (аммо нишон додани ибтидоӣ).
Ҷамъбаст: рӯз/соат/дақиқа, p50/p95/p99; аз тақсимоти "ғавғо" ба ҳисоби миёна канорагирӣ кунед.
Тугмаҳои Roll-up/Drill-down "D/N/H" (рӯз/ҳафта/соат) ва "↑/↓" дар зинанизом (минтақа → strana → gorod).

Нуқтаҳои интихоб (downsampling): LTTB/Min

4) Контекст ва муқоиса

Муқоисаи давра: "Ҷорӣ vs қаблӣ" (такрорӣ бо хати нуқта) ва/ё мултипликатсияҳои хурд; имзо кардани ∆ нисбӣ ва ∆ мутлақ.
Мавсимӣ: гурӯҳҳои пасзаминаи истироҳат/истироҳат, минтақаҳои гарм/хунук то соат.
Нишондиҳандаҳо: хатҳои уфуқӣ/хатҳои мақсаднок (SLO/SLA), воҳидҳои аломат ва уфуқи вақт.
Фосилаҳои эътимод: тасмаҳо/наворҳо ± CI; барои A/B - сутунҳои хатогӣ ва p-value/лифт.

5) Номуайянӣ, нуқсонҳо, ислоҳот

Нуқсонҳо: хатро вайрон кунед (бо сифр пайваст нашавед); "туман" -и хокистарӣ барои равзанаи нопурра.
Ақибмонии маълумот: нишони "маълумот 12 дақиқа қафо мондааст", абзор бо воридкунии вақт.
Ислоҳот: минтақаҳои лӯлаи лоғар "дубора ҳисоб карда мешаванд", истинод ба changelog.

6) Ранг, шакл ва мавҷудият (A11y)

Палитра: пойгоҳи бетараф; сурх - танқидӣ, норанҷӣ - огоҳӣ, сабз - мусбат.
Мустақилияти ранг: нусхабардорӣ бо арзиш/аломатҳо/имзоҳо; муқоиса ≥ WCAG AA.
Шумораи сатрҳо: ≤ 5 дар як график; вагарна мултипликатсияҳо/паҳлӯҳои хурд.
Андозаҳо/кликҳо: ҳадафҳои интерактивӣ ≥ 32-40 px; ҳалқаҳои фокусӣ, паймоиши клавиатура.

7) Дуруст имзо гузоштан

Меҳварҳо: воҳидҳо, формати ададҳо (1,234,56; 12. 3к; 5. 2%); тамғакоғазҳои маълумот бо маҳал.
Ривоят: Бо тартиби аҳамияти визуалӣ; clickable дохил/истисно силсилаи.
Эзоҳҳо: мухтасар ва дар ин ҳолат ("озод кардан, PSP_X" "ҳодисаи № 4217"), бо истинод ба ҳодиса.

8) Интерактивӣ: изофабор набошед

Hover/Tooltip: паймон, бо майдонҳои асосӣ ва ∆ против базавӣ.
Масштаб/Браш: интихоби муш/клавиатура; Бозсозӣ кардани тугма.
Машқ ба поён: қисмати муфассалро клик кунед; нон барои баргаштан.
Интихобкунандагон: пешнамоиши диапазонҳо (24h/7d/30d), филтрҳои сегмент, тугмаи "Abs/Фоиз".

9) Қолабҳои компонентӣ (мисоли API)

json
{
"type": "timeseries",
"title": "Payment authorizations,"
"metrics": [
{"id":"auth_rate_p50","label":"p50","agg":"p50"},
{"id":"auth_rate_p95","label":"p95","agg":"p95","style":{"dash":true}}
],
"x": {"field":"ts","granularity":"5m"},
"y": {"unit":"%","min":0,"max":100},
"baseline": {"value": 92. 0, "label": "SLO 92%"},
"ci": {"field_low":"ci_low","field_high":"ci_high"},
"badges": ["late_data","revised"]
}

10) Иҷрои намоиш

Ҷамъбаст дар сервер: баргардонидани аллакай тирезаҳо/квантҳо "дуруст".
Canvas/WebGL: барои даҳҳо ҳазор нуқтаҳо ва харитаҳои гармӣ; SVG - барои ≤ 2 - 3 ҳазор элемент ва имзоҳои тоза.
Рӯйхат/Виртуализатсияи ҷадвал - Ҳангоми ҳаракат саҳифаҳоро бор кунед.
Caching: сафолҳои гарм, прекомпют "дирӯз/ҳафта".

11) Эътибор ва зидди намунаҳо

• Ҷадвалро идора кунед (меҳвари сутунҳоро аз сифр буред).
• Воҳидҳои гуногунро бидуни меҳвари дуввум ва имзоҳои возеҳ омехта кунед.
• Сохтани майдони "ҷангал" бо 8-10 қатор.
• Иваз кардани холигоҳҳо бо сифрҳо.
• Барои "зебоӣ" 3D/shadow истифода баред.

12) Формулаҳо, воҳидҳо ва форматкунӣ

Пул: воҳидҳои хурд/сатрҳои даҳӣ; ба таври возеҳ асъорро муайян мекунанд.
Табдилот/касрҳо: фоизҳо бо як даҳӣ (агар лозим бошад - саҳ.).
Нархҳо/нархҳо: "дар як соат/рӯз" - мӯҳлатро имзо кунед.
Яклухткунӣ: ба рақамҳои назаррас, бидуни пинҳон кардани тартиби арзишҳо.

13) Хусусияти сифат ва ченакҳои SLO

Нишон додани сатҳҳои сабткунӣ ва огоҳонии буҷет.
Барои вақти корӣ - панҷараҳои ҳолати часпонидашуда "OK/Degraded/Down" + тирезаҳои ҳодиса.
Барои таъхир - тақсимот (p50/p95/p99), "скрипка/бокс" аз ҷониби кластерҳо/нуқтаҳои ниҳоӣ.

14) Ҳикояи ҳикоявӣ ва худкор-саммари

Блоки тавсифӣ: 2-4 ҷумлаи "чӣ шуд" + "чаро" + "чӣ бояд кард".
Слайдҳо/содирот: PDF/PNG/SVG бо ҳуруфҳо ва рангҳо; нишонаҳои обӣ ва санаи буридан.

15) Нақшаи санҷиш барои визуализатсия

Воҳид: формати меҳвар, ҳисобкунии қуттӣ, навори CI.
Интегратсия: филтрҳо/диапазонҳо/локализатсия, паймоиш ба поён ва баръакс.
E2E: сенарияи ҳушдор ба амал: клик кардани аномалия → китоби бозӣ.
A11y/i18n: хонандагони экран, клавиатура, тарҷумаи имзоҳо.
Perf: расонидани қатори калон, кэши хунук/гарм, стресс дар 10 нуқтаи ×.

16) Нишондиҳандаҳои сифати визуалӣ

Вақт ба фаҳмиш (TTI): Вақти миёна барои клик/фаҳмиш.
Меъёри тавзеҳшуда - ҳиссаи графикҳо бо тавзеҳшуда дастрас аст.
Меъёри амал: дар куҷо амалҳо аз виҷет иҷро карда шуданд.
Хато/Ғавғо: имзоҳои нодуруст, шикоятҳои корбар.
Perf p95: вақт ба мундариҷаи аввал ва интерактивӣ.

17) Рӯйхати санҷиши ҷадвал

• Навъи ҷадвали дуруст барои вазифа
• Тоза кардани меҳварҳо, воҳидҳо, рақам ва сана
• Контекст: ибтидоӣ/SLO, давраи муқоиса, эзоҳҳо
• Нишон додани холигоҳҳо/ақибмонӣ/ислоҳот
• Ранг ва Контраст (WCAG), 5 сатр макс
• Интерактивӣ бидуни изофабор: hover, zoom, пармакунӣ
• Иҷро: Ҷамъбаст, коҳиш, Canvas/Web
• CTA паҳлӯ ба паҳлӯ: гузориши кушод/дафтарчаи бозӣ/эҷод кардани ҳушдор
• Содирот/Мубодила бо таърихи бурида ва танзимоти филтр

18) Ҷойгиркунӣ дар панели панелҳо

Маҷмӯаи мутобиқат: аломатҳои якхела (ҳуруфҳо, андозаҳо, палитрҳо), рафтори якхелаи ҳуруфҳо.
Қолибҳои васеъкунӣ: KPI, вақтсанҷ, тақсимот, муқоиса, харита, ҷадвал.
Слотҳо барои дархостҳои "интеллектуалӣ": нишони "аномалия", шарҳи ронанда, тугмаҳои амал.

19) Нақшаи амалисозӣ (3 такрорӣ)

• Намудҳои графикҳо, миқёси/форматҳои ягона, базавӣ/SLO, холигоҳҳо/нишонаҳои ақибмонда, содирот.

• Муқоисаҳои даврӣ, наворҳои CI, мултипликатсияҳои хурд, аномалияҳо/нишонаҳо, паймоиши клавиатура.

• Downsampling/WebGL, Фаҳмонидани панел, худкори саммари, панели панел ва CTA.

20) Мини-FAQ

Оё y-меҳвар ҳамеша аз сифр сар мешавад?
Барои сутунҳо - бале. Барои сатрҳо - лозим нест, аммо ибтидоиро муайян кунед ва аз рӯи миқёс "фиреб надиҳед".

Чӣ тавр нишон додани p95/p99 ва на изофабор?
Фоизҳои лента ё мултипликатори хурд бо меҳварҳои якхела.

Чӣ тавр "кулча" -ро бо 8 сегмент иваз кардан мумкин аст?
100% панҷараҳои часпонидашуда ё навъи бар-дар-ячейка + навъ.

Ҷамъ

Визуализатсияи самараноки метрикӣ интихоби дурусти шакл + контексти софдилона + амалҳои қулай мебошад. Стандартҳои якхеларо барои миқёс ва форматҳо нигоҳ доред, номуайянӣ ва камбудиҳоро нишон диҳед, пармакунии зуд ва CTA-ро таъмин кунед, ба кор ва дастрасӣ ғамхорӣ кунед. Он гоҳ графикҳо "тасвирҳо" -ро қатъ мекунанд ва ба воситаи қарор табдил меёбанд.