[{"data":1,"prerenderedAt":19353},["ShallowReactive",2],{"navigation_docs":3,"-ai-python-data-visualization-matplotlib-basics":5180,"-ai-python-data-visualization-matplotlib-basics-surround":19348},[4,1707,2084,2556,2737,2863,3070,3192,3242,3299,3333,3459,3536,3550,3689,3983,4060,4793,4968,5061,5114,5176],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2076,2080],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"path":1982,"stem":1983},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1985,"path":1986,"stem":1987},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1989,"path":1990,"stem":1991},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1993,"path":1994,"stem":1995},"Вступ до наслідування: базові поняття та відношення «is-a»","\u002Fcpp\u002Finheritance-intro","02.cpp\u002F70.inheritance-intro",{"title":1997,"path":1998,"stem":1999},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":2001,"path":2002,"stem":2003},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2005,"path":2006,"stem":2007},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2009,"path":2010,"stem":2011},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2013,"path":2014,"stem":2015},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2017,"path":2018,"stem":2019},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2021,"path":2022,"stem":2023},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2025,"path":2026,"stem":2027},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2029,"path":2030,"stem":2031},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2033,"path":2034,"stem":2035},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2037,"path":2038,"stem":2039},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2041,"path":2042,"stem":2043},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2045,"path":2046,"stem":2047},"Повна (явна) спеціалізація шаблонів","\u002Fcpp\u002Ffull-template-specialization","02.cpp\u002F83.full-template-specialization",{"title":2049,"path":2050,"stem":2051},"Часткова спеціалізація шаблонів класів","\u002Fcpp\u002Fpartial-template-specialization","02.cpp\u002F84.partial-template-specialization",{"title":2053,"path":2054,"stem":2055},"Механізм винятків: try, catch, throw та розкручування стеку","\u002Fcpp\u002Fexceptions-basics","02.cpp\u002F85.exceptions-basics",{"title":2057,"path":2058,"stem":2059},"Ієрархія std::exception та власні класи винятків","\u002Fcpp\u002Fexception-hierarchy-custom","02.cpp\u002F86.exception-hierarchy-custom",{"title":2061,"path":2062,"stem":2063},"Повторне генерування винятків та функціональний try-блок","\u002Fcpp\u002Frethrow-function-try","02.cpp\u002F87.rethrow-function-try",{"title":2065,"path":2066,"stem":2067},"Безпека винятків, noexcept та деструктори","\u002Fcpp\u002Fsafety-noexcept","02.cpp\u002F88.safety-noexcept",{"title":2069,"path":2070,"stem":2071},"Стаття 89 — Власні структури даних: стек та черга","\u002Fcpp\u002Fcustom-stack-queue","02.cpp\u002F89.custom-stack-queue",{"title":2073,"path":2074,"stem":2075},"Стаття 90 — Власні структури даних: однозв'язаний список","\u002Fcpp\u002Flinked-list","02.cpp\u002F90.linked-list",{"title":2077,"path":2078,"stem":2079},"Стаття 91 — Власні структури даних: бінарне дерево пошуку","\u002Fcpp\u002Fbinary-search-tree","02.cpp\u002F91.binary-search-tree",{"title":2081,"path":2082,"stem":2083},"Стаття 92 — Власні структури даних: хеш-таблиця","\u002Fcpp\u002Fhash-table","02.cpp\u002F92.hash-table",{"title":2085,"icon":2086,"path":2087,"stem":2088,"children":2089,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2090,2116,2170,2192,2496,2534,2552],{"title":2091,"icon":2092,"path":2093,"stem":2094,"children":2095,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2096,2100,2104,2108,2112],{"title":2097,"path":2098,"stem":2099},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2101,"path":2102,"stem":2103},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2105,"path":2106,"stem":2107},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2109,"path":2110,"stem":2111},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2113,"path":2114,"stem":2115},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2117,"icon":2118,"path":2119,"stem":2120,"children":2121,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166],{"title":2123,"path":2124,"stem":2125},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2127,"path":2128,"stem":2129},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2131,"path":2132,"stem":2133},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2135,"path":2136,"stem":2137},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2139,"path":2140,"stem":2141},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2143,"path":2144,"stem":2145},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2147,"path":2148,"stem":2149},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2151,"path":2152,"stem":2153},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2155,"path":2156,"stem":2157},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2159,"path":2160,"stem":2161},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2163,"path":2164,"stem":2165},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2167,"path":2168,"stem":2169},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2171,"icon":2172,"path":2173,"stem":2174,"children":2175,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2176,2180,2184,2188],{"title":2177,"path":2178,"stem":2179},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2181,"path":2182,"stem":2183},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2185,"path":2186,"stem":2187},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2189,"path":2190,"stem":2191},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2193,"icon":2194,"path":2195,"stem":2196,"children":2197},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2198,2199,2203,2207,2211,2215,2278,2313,2465],{"title":2193,"path":2195,"stem":2196},{"title":2200,"path":2201,"stem":2202},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2204,"path":2205,"stem":2206},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2208,"path":2209,"stem":2210},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2212,"path":2213,"stem":2214},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2216,"icon":132,"path":2217,"stem":2218,"children":2219},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2220,2222,2226,2230,2234,2238,2242,2246,2250,2254,2258,2262,2266,2270,2274],{"title":2221,"path":2217,"stem":2218},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2223,"path":2224,"stem":2225},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2227,"path":2228,"stem":2229},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2231,"path":2232,"stem":2233},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2235,"path":2236,"stem":2237},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2239,"path":2240,"stem":2241},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2243,"path":2244,"stem":2245},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2247,"path":2248,"stem":2249},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2251,"path":2252,"stem":2253},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2255,"path":2256,"stem":2257},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2259,"path":2260,"stem":2261},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2263,"path":2264,"stem":2265},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2267,"path":2268,"stem":2269},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2271,"path":2272,"stem":2273},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2275,"path":2276,"stem":2277},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2279,"icon":2194,"path":2280,"stem":2281,"children":2282},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2283,2285,2289,2293,2297,2301,2305,2309],{"title":2284,"path":2280,"stem":2281},"React Router: Навігаційна система сучасного вебу",{"title":2286,"path":2287,"stem":2288},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2290,"path":2291,"stem":2292},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2294,"path":2295,"stem":2296},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2298,"path":2299,"stem":2300},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2302,"path":2303,"stem":2304},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2306,"path":2307,"stem":2308},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2310,"path":2311,"stem":2312},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2314,"icon":132,"path":2315,"stem":2316,"children":2317},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2318,2320,2336,2365,2374,2395,2411,2440],{"title":2319,"path":2315,"stem":2316},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2321,"stem":2322,"children":2323,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2324,2328,2332],{"title":2325,"path":2326,"stem":2327},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2329,"path":2330,"stem":2331},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2333,"path":2334,"stem":2335},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2337,"icon":132,"path":2338,"stem":2339,"children":2340,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2341,2345,2349,2353,2357,2361],{"title":2342,"path":2343,"stem":2344},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2346,"path":2347,"stem":2348},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2350,"path":2351,"stem":2352},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2354,"path":2355,"stem":2356},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2358,"path":2359,"stem":2360},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2362,"path":2363,"stem":2364},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2366,"icon":132,"path":2367,"stem":2368,"children":2369,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2370],{"title":2371,"path":2372,"stem":2373},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2375,"icon":132,"path":2376,"stem":2377,"children":2378,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2379,2383,2387,2391],{"title":2380,"path":2381,"stem":2382},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2384,"path":2385,"stem":2386},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2388,"path":2389,"stem":2390},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2392,"path":2393,"stem":2394},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2396,"icon":92,"path":2397,"stem":2398,"children":2399,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2400,2404,2408],{"title":2401,"path":2402,"stem":2403},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2405,"path":2406,"stem":2407},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2255,"path":2409,"stem":2410},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2412,"icon":132,"path":2413,"stem":2414,"children":2415,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2416,2420,2424,2428,2432,2436],{"title":2417,"path":2418,"stem":2419},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2421,"path":2422,"stem":2423},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2425,"path":2426,"stem":2427},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2429,"path":2430,"stem":2431},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2433,"path":2434,"stem":2435},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2437,"path":2438,"stem":2439},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2441,"icon":132,"path":2442,"stem":2443,"children":2444,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2445,2449,2453,2457,2461],{"title":2446,"path":2447,"stem":2448},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2450,"path":2451,"stem":2452},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2454,"path":2455,"stem":2456},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2458,"path":2459,"stem":2460},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2462,"path":2463,"stem":2464},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2466,"icon":132,"path":2467,"stem":2468,"children":2469},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2470,2472,2476,2480,2484,2488,2492],{"title":2471,"path":2467,"stem":2468},"UI Бібліотеки в React",{"title":2473,"path":2474,"stem":2475},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2477,"path":2478,"stem":2479},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2481,"path":2482,"stem":2483},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2485,"path":2486,"stem":2487},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2489,"path":2490,"stem":2491},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2493,"path":2494,"stem":2495},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2497,"icon":2498,"path":2499,"stem":2500,"children":2501,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2502,2506,2510,2514,2518,2522,2526,2530],{"title":2503,"path":2504,"stem":2505},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2507,"path":2508,"stem":2509},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2511,"path":2512,"stem":2513},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2515,"path":2516,"stem":2517},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2519,"path":2520,"stem":2521},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2523,"path":2524,"stem":2525},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2527,"path":2528,"stem":2529},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2531,"path":2532,"stem":2533},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2535,"icon":2536,"path":2537,"stem":2538,"children":2539,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2540,2544,2548],{"title":2541,"path":2542,"stem":2543},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2545,"path":2546,"stem":2547},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2549,"path":2550,"stem":2551},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2553,"path":2554,"stem":2555},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2557,"icon":2558,"path":2559,"stem":2560,"children":2561,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2562,2565,2568,2572,2576,2580,2584],{"title":162,"path":2563,"stem":2564},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2566,"stem":2567},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2569,"path":2570,"stem":2571},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2573,"path":2574,"stem":2575},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2577,"path":2578,"stem":2579},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2581,"path":2582,"stem":2583},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2585,"path":2586,"stem":2587,"children":2588,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2689,2693,2697,2701,2705,2709,2713,2717,2721,2725,2729,2733],{"title":2590,"path":2591,"stem":2592},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2594,"path":2595,"stem":2596},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2598,"path":2599,"stem":2600},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2602,"path":2603,"stem":2604},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2606,"path":2607,"stem":2608},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2610,"path":2611,"stem":2612},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2614,"path":2615,"stem":2616},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2618,"path":2619,"stem":2620},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2622,"path":2623,"stem":2624},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2626,"path":2627,"stem":2628},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2630,"path":2631,"stem":2632},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2634,"path":2635,"stem":2636},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2638,"path":2639,"stem":2640},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2642,"path":2643,"stem":2644},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2646,"path":2647,"stem":2648},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2650,"path":2651,"stem":2652},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2654,"path":2655,"stem":2656},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2658,"path":2659,"stem":2660},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2662,"path":2663,"stem":2664},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2666,"path":2667,"stem":2668},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2670,"path":2671,"stem":2672},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2674,"path":2675,"stem":2676},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2678,"path":2679,"stem":2680},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2682,"path":2683,"stem":2684},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2686,"path":2687,"stem":2688},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2690,"path":2691,"stem":2692},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2694,"path":2695,"stem":2696},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2698,"path":2699,"stem":2700},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2702,"path":2703,"stem":2704},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2706,"path":2707,"stem":2708},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2710,"path":2711,"stem":2712},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2714,"path":2715,"stem":2716},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2718,"path":2719,"stem":2720},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2722,"path":2723,"stem":2724},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2726,"path":2727,"stem":2728},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2730,"path":2731,"stem":2732},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2734,"path":2735,"stem":2736},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2738,"icon":2739,"path":2740,"stem":2741,"children":2742,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2743,2747,2750,2754,2758,2762,2766,2770,2774,2778,2782,2786,2790,2794,2798,2859],{"title":2744,"path":2745,"stem":2746},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2748,"stem":2749},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2751,"path":2752,"stem":2753},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2755,"path":2756,"stem":2757},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2759,"path":2760,"stem":2761},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2763,"path":2764,"stem":2765},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2767,"path":2768,"stem":2769},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2771,"path":2772,"stem":2773},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2775,"path":2776,"stem":2777},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2779,"path":2780,"stem":2781},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2783,"path":2784,"stem":2785},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2787,"path":2788,"stem":2789},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2791,"path":2792,"stem":2793},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2795,"path":2796,"stem":2797},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2799,"icon":92,"path":2800,"stem":2801,"children":2802,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2803,2807,2811,2815,2819,2823,2827,2831,2835,2839,2843,2847,2851,2855],{"title":2804,"path":2805,"stem":2806},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2808,"path":2809,"stem":2810},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2812,"path":2813,"stem":2814},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2816,"path":2817,"stem":2818},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2820,"path":2821,"stem":2822},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2824,"path":2825,"stem":2826},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2828,"path":2829,"stem":2830},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2832,"path":2833,"stem":2834},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2836,"path":2837,"stem":2838},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2840,"path":2841,"stem":2842},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2844,"path":2845,"stem":2846},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2848,"path":2849,"stem":2850},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2852,"path":2853,"stem":2854},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2856,"path":2857,"stem":2858},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2860,"path":2861,"stem":2862},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2864,"icon":2865,"path":2866,"stem":2867,"children":2868,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2869,2899,2922,2959,2988,3006,3040,3052,3061],{"title":2870,"icon":2871,"path":2872,"stem":2873,"children":2874,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2875,2879,2883,2887,2891,2895],{"title":2876,"path":2877,"stem":2878},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2880,"path":2881,"stem":2882},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2884,"path":2885,"stem":2886},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2888,"path":2889,"stem":2890},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2892,"path":2893,"stem":2894},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2896,"path":2897,"stem":2898},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2900,"icon":2865,"path":2901,"stem":2902,"children":2903,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2904,2908,2914,2918],{"title":2905,"path":2906,"stem":2907},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2909,"path":2910,"stem":2911,"children":2912},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2913],{"title":2909,"path":2910,"stem":2911},{"title":2915,"path":2916,"stem":2917},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2919,"path":2920,"stem":2921},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2923,"icon":2865,"path":2924,"stem":2925,"children":2926,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2927,2931,2935,2939,2943,2947,2951,2955],{"title":2928,"path":2929,"stem":2930},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2932,"path":2933,"stem":2934},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2936,"path":2937,"stem":2938},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2940,"path":2941,"stem":2942},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2944,"path":2945,"stem":2946},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2948,"path":2949,"stem":2950},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2952,"path":2953,"stem":2954},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2956,"path":2957,"stem":2958},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2960,"icon":2865,"path":2961,"stem":2962,"children":2963,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2964,2968,2972,2976,2980,2984],{"title":2965,"path":2966,"stem":2967},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2969,"path":2970,"stem":2971},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2973,"path":2974,"stem":2975},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2977,"path":2978,"stem":2979},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2981,"path":2982,"stem":2983},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2985,"path":2986,"stem":2987},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2989,"icon":2990,"path":2991,"stem":2992,"children":2993,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2994,2998,3002],{"title":2995,"path":2996,"stem":2997},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2999,"path":3000,"stem":3001},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":3003,"path":3004,"stem":3005},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":3007,"icon":3008,"path":3009,"stem":3010,"children":3011,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[3012,3016,3020,3024,3028,3032,3036],{"title":3013,"path":3014,"stem":3015},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":3017,"path":3018,"stem":3019},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":3021,"path":3022,"stem":3023},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":3025,"path":3026,"stem":3027},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":3029,"path":3030,"stem":3031},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":3033,"path":3034,"stem":3035},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":3037,"path":3038,"stem":3039},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":3037,"icon":793,"path":3041,"stem":3042,"children":3043,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3044,3048],{"title":3045,"path":3046,"stem":3047},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3049,"path":3050,"stem":3051},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3053,"icon":3054,"path":3055,"stem":3056,"children":3057,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3058],{"title":3053,"path":3059,"stem":3060},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3062,"icon":3063,"path":3064,"stem":3065,"children":3066,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3067],{"title":3062,"path":3068,"stem":3069},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3071,"icon":3072,"path":3073,"stem":3074,"children":3075,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3076,3152],{"title":3077,"icon":3078,"path":3079,"stem":3080,"children":3081},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3082,3084,3088,3092,3096,3100,3104,3108,3112,3116,3120,3124,3128,3132,3136,3140,3144,3148],{"title":3083,"path":3079,"stem":3080},"Docker: від нуля до production",{"title":3085,"path":3086,"stem":3087},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3089,"path":3090,"stem":3091},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3093,"path":3094,"stem":3095},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3097,"path":3098,"stem":3099},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3101,"path":3102,"stem":3103},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3105,"path":3106,"stem":3107},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3109,"path":3110,"stem":3111},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3113,"path":3114,"stem":3115},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3117,"path":3118,"stem":3119},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3121,"path":3122,"stem":3123},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3125,"path":3126,"stem":3127},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3129,"path":3130,"stem":3131},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3133,"path":3134,"stem":3135},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3137,"path":3138,"stem":3139},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3141,"path":3142,"stem":3143},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3145,"path":3146,"stem":3147},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3149,"path":3150,"stem":3151},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3153,"icon":3154,"path":3155,"stem":3156,"children":3157},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3158,3160,3164,3168,3172,3176,3180,3184,3188],{"title":3159,"path":3155,"stem":3156},"Kubernetes: від розробки до production",{"title":3161,"path":3162,"stem":3163},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3165,"path":3166,"stem":3167},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3169,"path":3170,"stem":3171},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3173,"path":3174,"stem":3175},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3177,"path":3178,"stem":3179},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3181,"path":3182,"stem":3183},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3185,"path":3186,"stem":3187},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3189,"path":3190,"stem":3191},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3193,"icon":3194,"path":3195,"stem":3196,"children":3197,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3198,3202,3206,3210,3214,3218,3222,3226,3230,3234,3238],{"title":3199,"path":3200,"stem":3201},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3203,"path":3204,"stem":3205},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3207,"path":3208,"stem":3209},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3211,"path":3212,"stem":3213},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3215,"path":3216,"stem":3217},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3219,"path":3220,"stem":3221},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3223,"path":3224,"stem":3225},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3227,"path":3228,"stem":3229},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3231,"path":3232,"stem":3233},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3235,"path":3236,"stem":3237},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3239,"path":3240,"stem":3241},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3243,"icon":943,"path":3244,"stem":3245,"children":3246,"page":59},"DDD","\u002Fddd","10.ddd",[3247,3251,3255,3259,3263,3267,3271,3275,3279,3283,3287,3291,3295],{"title":3248,"path":3249,"stem":3250},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3252,"path":3253,"stem":3254},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3256,"path":3257,"stem":3258},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3260,"path":3261,"stem":3262},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3264,"path":3265,"stem":3266},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3268,"path":3269,"stem":3270},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3272,"path":3273,"stem":3274},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3276,"path":3277,"stem":3278},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3280,"path":3281,"stem":3282},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3284,"path":3285,"stem":3286},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3288,"path":3289,"stem":3290},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3292,"path":3293,"stem":3294},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3296,"path":3297,"stem":3298},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3300,"icon":3301,"path":3302,"stem":3303,"children":3304,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3305,3309,3313,3317,3321,3325,3329],{"title":3306,"path":3307,"stem":3308},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3310,"path":3311,"stem":3312},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3314,"path":3315,"stem":3316},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3318,"path":3319,"stem":3320},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3322,"path":3323,"stem":3324},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3326,"path":3327,"stem":3328},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3330,"path":3331,"stem":3332},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3334,"icon":3335,"path":3336,"stem":3337,"children":3338,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3339,3343,3347,3351,3355,3359,3363,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455],{"title":3340,"path":3341,"stem":3342},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3344,"path":3345,"stem":3346},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3348,"path":3349,"stem":3350},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3352,"path":3353,"stem":3354},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3356,"path":3357,"stem":3358},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3360,"path":3361,"stem":3362},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3364,"path":3365,"stem":3366},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3368,"path":3369,"stem":3370},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3372,"path":3373,"stem":3374},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3376,"path":3377,"stem":3378},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3380,"path":3381,"stem":3382},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3384,"path":3385,"stem":3386},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3388,"path":3389,"stem":3390},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3392,"path":3393,"stem":3394},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3396,"path":3397,"stem":3398},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3400,"path":3401,"stem":3402},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3404,"path":3405,"stem":3406},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3408,"path":3409,"stem":3410},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3412,"path":3413,"stem":3414},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3416,"path":3417,"stem":3418},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3420,"path":3421,"stem":3422},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3424,"path":3425,"stem":3426},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3428,"path":3429,"stem":3430},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3432,"path":3433,"stem":3434},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3436,"path":3437,"stem":3438},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3440,"path":3441,"stem":3442},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3444,"path":3445,"stem":3446},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3448,"path":3449,"stem":3450},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3452,"path":3453,"stem":3454},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3456,"path":3457,"stem":3458},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3460,"path":3461,"stem":3462,"children":3463,"page":59},"AWS","\u002Faws","13.aws",[3464,3468,3472,3476,3480,3484,3488,3492,3496,3500,3504,3508,3512,3516,3520,3524,3528,3532],{"title":3465,"path":3466,"stem":3467},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3469,"path":3470,"stem":3471},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3473,"path":3474,"stem":3475},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3477,"path":3478,"stem":3479},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3481,"path":3482,"stem":3483},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3485,"path":3486,"stem":3487},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3489,"path":3490,"stem":3491},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3493,"path":3494,"stem":3495},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3497,"path":3498,"stem":3499},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3501,"path":3502,"stem":3503},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3505,"path":3506,"stem":3507},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3509,"path":3510,"stem":3511},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3513,"path":3514,"stem":3515},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3517,"path":3518,"stem":3519},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3521,"path":3522,"stem":3523},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3525,"path":3526,"stem":3527},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3529,"path":3530,"stem":3531},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3533,"path":3534,"stem":3535},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3537,"path":3538,"stem":3539,"children":3540,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3541],{"title":3542,"path":3543,"stem":3544,"children":3545,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3546],{"title":3547,"path":3548,"stem":3549},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3551,"path":3552,"stem":3553,"children":3554,"page":59},"React Native","\u002Freact-native","15.react-native",[3555,3576],{"title":3556,"path":3557,"stem":3558,"children":3559,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3560,3564,3568,3572],{"title":3561,"path":3562,"stem":3563},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3565,"path":3566,"stem":3567},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3569,"path":3570,"stem":3571},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3573,"path":3574,"stem":3575},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3625,3629,3633,3637,3641,3645,3649,3653,3657,3661,3665,3669,3673,3677,3681,3685],{"title":3582,"path":3583,"stem":3584},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3586,"path":3587,"stem":3588},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3590,"path":3591,"stem":3592},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3594,"path":3595,"stem":3596},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3598,"path":3599,"stem":3600},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3602,"path":3603,"stem":3604},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3606,"path":3607,"stem":3608},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3610,"path":3611,"stem":3612},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3614,"path":3615,"stem":3616},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3618,"path":3619,"stem":3620},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3622,"path":3623,"stem":3624},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3626,"path":3627,"stem":3628},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3630,"path":3631,"stem":3632},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3634,"path":3635,"stem":3636},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3638,"path":3639,"stem":3640},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3642,"path":3643,"stem":3644},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3646,"path":3647,"stem":3648},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3650,"path":3651,"stem":3652},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3654,"path":3655,"stem":3656},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3658,"path":3659,"stem":3660},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3662,"path":3663,"stem":3664},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3666,"path":3667,"stem":3668},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3670,"path":3671,"stem":3672},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3674,"path":3675,"stem":3676},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3678,"path":3679,"stem":3680},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3682,"path":3683,"stem":3684},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3686,"path":3687,"stem":3688},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3690,"path":3691,"stem":3692,"children":3693,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3694,3703,3712,3721,3750,3776,3801,3834,3851,3864,3873,3886,3895,3916,3929,3950],{"title":3695,"path":3696,"stem":3697,"children":3698,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3699],{"title":3700,"path":3701,"stem":3702},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3704,"path":3705,"stem":3706,"children":3707,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3708],{"title":3709,"path":3710,"stem":3711},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3713,"path":3714,"stem":3715,"children":3716,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3717],{"title":3718,"path":3719,"stem":3720},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3722,"path":3723,"stem":3724,"children":3725,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3726,3730,3734,3738,3742,3746],{"title":3727,"path":3728,"stem":3729},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3731,"path":3732,"stem":3733},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3735,"path":3736,"stem":3737},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3739,"path":3740,"stem":3741},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3743,"path":3744,"stem":3745},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3747,"path":3748,"stem":3749},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3751,"path":3752,"stem":3753,"children":3754},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3755,3756,3760,3764,3768,3772],{"title":3751,"path":3752,"stem":3753},{"title":3757,"path":3758,"stem":3759},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3761,"path":3762,"stem":3763},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3765,"path":3766,"stem":3767},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3769,"path":3770,"stem":3771},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3773,"path":3774,"stem":3775},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3777,"path":3778,"stem":3779,"children":3780,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3781,3785,3789,3793,3797],{"title":3782,"path":3783,"stem":3784},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3786,"path":3787,"stem":3788},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3790,"path":3791,"stem":3792},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3794,"path":3795,"stem":3796},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3798,"path":3799,"stem":3800},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3802,"path":3803,"stem":3804,"children":3805,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3806,3810,3814,3818,3822,3826,3830],{"title":3807,"path":3808,"stem":3809},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3811,"path":3812,"stem":3813},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3815,"path":3816,"stem":3817},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3819,"path":3820,"stem":3821},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3823,"path":3824,"stem":3825},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3827,"path":3828,"stem":3829},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3831,"path":3832,"stem":3833},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3835,"path":3836,"stem":3837,"children":3838,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3839,3843,3847],{"title":3840,"path":3841,"stem":3842},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3844,"path":3845,"stem":3846},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":3848,"path":3849,"stem":3850},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":3852,"path":3853,"stem":3854,"children":3855,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[3856,3860],{"title":3857,"path":3858,"stem":3859},"Дерева рішень — моделі з прозорою та зрозумілою логікою","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":3861,"path":3862,"stem":3863},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":3865,"path":3866,"stem":3867,"children":3868,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[3869],{"title":3870,"path":3871,"stem":3872},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":3874,"path":3875,"stem":3876,"children":3877,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[3878,3882],{"title":3879,"path":3880,"stem":3881},"Основи класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":3883,"path":3884,"stem":3885},"Метрики якості класифікації","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":3887,"path":3888,"stem":3889,"children":3890,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[3891],{"title":3892,"path":3893,"stem":3894},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":3896,"path":3897,"stem":3898,"children":3899,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[3900,3904,3908,3912],{"title":3901,"path":3902,"stem":3903},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":3905,"path":3906,"stem":3907},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":3909,"path":3910,"stem":3911},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":3913,"path":3914,"stem":3915},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":3917,"path":3918,"stem":3919,"children":3920,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[3921,3925],{"title":3922,"path":3923,"stem":3924},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":3926,"path":3927,"stem":3928},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":3930,"path":3931,"stem":3932,"children":3933,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[3934,3938,3942,3946],{"title":3935,"path":3936,"stem":3937},"Основи згорткових нейронних мереж — чому не MLP?","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-fundamentals","16.ai-python\u002F15.cnn-image-classification\u002F01.cnn-fundamentals",{"title":3939,"path":3940,"stem":3941},"Практична імплементація CNN для класифікації MNIST","\u002Fai-python\u002Fcnn-image-classification\u002Fmnist-classification","16.ai-python\u002F15.cnn-image-classification\u002F02.mnist-classification",{"title":3943,"path":3944,"stem":3945},"Глибші CNN та аугментація даних для CIFAR-10","\u002Fai-python\u002Fcnn-image-classification\u002Fcifar10-and-data-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F03.cifar10-and-data-augmentation",{"title":3947,"path":3948,"stem":3949},"Transfer Learning та візуалізація внутрішніх представлень CNN","\u002Fai-python\u002Fcnn-image-classification\u002Ftransfer-learning-and-visualization","16.ai-python\u002F15.cnn-image-classification\u002F04.transfer-learning-and-visualization",{"title":3951,"path":3952,"stem":3953,"children":3954,"page":59},"Batching Normalization Deep Networks","\u002Fai-python\u002Fbatching-normalization-deep-networks","16.ai-python\u002F16.batching-normalization-deep-networks",[3955,3959,3963,3967,3971,3975,3979],{"title":3956,"path":3957,"stem":3958},"Mini-batch Gradient Descent та ефективна обробка даних","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fmini-batch-gradient-descent","16.ai-python\u002F16.batching-normalization-deep-networks\u002F01.mini-batch-gradient-descent",{"title":3960,"path":3961,"stem":3962},"Ініціалізація ваг — фундамент стабільного навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fweight-initialization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F02.weight-initialization",{"title":3964,"path":3965,"stem":3966},"Batch Normalization — прорив у глибокому навчанні","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fbatch-normalization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F03.batch-normalization",{"title":3968,"path":3969,"stem":3970},"Dropout та комбіновані стратегії регуляризації","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdropout-and-regularization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F04.dropout-and-regularization",{"title":3972,"path":3973,"stem":3974},"Проєктування глибоких мереж — від теорії до практики","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdeep-networks-architectures","16.ai-python\u002F16.batching-normalization-deep-networks\u002F05.deep-networks-architectures",{"title":3976,"path":3977,"stem":3978},"Планування learning rate — коли та як зменшувати крок навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Flearning-rate-scheduling","16.ai-python\u002F16.batching-normalization-deep-networks\u002F06.learning-rate-scheduling",{"title":3980,"path":3981,"stem":3982},"Підсумковий проєкт — побудова сучасного класифікатора зображень","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Ffinal-project-deep-classifier","16.ai-python\u002F16.batching-normalization-deep-networks\u002F07.final-project-deep-classifier",{"title":3984,"icon":658,"path":3985,"stem":3986,"children":3987,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3988,3992,3996,4000,4004,4008,4012,4016,4020,4024,4028,4032,4036,4040,4044,4048,4052,4056],{"title":3989,"path":3990,"stem":3991},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3993,"path":3994,"stem":3995},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3997,"path":3998,"stem":3999},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":4001,"path":4002,"stem":4003},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":4005,"path":4006,"stem":4007},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":4009,"path":4010,"stem":4011},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":4013,"path":4014,"stem":4015},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":4017,"path":4018,"stem":4019},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":4021,"path":4022,"stem":4023},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":4025,"path":4026,"stem":4027},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":4029,"path":4030,"stem":4031},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":4033,"path":4034,"stem":4035},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":4037,"path":4038,"stem":4039},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":4041,"path":4042,"stem":4043},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4045,"path":4046,"stem":4047},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4049,"path":4050,"stem":4051},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4053,"path":4054,"stem":4055},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4057,"path":4058,"stem":4059},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4061,"icon":2118,"path":4062,"stem":4063,"children":4064,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4065,4110,4148,4177,4206,4263,4313,4407,4473,4555,4588,4616,4658,4704,4747],{"title":4066,"icon":658,"path":4067,"stem":4068,"children":4069,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4070,4074,4078,4082,4086,4090,4094,4098,4102,4106],{"title":4071,"path":4072,"stem":4073},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4075,"path":4076,"stem":4077},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4079,"path":4080,"stem":4081},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4083,"path":4084,"stem":4085},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4087,"path":4088,"stem":4089},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4091,"path":4092,"stem":4093},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4095,"path":4096,"stem":4097},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4099,"path":4100,"stem":4101},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4103,"path":4104,"stem":4105},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4107,"path":4108,"stem":4109},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4111,"icon":4112,"path":4113,"stem":4114,"children":4115,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4116,4120,4124,4128,4132,4136,4140,4144],{"title":4117,"path":4118,"stem":4119},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4121,"path":4122,"stem":4123},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4125,"path":4126,"stem":4127},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4129,"path":4130,"stem":4131},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4133,"path":4134,"stem":4135},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4137,"path":4138,"stem":4139},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4141,"path":4142,"stem":4143},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4145,"path":4146,"stem":4147},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4149,"icon":2498,"path":4150,"stem":4151,"children":4152,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4153,4157,4161,4165,4169,4173],{"title":4154,"path":4155,"stem":4156},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4158,"path":4159,"stem":4160},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4162,"path":4163,"stem":4164},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4166,"path":4167,"stem":4168},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4170,"path":4171,"stem":4172},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4174,"path":4175,"stem":4176},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4178,"icon":2498,"path":4179,"stem":4180,"children":4181,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4182,4186,4190,4194,4198,4202],{"title":4183,"path":4184,"stem":4185},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4187,"path":4188,"stem":4189},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4191,"path":4192,"stem":4193},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4195,"path":4196,"stem":4197},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4199,"path":4200,"stem":4201},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4203,"path":4204,"stem":4205},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4207,"icon":4208,"path":4209,"stem":4210,"children":4211,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4212,4216,4220,4224,4228,4232,4236,4240,4244,4248,4252,4255,4259],{"title":4213,"path":4214,"stem":4215},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4217,"path":4218,"stem":4219},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4221,"path":4222,"stem":4223},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4225,"path":4226,"stem":4227},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4229,"path":4230,"stem":4231},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4233,"path":4234,"stem":4235},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4237,"path":4238,"stem":4239},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4241,"path":4242,"stem":4243},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4245,"path":4246,"stem":4247},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4249,"path":4250,"stem":4251},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3141,"path":4253,"stem":4254},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4256,"path":4257,"stem":4258},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4260,"path":4261,"stem":4262},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4264,"icon":4265,"path":4266,"stem":4267,"children":4268,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4269,4273,4277,4281,4285,4289,4293,4297,4301,4305,4309],{"title":4270,"path":4271,"stem":4272},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4274,"path":4275,"stem":4276},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4278,"path":4279,"stem":4280},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4282,"path":4283,"stem":4284},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4286,"path":4287,"stem":4288},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4290,"path":4291,"stem":4292},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4294,"path":4295,"stem":4296},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4298,"path":4299,"stem":4300},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4302,"path":4303,"stem":4304},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4306,"path":4307,"stem":4308},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4310,"path":4311,"stem":4312},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4314,"icon":4315,"path":4316,"stem":4317,"children":4318,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4319,4323,4327,4331,4335,4339,4343,4347,4351,4355,4359,4363,4367,4371,4375,4379,4383,4387,4391,4395,4399,4403],{"title":4320,"path":4321,"stem":4322},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4324,"path":4325,"stem":4326},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4328,"path":4329,"stem":4330},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4332,"path":4333,"stem":4334},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4336,"path":4337,"stem":4338},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4340,"path":4341,"stem":4342},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4344,"path":4345,"stem":4346},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4348,"path":4349,"stem":4350},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4352,"path":4353,"stem":4354},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4356,"path":4357,"stem":4358},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4360,"path":4361,"stem":4362},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4364,"path":4365,"stem":4366},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4368,"path":4369,"stem":4370},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4372,"path":4373,"stem":4374},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4376,"path":4377,"stem":4378},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4380,"path":4381,"stem":4382},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4384,"path":4385,"stem":4386},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4388,"path":4389,"stem":4390},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4392,"path":4393,"stem":4394},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4396,"path":4397,"stem":4398},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4400,"path":4401,"stem":4402},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4404,"path":4405,"stem":4406},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4408,"icon":4409,"path":4410,"stem":4411,"children":4412,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4413,4417,4421,4425,4429,4433,4437,4441,4445,4449,4453,4457,4461,4465,4469],{"title":4414,"path":4415,"stem":4416},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4418,"path":4419,"stem":4420},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4422,"path":4423,"stem":4424},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4426,"path":4427,"stem":4428},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4430,"path":4431,"stem":4432},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4434,"path":4435,"stem":4436},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4438,"path":4439,"stem":4440},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4442,"path":4443,"stem":4444},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4446,"path":4447,"stem":4448},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4450,"path":4451,"stem":4452},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4454,"path":4455,"stem":4456},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4458,"path":4459,"stem":4460},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4462,"path":4463,"stem":4464},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4466,"path":4467,"stem":4468},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4470,"path":4471,"stem":4472},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4474,"icon":4475,"path":4476,"stem":4477,"children":4478,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4479,4483,4487,4491,4495,4499,4503,4507,4511,4515,4519,4523,4527,4531,4535,4539,4543,4547,4551],{"title":4480,"path":4481,"stem":4482},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4484,"path":4485,"stem":4486},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4488,"path":4489,"stem":4490},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4492,"path":4493,"stem":4494},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4496,"path":4497,"stem":4498},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4500,"path":4501,"stem":4502},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4504,"path":4505,"stem":4506},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4508,"path":4509,"stem":4510},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4512,"path":4513,"stem":4514},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4516,"path":4517,"stem":4518},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4520,"path":4521,"stem":4522},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4524,"path":4525,"stem":4526},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4528,"path":4529,"stem":4530},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4532,"path":4533,"stem":4534},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4536,"path":4537,"stem":4538},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4540,"path":4541,"stem":4542},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4544,"path":4545,"stem":4546},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4548,"path":4549,"stem":4550},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4552,"path":4553,"stem":4554},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4556,"icon":2865,"path":4557,"stem":4558,"children":4559,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4560,4564,4568,4572,4576,4580,4584],{"title":4561,"path":4562,"stem":4563},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4565,"path":4566,"stem":4567},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4569,"path":4570,"stem":4571},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4573,"path":4574,"stem":4575},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4577,"path":4578,"stem":4579},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4581,"path":4582,"stem":4583},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4585,"path":4586,"stem":4587},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4589,"icon":4590,"path":4591,"stem":4592,"children":4593,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4594,4598,4602,4606,4610],{"title":4595,"path":4596,"stem":4597},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4599,"path":4600,"stem":4601},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4603,"path":4604,"stem":4605},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4607,"path":4608,"stem":4609},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4611,"path":4612,"stem":4613,"children":4614},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4615],{"title":4611,"path":4612,"stem":4613},{"title":4617,"icon":4618,"path":4619,"stem":4620,"children":4621,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4622,4626,4630,4634,4638,4642,4646,4650,4654],{"title":4623,"path":4624,"stem":4625},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4627,"path":4628,"stem":4629},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4631,"path":4632,"stem":4633},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4635,"path":4636,"stem":4637},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4639,"path":4640,"stem":4641},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4643,"path":4644,"stem":4645},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4647,"path":4648,"stem":4649},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4651,"path":4652,"stem":4653},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4655,"path":4656,"stem":4657},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4659,"icon":4660,"path":4661,"stem":4662,"children":4663,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4664,4668,4672,4676,4680,4684,4688,4692,4696,4700],{"title":4665,"path":4666,"stem":4667},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4669,"path":4670,"stem":4671},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4673,"path":4674,"stem":4675},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4677,"path":4678,"stem":4679},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4681,"path":4682,"stem":4683},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4685,"path":4686,"stem":4687},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4689,"path":4690,"stem":4691},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4693,"path":4694,"stem":4695},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4697,"path":4698,"stem":4699},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4701,"path":4702,"stem":4703},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4705,"icon":871,"path":4706,"stem":4707,"children":4708,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4709,4713,4717,4721,4725,4729,4732,4735,4739,4743],{"title":4710,"path":4711,"stem":4712},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4714,"path":4715,"stem":4716},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4718,"path":4719,"stem":4720},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4722,"path":4723,"stem":4724},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4726,"path":4727,"stem":4728},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4730,"stem":4731},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4733,"stem":4734},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4736,"path":4737,"stem":4738},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4740,"path":4741,"stem":4742},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4744,"path":4745,"stem":4746},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4748,"icon":4749,"path":4750,"stem":4751,"children":4752,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4753,4757,4761,4765,4769,4773,4777,4781,4785,4789],{"title":4754,"path":4755,"stem":4756},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4758,"path":4759,"stem":4760},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4762,"path":4763,"stem":4764},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4766,"path":4767,"stem":4768},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4770,"path":4771,"stem":4772},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4774,"path":4775,"stem":4776},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4778,"path":4779,"stem":4780},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4782,"path":4783,"stem":4784},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4786,"path":4787,"stem":4788},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4790,"path":4791,"stem":4792},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4794,"icon":4795,"path":4796,"stem":4797,"children":4798,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[4799,4840,4889,4927],{"title":4800,"icon":4749,"path":4801,"stem":4802,"children":4803,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[4804,4808,4812,4816,4820,4824,4828,4832,4836],{"title":4805,"path":4806,"stem":4807},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":4809,"path":4810,"stem":4811},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":4813,"path":4814,"stem":4815},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":4817,"path":4818,"stem":4819},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":4821,"path":4822,"stem":4823},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":4825,"path":4826,"stem":4827},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":4829,"path":4830,"stem":4831},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":4833,"path":4834,"stem":4835},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":4837,"path":4838,"stem":4839},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":4841,"icon":255,"path":4842,"stem":4843,"children":4844,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[4845,4849,4853,4857,4861,4865,4869,4873,4877,4881,4885],{"title":4846,"path":4847,"stem":4848},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":4850,"path":4851,"stem":4852},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":4854,"path":4855,"stem":4856},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":4858,"path":4859,"stem":4860},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":4862,"path":4863,"stem":4864},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":4866,"path":4867,"stem":4868},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":4870,"path":4871,"stem":4872},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":4874,"path":4875,"stem":4876},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":4878,"path":4879,"stem":4880},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":4882,"path":4883,"stem":4884},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":4886,"path":4887,"stem":4888},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":4890,"icon":4891,"path":4892,"stem":4893,"children":4894,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[4895,4899,4903,4907,4911,4915,4919,4923],{"title":4896,"path":4897,"stem":4898},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":4900,"path":4901,"stem":4902},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":4904,"path":4905,"stem":4906},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":4908,"path":4909,"stem":4910},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":4912,"path":4913,"stem":4914},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":4916,"path":4917,"stem":4918},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":4920,"path":4921,"stem":4922},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":4924,"path":4925,"stem":4926},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":4928,"icon":793,"path":4929,"stem":4930,"children":4931,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[4932,4936,4940,4944,4948,4952,4956,4960,4964],{"title":4933,"path":4934,"stem":4935},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":4937,"path":4938,"stem":4939},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":4941,"path":4942,"stem":4943},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":4945,"path":4946,"stem":4947},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":4949,"path":4950,"stem":4951},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":4953,"path":4954,"stem":4955},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":4957,"path":4958,"stem":4959},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":4961,"path":4962,"stem":4963},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":4965,"path":4966,"stem":4967},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":4969,"icon":4970,"path":4971,"stem":4972,"children":4973,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[4974,5000,5022,5043],{"title":4975,"icon":4976,"path":4977,"stem":4978,"children":4979,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[4980,4984,4988,4992,4996],{"title":4981,"path":4982,"stem":4983},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":4985,"path":4986,"stem":4987},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":4989,"path":4990,"stem":4991},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":4993,"path":4994,"stem":4995},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":4997,"path":4998,"stem":4999},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":5001,"icon":5002,"path":5003,"stem":5004,"children":5005,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[5006,5010,5014,5018],{"title":5007,"path":5008,"stem":5009},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":5011,"path":5012,"stem":5013},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":5015,"path":5016,"stem":5017},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":5019,"path":5020,"stem":5021},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":5023,"icon":3072,"path":5024,"stem":5025,"children":5026,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[5027,5031,5035,5039],{"title":5028,"path":5029,"stem":5030},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":5032,"path":5033,"stem":5034},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":5036,"path":5037,"stem":5038},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":5040,"path":5041,"stem":5042},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5044,"icon":5045,"path":5046,"stem":5047,"children":5048,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5049,5053,5057],{"title":5050,"path":5051,"stem":5052},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5054,"path":5055,"stem":5056},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5058,"path":5059,"stem":5060},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5062,"path":5063,"stem":5064,"children":5065,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5066,5070,5074,5078,5082,5086,5090,5094,5098,5102,5106,5110],{"title":5067,"path":5068,"stem":5069},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5071,"path":5072,"stem":5073},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5075,"path":5076,"stem":5077},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5079,"path":5080,"stem":5081},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5083,"path":5084,"stem":5085},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5087,"path":5088,"stem":5089},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5091,"path":5092,"stem":5093},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5095,"path":5096,"stem":5097},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5099,"path":5100,"stem":5101},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5103,"path":5104,"stem":5105},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5107,"path":5108,"stem":5109},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5111,"path":5112,"stem":5113},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5115,"path":5116,"stem":5117,"children":5118,"page":59},"React Typescript","\u002Freact-typescript","22.react-typescript",[5119,5144,5148,5152,5156,5160,5164,5168,5172],{"title":5120,"path":5121,"stem":5122,"children":5123,"page":59},"From Html To Project","\u002Freact-typescript\u002Ffrom-html-to-project","22.react-typescript\u002F01.from-html-to-project",[5124,5128,5132,5136,5140],{"title":5125,"path":5126,"stem":5127},"Від одного HTML-файлу до повноцінного проєкту","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fevolution","22.react-typescript\u002F01.from-html-to-project\u002F01.evolution",{"title":5129,"path":5130,"stem":5131},"Що таке React","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fwhat-is-react","22.react-typescript\u002F01.from-html-to-project\u002F02.what-is-react",{"title":5133,"path":5134,"stem":5135},"JSX та TSX — синтаксичний цукор, а не магія","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-tsx-syntax","22.react-typescript\u002F01.from-html-to-project\u002F03.jsx-tsx-syntax",{"title":5137,"path":5138,"stem":5139},"Компоненти — будівельні блоки інтерфейсу","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fcomponents","22.react-typescript\u002F01.from-html-to-project\u002F04.components",{"title":5141,"path":5142,"stem":5143},"JSX — розмітка всередині TypeScript","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-expressions","22.react-typescript\u002F01.from-html-to-project\u002F05.jsx-expressions",{"title":5145,"path":5146,"stem":5147},"Хук useReducer: структуроване управління складним станом","\u002Freact-typescript\u002Fuse-reducer","22.react-typescript\u002F23.use-reducer",{"title":5149,"path":5150,"stem":5151},"Context API: передавання даних без «пропс-дрілінгу»","\u002Freact-typescript\u002Fcontext-api","22.react-typescript\u002F24.context-api",{"title":5153,"path":5154,"stem":5155},"Синхронізація з ефектами: хук useEffect та функції очищення","\u002Freact-typescript\u002Fuse-effect","22.react-typescript\u002F27.use-effect",{"title":5157,"path":5158,"stem":5159},"Можливо, вам не потрібен ефект: антипатерни та альтернативи","\u002Freact-typescript\u002Fyou-might-not-need-effect","22.react-typescript\u002F28.you-might-not-need-effect",{"title":5161,"path":5162,"stem":5163},"Життєвий цикл реактивних ефектів: мислення процесами синхронізації","\u002Freact-typescript\u002Flifecycle-of-reactive-effects","22.react-typescript\u002F29.lifecycle-of-reactive-effects",{"title":5165,"path":5166,"stem":5167},"Розділення подій та ефектів: реактивна проти нереактивної логіки","\u002Freact-typescript\u002Fseparating-events-from-effects","22.react-typescript\u002F30.separating-events-from-effects",{"title":5169,"path":5170,"stem":5171},"Видалення зайвих залежностей ефектів та оптимізація синхронізації","\u002Freact-typescript\u002Fremoving-effect-dependencies","22.react-typescript\u002F31.removing-effect-dependencies",{"title":5173,"path":5174,"stem":5175},"Кастомні хуки: повторне використання та композиція реактивної логіки","\u002Freact-typescript\u002Fcustom-hooks","22.react-typescript\u002F32.custom-hooks",{"title":5177,"path":5178,"stem":5179},"Тестування компонентів діаграм та пісочниць","\u002Ftest-components","98.test-components",{"id":5181,"title":3757,"body":5182,"description":19342,"extension":19343,"links":19344,"meta":19345,"navigation":5322,"path":3758,"seo":19346,"stem":3759,"__hash__":19347},"docs\u002F16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics.md",{"type":5183,"value":5184,"toc":19305},"minimark",[5185,5189,5243,5246,5251,5260,5277,5282,5289,5359,5366,5370,5373,5451,5454,5458,5461,5530,6079,6117,6119,6123,6126,6140,6166,6172,6185,6187,6191,6194,6198,6303,6318,6939,6977,6979,6983,6990,6994,7101,7108,7113,7124,7129,7143,7145,7149,7328,7335,7339,7350,7354,7362,7374,7378,7391,7629,7634,7717,8762,9117,9119,9123,9126,9136,9140,9480,9484,9487,9501,9911,10043,10047,10057,10347,10352,10476,11800,11802,11806,11815,11842,11846,12136,12140,12147,12434,12439,12524,13440,13444,13447,13666,13721,13725,13731,13823,13830,13895,14610,14612,14616,14622,14936,15021,15025,15034,15281,15303,15307,15363,16099,16101,16105,16112,16469,16510,16512,16516,16519,16813,16912,16916,16919,17216,17236,17241,17292,18005,18007,18011,18014,18047,18302,18385,18389,18395,18541,18546,18598,19007,19009,19013,19119,19121,19125,19231,19289,19291,19301],[5186,5187,3757],"h1",{"id":5188},"основи-matplotlib-figure-axes-та-перший-графік",[5190,5191,5192,5213],"card-group",{},[5193,5194,5197],"card",{"icon":5195,"title":5196},"i-lucide-target","🎯 Мета підтеми",[5198,5199,5200,5204,5207,5210],"ul",{},[5201,5202,5203],"li",{},"Зрозуміти ієрархію об'єктів matplotlib: Figure → Axes → Plot",[5201,5205,5206],{},"Опанувати два підходи: pyplot (швидкий) та OOP (гнучкий)",[5201,5208,5209],{},"Навчитися будувати лінійні графіки функцій",[5201,5211,5212],{},"Освоїти базову кастомізацію: заголовки, підписи, сітка, легенда",[5193,5214,5216],{"icon":4618,"title":5215},"🔑 Ключові терміни",[5198,5217,5218,5225,5231,5237],{},[5201,5219,5220,5224],{},[5221,5222,5223],"strong",{},"Figure"," — «полотно», вся область візуалізації (може містити кілька графіків)",[5201,5226,5227,5230],{},[5221,5228,5229],{},"Axes"," — окрема система координат з віссю X та Y (сам графік)",[5201,5232,5233,5236],{},[5221,5234,5235],{},"pyplot"," — state-based інтерфейс (як MATLAB)",[5201,5238,5239,5242],{},[5221,5240,5241],{},"OOP API"," — об'єктно-орієнтований інтерфейс (рекомендований для складних графіків)",[5244,5245],"hr",{},[5247,5248,5250],"h2",{"id":5249},"перший-графік-за-10-секунд-hello-world-у-візуалізації","Перший графік за 10 секунд: «Hello World» у візуалізації",[5252,5253,5254,5255,5259],"p",{},"Коли ви починаєте новий IT-проєкт, перше завдання розробника — не проєктувати складні класи, а швидко перевірити, чи працює система. У мовах програмування ми виводимо ",[5256,5257,5258],"code",{},"print(\"Hello, World!\")",". У візуалізації даних існує свій еквівалент: побудова графіка всього у 3 рядки коду.",[5261,5262,5263],"blockquote",{},[5252,5264,5265,5268,5271,5272,5276],{},[5221,5266,5267],{},"Сюжетна лінія (Етап 1: Перший запуск проєкту):",[5269,5270],"br",{},"\nУявіть, що ви розробляєте алгоритм аналізу успішності студентів або навчаєте власну AI-модель. Ви провели перші тести й отримали числовий результат. Вам потрібно миттєво відповісти на запитання: ",[5273,5274,5275],"em",{},"«Чи є прогрес?»",". Таблиця чисел не дає відчуття динаміки, а швидкий графік показує її за пів секунди.",[5278,5279,5281],"h3",{"id":5280},"рівень-0-абсолютний-мінімум-3-рядки-коду","Рівень 0: Абсолютний мінімум (3 рядки коду)",[5252,5283,5284,5285,5288],{},"Щоб побудувати перший графік, достатньо передати в функцію ",[5256,5286,5287],{},"plt.plot()"," навіть один список чисел:",[5290,5291,5296],"pre",{"className":5292,"code":5293,"language":5294,"meta":5295,"style":5295},"language-python shiki shiki-themes light-plus dark-plus dark-plus","import matplotlib.pyplot as plt\n\nplt.plot([1, 4, 9, 16])\nplt.show()\n","python","",[5256,5297,5298,5317,5324,5353],{"__ignoreMap":5295},[5299,5300,5303,5307,5311,5314],"span",{"class":5301,"line":5302},"line",1,[5299,5304,5306],{"class":5305},"s8xlr","import",[5299,5308,5310],{"class":5309},"sHH4Y"," matplotlib.pyplot ",[5299,5312,5313],{"class":5305},"as",[5299,5315,5316],{"class":5309}," plt\n",[5299,5318,5320],{"class":5301,"line":5319},2,[5299,5321,5323],{"emptyLinePlaceholder":5322},true,"\n",[5299,5325,5327,5330,5334,5337,5340,5342,5345,5347,5350],{"class":5301,"line":5326},3,[5299,5328,5329],{"class":5309},"plt.plot([",[5299,5331,5333],{"class":5332},"sJj4R","1",[5299,5335,5336],{"class":5309},", ",[5299,5338,5339],{"class":5332},"4",[5299,5341,5336],{"class":5309},[5299,5343,5344],{"class":5332},"9",[5299,5346,5336],{"class":5309},[5299,5348,5349],{"class":5332},"16",[5299,5351,5352],{"class":5309},"])\n",[5299,5354,5356],{"class":5301,"line":5355},4,[5299,5357,5358],{"class":5309},"plt.show()\n",[5252,5360,5361,5362,5365],{},"Вам не довелося задавати горизонтальну вісь $X$ — Matplotlib автоматично згенерував індекси ",[5256,5363,5364],{},"[0, 1, 2, 3]",", розмітив вісь і з'єднав значення прямою лінією.",[5278,5367,5369],{"id":5368},"рівень-1-явні-координати-x-та-y-реальні-дані","Рівень 1: Явні координати X та Y (реальні дані)",[5252,5371,5372],{},"У реальних проєктах величини завжди пов'язані між собою. Наприклад, скільки годин студент присвятив підготовці ($X$) та який бал на тесті він отримав ($Y$):",[5290,5374,5376],{"className":5292,"code":5375,"language":5294,"meta":5295,"style":5295},"hours = [1, 2, 3, 4, 5]\nscore = [55, 65, 70, 85, 95]\n\nplt.plot(hours, score)\nplt.show()\n",[5256,5377,5378,5407,5437,5441,5446],{"__ignoreMap":5295},[5299,5379,5380,5383,5385,5387,5390,5392,5395,5397,5399,5401,5404],{"class":5301,"line":5302},[5299,5381,5382],{"class":5309},"hours = [",[5299,5384,5333],{"class":5332},[5299,5386,5336],{"class":5309},[5299,5388,5389],{"class":5332},"2",[5299,5391,5336],{"class":5309},[5299,5393,5394],{"class":5332},"3",[5299,5396,5336],{"class":5309},[5299,5398,5339],{"class":5332},[5299,5400,5336],{"class":5309},[5299,5402,5403],{"class":5332},"5",[5299,5405,5406],{"class":5309},"]\n",[5299,5408,5409,5412,5415,5417,5420,5422,5425,5427,5430,5432,5435],{"class":5301,"line":5319},[5299,5410,5411],{"class":5309},"score = [",[5299,5413,5414],{"class":5332},"55",[5299,5416,5336],{"class":5309},[5299,5418,5419],{"class":5332},"65",[5299,5421,5336],{"class":5309},[5299,5423,5424],{"class":5332},"70",[5299,5426,5336],{"class":5309},[5299,5428,5429],{"class":5332},"85",[5299,5431,5336],{"class":5309},[5299,5433,5434],{"class":5332},"95",[5299,5436,5406],{"class":5309},[5299,5438,5439],{"class":5301,"line":5326},[5299,5440,5323],{"emptyLinePlaceholder":5322},[5299,5442,5443],{"class":5301,"line":5355},[5299,5444,5445],{"class":5309},"plt.plot(hours, score)\n",[5299,5447,5449],{"class":5301,"line":5448},5,[5299,5450,5358],{"class":5309},[5252,5452,5453],{},"Тепер обидві осі відображають реальні фізичні величини нашого експерименту.",[5278,5455,5457],{"id":5456},"рівень-2-додаємо-контекст-назва-підписи-осей-та-сітка","Рівень 2: Додаємо контекст (назва, підписи осей та сітка)",[5252,5459,5460],{},"Графік без підписів — це просто ламана лінія, яка нічого не говорить сторонньому спостерігачеві. Додамо кілька команд, щоб перетворити її на осмислений звіт:",[5290,5462,5464],{"className":5292,"code":5463,"language":5294,"meta":5295,"style":5295},"plt.plot(hours, score)\nplt.title(\"Залежність балу від часу навчання\")\nplt.xlabel(\"Години навчання (год)\")\nplt.ylabel(\"Оцінка на тесті (бали)\")\nplt.grid(True, alpha=0.3)\nplt.show()\n",[5256,5465,5466,5470,5482,5492,5502,5525],{"__ignoreMap":5295},[5299,5467,5468],{"class":5301,"line":5302},[5299,5469,5445],{"class":5309},[5299,5471,5472,5475,5479],{"class":5301,"line":5319},[5299,5473,5474],{"class":5309},"plt.title(",[5299,5476,5478],{"class":5477},"sbdoH","\"Залежність балу від часу навчання\"",[5299,5480,5481],{"class":5309},")\n",[5299,5483,5484,5487,5490],{"class":5301,"line":5326},[5299,5485,5486],{"class":5309},"plt.xlabel(",[5299,5488,5489],{"class":5477},"\"Години навчання (год)\"",[5299,5491,5481],{"class":5309},[5299,5493,5494,5497,5500],{"class":5301,"line":5355},[5299,5495,5496],{"class":5309},"plt.ylabel(",[5299,5498,5499],{"class":5477},"\"Оцінка на тесті (бали)\"",[5299,5501,5481],{"class":5309},[5299,5503,5504,5507,5511,5513,5517,5520,5523],{"class":5301,"line":5448},[5299,5505,5506],{"class":5309},"plt.grid(",[5299,5508,5510],{"class":5509},"su1O8","True",[5299,5512,5336],{"class":5309},[5299,5514,5516],{"class":5515},"siwwj","alpha",[5299,5518,5519],{"class":5309},"=",[5299,5521,5522],{"class":5332},"0.3",[5299,5524,5481],{"class":5309},[5299,5526,5528],{"class":5301,"line":5527},6,[5299,5529,5358],{"class":5309},[5531,5532,5534],"jupyter-notebook",{"title":5533},"hello_world_plot.ipynb",[5535,5536,5537,6069],"jupyter-cell",{"execution-count":5333},[5290,5538,5540],{"className":5292,"code":5539,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, (ax1, ax2, ax3) = plt.subplots(1, 3, figsize=(15, 4.5), layout='constrained')\n\n# Крок 1: Рівень 0 - Лише список Y\nax1.plot([1, 4, 9, 16], color='#2563EB', marker='o', lw=2)\nax1.set_title('Крок 1: plt.plot([1, 4, 9, 16])\\n(X згенеровано: 0, 1, 2, 3)', fontsize=10, fontweight='bold')\nax1.grid(True, alpha=0.2)\n\n# Крок 2: Рівень 1 - Явні X та Y\nhours = [1, 2, 3, 4, 5]\nscore = [55, 65, 70, 85, 95]\nax2.plot(hours, score, color='#DC2626', marker='s', lw=2)\nax2.set_title('Крок 2: plt.plot(hours, score)\\n(Реальні осі: час vs оцінка)', fontsize=10, fontweight='bold')\nax2.grid(True, alpha=0.2)\n\n# Крок 3: Рівень 2 - Додавання контексту\nax3.plot(hours, score, color='#059669', marker='o', lw=2.5, markersize=7)\nax3.set_title('Крок 3: Повний контекст\\n(title + xlabel + ylabel + grid)', fontsize=10, fontweight='bold', color='#065F46')\nax3.set_xlabel('Години навчання (год)', fontsize=10)\nax3.set_ylabel('Оцінка на тесті (бали)', fontsize=10)\nax3.grid(True, alpha=0.35, ls='--')\n\nfig.suptitle('Еволюція графіка від 3 рядків коду до інформативного результату', fontsize=13, fontweight='bold')\nplt.show()\n",[5256,5541,5542,5552,5564,5568,5608,5612,5618,5670,5708,5727,5732,5738,5763,5788,5820,5852,5870,5875,5881,5923,5964,5983,6002,6031,6036,6064],{"__ignoreMap":5295},[5299,5543,5544,5546,5548,5550],{"class":5301,"line":5302},[5299,5545,5306],{"class":5305},[5299,5547,5310],{"class":5309},[5299,5549,5313],{"class":5305},[5299,5551,5316],{"class":5309},[5299,5553,5554,5556,5559,5561],{"class":5301,"line":5319},[5299,5555,5306],{"class":5305},[5299,5557,5558],{"class":5309}," numpy ",[5299,5560,5313],{"class":5305},[5299,5562,5563],{"class":5309}," np\n",[5299,5565,5566],{"class":5301,"line":5326},[5299,5567,5323],{"emptyLinePlaceholder":5322},[5299,5569,5570,5573,5575,5577,5579,5581,5584,5587,5590,5592,5595,5598,5601,5603,5606],{"class":5301,"line":5355},[5299,5571,5572],{"class":5309},"fig, (ax1, ax2, ax3) = plt.subplots(",[5299,5574,5333],{"class":5332},[5299,5576,5336],{"class":5309},[5299,5578,5394],{"class":5332},[5299,5580,5336],{"class":5309},[5299,5582,5583],{"class":5515},"figsize",[5299,5585,5586],{"class":5309},"=(",[5299,5588,5589],{"class":5332},"15",[5299,5591,5336],{"class":5309},[5299,5593,5594],{"class":5332},"4.5",[5299,5596,5597],{"class":5309},"), ",[5299,5599,5600],{"class":5515},"layout",[5299,5602,5519],{"class":5309},[5299,5604,5605],{"class":5477},"'constrained'",[5299,5607,5481],{"class":5309},[5299,5609,5610],{"class":5301,"line":5448},[5299,5611,5323],{"emptyLinePlaceholder":5322},[5299,5613,5614],{"class":5301,"line":5527},[5299,5615,5617],{"class":5616},"spJ8K","# Крок 1: Рівень 0 - Лише список Y\n",[5299,5619,5621,5624,5626,5628,5630,5632,5634,5636,5638,5641,5644,5646,5649,5651,5654,5656,5659,5661,5664,5666,5668],{"class":5301,"line":5620},7,[5299,5622,5623],{"class":5309},"ax1.plot([",[5299,5625,5333],{"class":5332},[5299,5627,5336],{"class":5309},[5299,5629,5339],{"class":5332},[5299,5631,5336],{"class":5309},[5299,5633,5344],{"class":5332},[5299,5635,5336],{"class":5309},[5299,5637,5349],{"class":5332},[5299,5639,5640],{"class":5309},"], ",[5299,5642,5643],{"class":5515},"color",[5299,5645,5519],{"class":5309},[5299,5647,5648],{"class":5477},"'#2563EB'",[5299,5650,5336],{"class":5309},[5299,5652,5653],{"class":5515},"marker",[5299,5655,5519],{"class":5309},[5299,5657,5658],{"class":5477},"'o'",[5299,5660,5336],{"class":5309},[5299,5662,5663],{"class":5515},"lw",[5299,5665,5519],{"class":5309},[5299,5667,5389],{"class":5332},[5299,5669,5481],{"class":5309},[5299,5671,5673,5676,5679,5683,5686,5688,5691,5693,5696,5698,5701,5703,5706],{"class":5301,"line":5672},8,[5299,5674,5675],{"class":5309},"ax1.set_title(",[5299,5677,5678],{"class":5477},"'Крок 1: plt.plot([1, 4, 9, 16])",[5299,5680,5682],{"class":5681},"sjcCO","\\n",[5299,5684,5685],{"class":5477},"(X згенеровано: 0, 1, 2, 3)'",[5299,5687,5336],{"class":5309},[5299,5689,5690],{"class":5515},"fontsize",[5299,5692,5519],{"class":5309},[5299,5694,5695],{"class":5332},"10",[5299,5697,5336],{"class":5309},[5299,5699,5700],{"class":5515},"fontweight",[5299,5702,5519],{"class":5309},[5299,5704,5705],{"class":5477},"'bold'",[5299,5707,5481],{"class":5309},[5299,5709,5711,5714,5716,5718,5720,5722,5725],{"class":5301,"line":5710},9,[5299,5712,5713],{"class":5309},"ax1.grid(",[5299,5715,5510],{"class":5509},[5299,5717,5336],{"class":5309},[5299,5719,5516],{"class":5515},[5299,5721,5519],{"class":5309},[5299,5723,5724],{"class":5332},"0.2",[5299,5726,5481],{"class":5309},[5299,5728,5730],{"class":5301,"line":5729},10,[5299,5731,5323],{"emptyLinePlaceholder":5322},[5299,5733,5735],{"class":5301,"line":5734},11,[5299,5736,5737],{"class":5616},"# Крок 2: Рівень 1 - Явні X та Y\n",[5299,5739,5741,5743,5745,5747,5749,5751,5753,5755,5757,5759,5761],{"class":5301,"line":5740},12,[5299,5742,5382],{"class":5309},[5299,5744,5333],{"class":5332},[5299,5746,5336],{"class":5309},[5299,5748,5389],{"class":5332},[5299,5750,5336],{"class":5309},[5299,5752,5394],{"class":5332},[5299,5754,5336],{"class":5309},[5299,5756,5339],{"class":5332},[5299,5758,5336],{"class":5309},[5299,5760,5403],{"class":5332},[5299,5762,5406],{"class":5309},[5299,5764,5766,5768,5770,5772,5774,5776,5778,5780,5782,5784,5786],{"class":5301,"line":5765},13,[5299,5767,5411],{"class":5309},[5299,5769,5414],{"class":5332},[5299,5771,5336],{"class":5309},[5299,5773,5419],{"class":5332},[5299,5775,5336],{"class":5309},[5299,5777,5424],{"class":5332},[5299,5779,5336],{"class":5309},[5299,5781,5429],{"class":5332},[5299,5783,5336],{"class":5309},[5299,5785,5434],{"class":5332},[5299,5787,5406],{"class":5309},[5299,5789,5791,5794,5796,5798,5801,5803,5805,5807,5810,5812,5814,5816,5818],{"class":5301,"line":5790},14,[5299,5792,5793],{"class":5309},"ax2.plot(hours, score, ",[5299,5795,5643],{"class":5515},[5299,5797,5519],{"class":5309},[5299,5799,5800],{"class":5477},"'#DC2626'",[5299,5802,5336],{"class":5309},[5299,5804,5653],{"class":5515},[5299,5806,5519],{"class":5309},[5299,5808,5809],{"class":5477},"'s'",[5299,5811,5336],{"class":5309},[5299,5813,5663],{"class":5515},[5299,5815,5519],{"class":5309},[5299,5817,5389],{"class":5332},[5299,5819,5481],{"class":5309},[5299,5821,5823,5826,5829,5831,5834,5836,5838,5840,5842,5844,5846,5848,5850],{"class":5301,"line":5822},15,[5299,5824,5825],{"class":5309},"ax2.set_title(",[5299,5827,5828],{"class":5477},"'Крок 2: plt.plot(hours, score)",[5299,5830,5682],{"class":5681},[5299,5832,5833],{"class":5477},"(Реальні осі: час vs оцінка)'",[5299,5835,5336],{"class":5309},[5299,5837,5690],{"class":5515},[5299,5839,5519],{"class":5309},[5299,5841,5695],{"class":5332},[5299,5843,5336],{"class":5309},[5299,5845,5700],{"class":5515},[5299,5847,5519],{"class":5309},[5299,5849,5705],{"class":5477},[5299,5851,5481],{"class":5309},[5299,5853,5855,5858,5860,5862,5864,5866,5868],{"class":5301,"line":5854},16,[5299,5856,5857],{"class":5309},"ax2.grid(",[5299,5859,5510],{"class":5509},[5299,5861,5336],{"class":5309},[5299,5863,5516],{"class":5515},[5299,5865,5519],{"class":5309},[5299,5867,5724],{"class":5332},[5299,5869,5481],{"class":5309},[5299,5871,5873],{"class":5301,"line":5872},17,[5299,5874,5323],{"emptyLinePlaceholder":5322},[5299,5876,5878],{"class":5301,"line":5877},18,[5299,5879,5880],{"class":5616},"# Крок 3: Рівень 2 - Додавання контексту\n",[5299,5882,5884,5887,5889,5891,5894,5896,5898,5900,5902,5904,5906,5908,5911,5913,5916,5918,5921],{"class":5301,"line":5883},19,[5299,5885,5886],{"class":5309},"ax3.plot(hours, score, ",[5299,5888,5643],{"class":5515},[5299,5890,5519],{"class":5309},[5299,5892,5893],{"class":5477},"'#059669'",[5299,5895,5336],{"class":5309},[5299,5897,5653],{"class":5515},[5299,5899,5519],{"class":5309},[5299,5901,5658],{"class":5477},[5299,5903,5336],{"class":5309},[5299,5905,5663],{"class":5515},[5299,5907,5519],{"class":5309},[5299,5909,5910],{"class":5332},"2.5",[5299,5912,5336],{"class":5309},[5299,5914,5915],{"class":5515},"markersize",[5299,5917,5519],{"class":5309},[5299,5919,5920],{"class":5332},"7",[5299,5922,5481],{"class":5309},[5299,5924,5926,5929,5932,5934,5937,5939,5941,5943,5945,5947,5949,5951,5953,5955,5957,5959,5962],{"class":5301,"line":5925},20,[5299,5927,5928],{"class":5309},"ax3.set_title(",[5299,5930,5931],{"class":5477},"'Крок 3: Повний контекст",[5299,5933,5682],{"class":5681},[5299,5935,5936],{"class":5477},"(title + xlabel + ylabel + grid)'",[5299,5938,5336],{"class":5309},[5299,5940,5690],{"class":5515},[5299,5942,5519],{"class":5309},[5299,5944,5695],{"class":5332},[5299,5946,5336],{"class":5309},[5299,5948,5700],{"class":5515},[5299,5950,5519],{"class":5309},[5299,5952,5705],{"class":5477},[5299,5954,5336],{"class":5309},[5299,5956,5643],{"class":5515},[5299,5958,5519],{"class":5309},[5299,5960,5961],{"class":5477},"'#065F46'",[5299,5963,5481],{"class":5309},[5299,5965,5967,5970,5973,5975,5977,5979,5981],{"class":5301,"line":5966},21,[5299,5968,5969],{"class":5309},"ax3.set_xlabel(",[5299,5971,5972],{"class":5477},"'Години навчання (год)'",[5299,5974,5336],{"class":5309},[5299,5976,5690],{"class":5515},[5299,5978,5519],{"class":5309},[5299,5980,5695],{"class":5332},[5299,5982,5481],{"class":5309},[5299,5984,5986,5989,5992,5994,5996,5998,6000],{"class":5301,"line":5985},22,[5299,5987,5988],{"class":5309},"ax3.set_ylabel(",[5299,5990,5991],{"class":5477},"'Оцінка на тесті (бали)'",[5299,5993,5336],{"class":5309},[5299,5995,5690],{"class":5515},[5299,5997,5519],{"class":5309},[5299,5999,5695],{"class":5332},[5299,6001,5481],{"class":5309},[5299,6003,6005,6008,6010,6012,6014,6016,6019,6021,6024,6026,6029],{"class":5301,"line":6004},23,[5299,6006,6007],{"class":5309},"ax3.grid(",[5299,6009,5510],{"class":5509},[5299,6011,5336],{"class":5309},[5299,6013,5516],{"class":5515},[5299,6015,5519],{"class":5309},[5299,6017,6018],{"class":5332},"0.35",[5299,6020,5336],{"class":5309},[5299,6022,6023],{"class":5515},"ls",[5299,6025,5519],{"class":5309},[5299,6027,6028],{"class":5477},"'--'",[5299,6030,5481],{"class":5309},[5299,6032,6034],{"class":5301,"line":6033},24,[5299,6035,5323],{"emptyLinePlaceholder":5322},[5299,6037,6039,6042,6045,6047,6049,6051,6054,6056,6058,6060,6062],{"class":5301,"line":6038},25,[5299,6040,6041],{"class":5309},"fig.suptitle(",[5299,6043,6044],{"class":5477},"'Еволюція графіка від 3 рядків коду до інформативного результату'",[5299,6046,5336],{"class":5309},[5299,6048,5690],{"class":5515},[5299,6050,5519],{"class":5309},[5299,6052,6053],{"class":5332},"13",[5299,6055,5336],{"class":5309},[5299,6057,5700],{"class":5515},[5299,6059,5519],{"class":5309},[5299,6061,5705],{"class":5477},[5299,6063,5481],{"class":5309},[5299,6065,6067],{"class":5301,"line":6066},26,[5299,6068,5358],{"class":5309},[6070,6071,6072],"template",{"v-slot:output":5295},[6073,6074],"img",{"alt":6075,"className":6076,"src":6078},"Еволюція графіка від 3 рядків до результату",[6077],"diagram-img","\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F20.png",[6080,6081,6082,6087,6093,6114],"note",{},[5252,6083,6084],{},[5221,6085,6086],{},"Плавний місток: а що насправді відбулося за лаштунками?",[5252,6088,6089,6090,6092],{},"Ми написали лише команду ",[5256,6091,5287],{},", але Matplotlib без нашої явної вказівки створив одразу три сутності:",[6094,6095,6096,6102,6108],"ol",{},[5201,6097,6098,6101],{},[5221,6099,6100],{},"Біле прямокутне полотно"," (аркуш паперу, на якому все намальовано).",[5201,6103,6104,6107],{},[5221,6105,6106],{},"Систему координат"," із числовими шкалами, засічками та рамкою.",[5201,6109,6110,6113],{},[5221,6111,6112],{},"Лінію даних",", яка поєднала координати точок.",[5252,6115,6116],{},"У простих сценаріях автоматичне створення компонентів дуже зручне. Проте у складних проєктах нам знадобиться повний контроль над кожним окремим елементом. Саме тому Matplotlib пропонує два фундаментальні підходи до роботи.",[5244,6118],{},[5247,6120,6122],{"id":6121},"історія-про-два-підходи-до-готування","Історія про два підходи до готування",[5252,6124,6125],{},"Уявіть, що ви вчитеся готувати піцу. Є два шефи-викладачі:",[5252,6127,6128,6131,6132,6135,6136,6139],{},[5221,6129,6130],{},"Шеф А (pyplot):"," «Візьми тісто. Намасти соусом. Постав у духовку на 200°C. Готово!» Він не каже, ",[5273,6133,6134],{},"яке"," тісто, ",[5273,6137,6138],{},"яку"," духовку — він припускає, що ви працюєте з «поточним» об'єктом. Швидко, зручно для простих завдань.",[5252,6141,6142,6145,6146,6149,6150,6153,6154,6157,6158,6161,6162,6165],{},[5221,6143,6144],{},"Шеф Б (OOP API):"," «Створи об'єкт ",[5256,6147,6148],{},"pizza = Pizza()",". Викличи метод ",[5256,6151,6152],{},"pizza.add_sauce(\"томатний\")",". Передай об'єкт ",[5256,6155,6156],{},"pizza"," у ",[5256,6159,6160],{},"oven.bake(pizza, temperature=200)",".» Більше коду, але абсолютна ясність: ти ",[5221,6163,6164],{},"явно"," керуєш кожним об'єктом.",[5252,6167,6168,6169,6171],{},"Matplotlib підтримує обидва підходи. Перший (",[5256,6170,5235],{},") зручний для швидких експериментів у Jupyter. Другий (OOP) — для професійних проєктів, де потрібна точність та контроль.",[6080,6173,6174,6177,6178,6180,6181,6184],{},[5221,6175,6176],{},"Правило професіоналів:"," використовуйте pyplot (",[5256,6179,5287],{},") для швидких прототипів у ноутбуках. Для production-коду та складних дашбордів переходьте на OOP інтерфейс (",[5256,6182,6183],{},"fig, ax = plt.subplots()",").",[5244,6186],{},[5247,6188,6190],{"id":6189},"архітектура-matplotlib-figure-axes-plot","Архітектура matplotlib: Figure, Axes, Plot",[5252,6192,6193],{},"Перед тим, як будувати графіки, потрібно зрозуміти «анатомію» matplotlib. Це як анатомія людини: щоб лікувати, потрібно знати, де що знаходиться.",[5278,6195,6197],{"id":6196},"ієрархія-обєктів","Ієрархія об'єктів",[6199,6200,6202],"plant-uml",{"alt":6201},"Ієрархія об'єктів matplotlib",[5290,6203,6207],{"className":6204,"code":6205,"language":6206,"meta":5295,"style":5295},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam defaultTextAlignment left\nskinparam packageStyle rectangle\n\npackage \"Figure (полотно — весь аркуш)\" #DBEAFE {\n  class \"Suptitle (загальний заголовок)\" as Suptitle #F1F5F9\n  \n  package \"Axes (система координат \u002F окремий графік)\" #DCFCE7 {\n    class \"Title (заголовок графіка)\" as Title #FFFFFF\n    class \"X-axis (вісь X з мітками та підписом)\" as XAxis #FFFFFF\n    class \"Y-axis (вісь Y з мітками та підписом)\" as YAxis #FFFFFF\n    class \"Legend (легенда)\" as Legend #FFFFFF\n    class \"Grid (сітка осей)\" as Grid #FFFFFF\n    class \"Plots (дані: лінії, точки, стовпці)\" as Plots #FEF3C7\n  }\n}\n@enduml\n","plantuml",[5256,6208,6209,6214,6219,6224,6229,6234,6238,6243,6248,6253,6258,6263,6268,6273,6278,6283,6288,6293,6298],{"__ignoreMap":5295},[5299,6210,6211],{"class":5301,"line":5302},[5299,6212,6213],{},"@startuml\n",[5299,6215,6216],{"class":5301,"line":5319},[5299,6217,6218],{},"skinparam style plain\n",[5299,6220,6221],{"class":5301,"line":5326},[5299,6222,6223],{},"skinparam backgroundColor #FFFFFF\n",[5299,6225,6226],{"class":5301,"line":5355},[5299,6227,6228],{},"skinparam defaultTextAlignment left\n",[5299,6230,6231],{"class":5301,"line":5448},[5299,6232,6233],{},"skinparam packageStyle rectangle\n",[5299,6235,6236],{"class":5301,"line":5527},[5299,6237,5323],{"emptyLinePlaceholder":5322},[5299,6239,6240],{"class":5301,"line":5620},[5299,6241,6242],{},"package \"Figure (полотно — весь аркуш)\" #DBEAFE {\n",[5299,6244,6245],{"class":5301,"line":5672},[5299,6246,6247],{},"  class \"Suptitle (загальний заголовок)\" as Suptitle #F1F5F9\n",[5299,6249,6250],{"class":5301,"line":5710},[5299,6251,6252],{},"  \n",[5299,6254,6255],{"class":5301,"line":5729},[5299,6256,6257],{},"  package \"Axes (система координат \u002F окремий графік)\" #DCFCE7 {\n",[5299,6259,6260],{"class":5301,"line":5734},[5299,6261,6262],{},"    class \"Title (заголовок графіка)\" as Title #FFFFFF\n",[5299,6264,6265],{"class":5301,"line":5740},[5299,6266,6267],{},"    class \"X-axis (вісь X з мітками та підписом)\" as XAxis #FFFFFF\n",[5299,6269,6270],{"class":5301,"line":5765},[5299,6271,6272],{},"    class \"Y-axis (вісь Y з мітками та підписом)\" as YAxis #FFFFFF\n",[5299,6274,6275],{"class":5301,"line":5790},[5299,6276,6277],{},"    class \"Legend (легенда)\" as Legend #FFFFFF\n",[5299,6279,6280],{"class":5301,"line":5822},[5299,6281,6282],{},"    class \"Grid (сітка осей)\" as Grid #FFFFFF\n",[5299,6284,6285],{"class":5301,"line":5854},[5299,6286,6287],{},"    class \"Plots (дані: лінії, точки, стовпці)\" as Plots #FEF3C7\n",[5299,6289,6290],{"class":5301,"line":5872},[5299,6291,6292],{},"  }\n",[5299,6294,6295],{"class":5301,"line":5877},[5299,6296,6297],{},"}\n",[5299,6299,6300],{"class":5301,"line":5883},[5299,6301,6302],{},"@enduml\n",[5261,6304,6305],{},[5252,6306,6307,6308,6310,6311,6313,6314,6317],{},"Аналогія: ",[5221,6309,5223],{}," — це рамка для картини. ",[5221,6312,5229],{}," — це саме полотно всередині рамки. ",[5221,6315,6316],{},"Plot"," — це малюнок на полотні. На одній рамці (Figure) може бути кілька полотен (Axes) — як у коміксі, де кілька панелей на сторінці.",[5531,6319,6322,6332],{"title":6320,"kernel":6321},"anatomy.ipynb","Python 3 (ipykernel)",[5535,6323,6325,6329],{"type":6324},"markdown",[5278,6326,6328],{"id":6327},"анатомія-matplotlib","Анатомія matplotlib",[5252,6330,6331],{},"Розберемо структуру на конкретному прикладі",[5535,6333,6335,6932],{"execution-count":5333,"execution-time":6334},"0.18s",[5290,6336,6338],{"className":5292,"code":6337,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Створюємо Figure (полотно) розміром 10x6 дюймів\nfig = plt.figure(figsize=(10, 6))\n\n# Створюємо Axes (систему координат) на цьому полотні\nax = fig.add_subplot(111)  # 1 рядок, 1 стовпець, графік №1\n\n# Дані для побудови\nx = np.linspace(0, 10, 100)\ny = np.sin(x)\n\n# Будуємо графік (Plot)\nax.plot(x, y, label=\"sin(x)\", color=\"blue\", linewidth=2)\n\n# Додаємо елементи\nax.set_title(\"Структура matplotlib\", fontsize=16, fontweight=\"bold\")\nax.set_xlabel(\"Вісь X (незалежна змінна)\", fontsize=12)\nax.set_ylabel(\"Вісь Y (залежна змінна)\", fontsize=12)\nax.legend(loc=\"upper right\")\nax.grid(True, alpha=0.3, linestyle=\"--\")\n\n# Анотації для пояснення структури\nax.annotate(\"Title (заголовок)\", xy=(5, 0.8), xytext=(7, 0.9),\n            fontsize=10, color=\"red\", weight=\"bold\",\n            arrowprops=dict(arrowstyle=\"->\", color=\"red\"))\n\nax.annotate(\"Legend\\n(легенда)\", xy=(9.5, 0.9), xytext=(8, 0.6),\n            fontsize=10, color=\"green\", weight=\"bold\",\n            arrowprops=dict(arrowstyle=\"->\", color=\"green\"))\n\nax.annotate(\"Plot\\n(графік)\", xy=(3, 0.1), xytext=(1, -0.5),\n            fontsize=10, color=\"purple\", weight=\"bold\",\n            arrowprops=dict(arrowstyle=\"->\", color=\"purple\"))\n\nplt.tight_layout()\nplt.show()\n",[5256,6339,6340,6350,6360,6364,6369,6388,6392,6397,6411,6415,6420,6439,6444,6448,6453,6486,6490,6495,6522,6541,6559,6574,6601,6605,6610,6649,6679,6712,6717,6759,6787,6814,6819,6861,6889,6916,6921,6927],{"__ignoreMap":5295},[5299,6341,6342,6344,6346,6348],{"class":5301,"line":5302},[5299,6343,5306],{"class":5305},[5299,6345,5310],{"class":5309},[5299,6347,5313],{"class":5305},[5299,6349,5316],{"class":5309},[5299,6351,6352,6354,6356,6358],{"class":5301,"line":5319},[5299,6353,5306],{"class":5305},[5299,6355,5558],{"class":5309},[5299,6357,5313],{"class":5305},[5299,6359,5563],{"class":5309},[5299,6361,6362],{"class":5301,"line":5326},[5299,6363,5323],{"emptyLinePlaceholder":5322},[5299,6365,6366],{"class":5301,"line":5355},[5299,6367,6368],{"class":5616},"# Створюємо Figure (полотно) розміром 10x6 дюймів\n",[5299,6370,6371,6374,6376,6378,6380,6382,6385],{"class":5301,"line":5448},[5299,6372,6373],{"class":5309},"fig = plt.figure(",[5299,6375,5583],{"class":5515},[5299,6377,5586],{"class":5309},[5299,6379,5695],{"class":5332},[5299,6381,5336],{"class":5309},[5299,6383,6384],{"class":5332},"6",[5299,6386,6387],{"class":5309},"))\n",[5299,6389,6390],{"class":5301,"line":5527},[5299,6391,5323],{"emptyLinePlaceholder":5322},[5299,6393,6394],{"class":5301,"line":5620},[5299,6395,6396],{"class":5616},"# Створюємо Axes (систему координат) на цьому полотні\n",[5299,6398,6399,6402,6405,6408],{"class":5301,"line":5672},[5299,6400,6401],{"class":5309},"ax = fig.add_subplot(",[5299,6403,6404],{"class":5332},"111",[5299,6406,6407],{"class":5309},")  ",[5299,6409,6410],{"class":5616},"# 1 рядок, 1 стовпець, графік №1\n",[5299,6412,6413],{"class":5301,"line":5710},[5299,6414,5323],{"emptyLinePlaceholder":5322},[5299,6416,6417],{"class":5301,"line":5729},[5299,6418,6419],{"class":5616},"# Дані для побудови\n",[5299,6421,6422,6425,6428,6430,6432,6434,6437],{"class":5301,"line":5734},[5299,6423,6424],{"class":5309},"x = np.linspace(",[5299,6426,6427],{"class":5332},"0",[5299,6429,5336],{"class":5309},[5299,6431,5695],{"class":5332},[5299,6433,5336],{"class":5309},[5299,6435,6436],{"class":5332},"100",[5299,6438,5481],{"class":5309},[5299,6440,6441],{"class":5301,"line":5740},[5299,6442,6443],{"class":5309},"y = np.sin(x)\n",[5299,6445,6446],{"class":5301,"line":5765},[5299,6447,5323],{"emptyLinePlaceholder":5322},[5299,6449,6450],{"class":5301,"line":5790},[5299,6451,6452],{"class":5616},"# Будуємо графік (Plot)\n",[5299,6454,6455,6458,6461,6463,6466,6468,6470,6472,6475,6477,6480,6482,6484],{"class":5301,"line":5822},[5299,6456,6457],{"class":5309},"ax.plot(x, y, ",[5299,6459,6460],{"class":5515},"label",[5299,6462,5519],{"class":5309},[5299,6464,6465],{"class":5477},"\"sin(x)\"",[5299,6467,5336],{"class":5309},[5299,6469,5643],{"class":5515},[5299,6471,5519],{"class":5309},[5299,6473,6474],{"class":5477},"\"blue\"",[5299,6476,5336],{"class":5309},[5299,6478,6479],{"class":5515},"linewidth",[5299,6481,5519],{"class":5309},[5299,6483,5389],{"class":5332},[5299,6485,5481],{"class":5309},[5299,6487,6488],{"class":5301,"line":5854},[5299,6489,5323],{"emptyLinePlaceholder":5322},[5299,6491,6492],{"class":5301,"line":5872},[5299,6493,6494],{"class":5616},"# Додаємо елементи\n",[5299,6496,6497,6500,6503,6505,6507,6509,6511,6513,6515,6517,6520],{"class":5301,"line":5877},[5299,6498,6499],{"class":5309},"ax.set_title(",[5299,6501,6502],{"class":5477},"\"Структура matplotlib\"",[5299,6504,5336],{"class":5309},[5299,6506,5690],{"class":5515},[5299,6508,5519],{"class":5309},[5299,6510,5349],{"class":5332},[5299,6512,5336],{"class":5309},[5299,6514,5700],{"class":5515},[5299,6516,5519],{"class":5309},[5299,6518,6519],{"class":5477},"\"bold\"",[5299,6521,5481],{"class":5309},[5299,6523,6524,6527,6530,6532,6534,6536,6539],{"class":5301,"line":5883},[5299,6525,6526],{"class":5309},"ax.set_xlabel(",[5299,6528,6529],{"class":5477},"\"Вісь X (незалежна змінна)\"",[5299,6531,5336],{"class":5309},[5299,6533,5690],{"class":5515},[5299,6535,5519],{"class":5309},[5299,6537,6538],{"class":5332},"12",[5299,6540,5481],{"class":5309},[5299,6542,6543,6546,6549,6551,6553,6555,6557],{"class":5301,"line":5925},[5299,6544,6545],{"class":5309},"ax.set_ylabel(",[5299,6547,6548],{"class":5477},"\"Вісь Y (залежна змінна)\"",[5299,6550,5336],{"class":5309},[5299,6552,5690],{"class":5515},[5299,6554,5519],{"class":5309},[5299,6556,6538],{"class":5332},[5299,6558,5481],{"class":5309},[5299,6560,6561,6564,6567,6569,6572],{"class":5301,"line":5966},[5299,6562,6563],{"class":5309},"ax.legend(",[5299,6565,6566],{"class":5515},"loc",[5299,6568,5519],{"class":5309},[5299,6570,6571],{"class":5477},"\"upper right\"",[5299,6573,5481],{"class":5309},[5299,6575,6576,6579,6581,6583,6585,6587,6589,6591,6594,6596,6599],{"class":5301,"line":5985},[5299,6577,6578],{"class":5309},"ax.grid(",[5299,6580,5510],{"class":5509},[5299,6582,5336],{"class":5309},[5299,6584,5516],{"class":5515},[5299,6586,5519],{"class":5309},[5299,6588,5522],{"class":5332},[5299,6590,5336],{"class":5309},[5299,6592,6593],{"class":5515},"linestyle",[5299,6595,5519],{"class":5309},[5299,6597,6598],{"class":5477},"\"--\"",[5299,6600,5481],{"class":5309},[5299,6602,6603],{"class":5301,"line":6004},[5299,6604,5323],{"emptyLinePlaceholder":5322},[5299,6606,6607],{"class":5301,"line":6033},[5299,6608,6609],{"class":5616},"# Анотації для пояснення структури\n",[5299,6611,6612,6615,6618,6620,6623,6625,6627,6629,6632,6634,6637,6639,6641,6643,6646],{"class":5301,"line":6038},[5299,6613,6614],{"class":5309},"ax.annotate(",[5299,6616,6617],{"class":5477},"\"Title (заголовок)\"",[5299,6619,5336],{"class":5309},[5299,6621,6622],{"class":5515},"xy",[5299,6624,5586],{"class":5309},[5299,6626,5403],{"class":5332},[5299,6628,5336],{"class":5309},[5299,6630,6631],{"class":5332},"0.8",[5299,6633,5597],{"class":5309},[5299,6635,6636],{"class":5515},"xytext",[5299,6638,5586],{"class":5309},[5299,6640,5920],{"class":5332},[5299,6642,5336],{"class":5309},[5299,6644,6645],{"class":5332},"0.9",[5299,6647,6648],{"class":5309},"),\n",[5299,6650,6651,6654,6656,6658,6660,6662,6664,6667,6669,6672,6674,6676],{"class":5301,"line":6066},[5299,6652,6653],{"class":5515},"            fontsize",[5299,6655,5519],{"class":5309},[5299,6657,5695],{"class":5332},[5299,6659,5336],{"class":5309},[5299,6661,5643],{"class":5515},[5299,6663,5519],{"class":5309},[5299,6665,6666],{"class":5477},"\"red\"",[5299,6668,5336],{"class":5309},[5299,6670,6671],{"class":5515},"weight",[5299,6673,5519],{"class":5309},[5299,6675,6519],{"class":5477},[5299,6677,6678],{"class":5309},",\n",[5299,6680,6682,6685,6687,6691,6694,6697,6699,6702,6704,6706,6708,6710],{"class":5301,"line":6681},27,[5299,6683,6684],{"class":5515},"            arrowprops",[5299,6686,5519],{"class":5309},[5299,6688,6690],{"class":6689},"sN1BT","dict",[5299,6692,6693],{"class":5309},"(",[5299,6695,6696],{"class":5515},"arrowstyle",[5299,6698,5519],{"class":5309},[5299,6700,6701],{"class":5477},"\"->\"",[5299,6703,5336],{"class":5309},[5299,6705,5643],{"class":5515},[5299,6707,5519],{"class":5309},[5299,6709,6666],{"class":5477},[5299,6711,6387],{"class":5309},[5299,6713,6715],{"class":5301,"line":6714},28,[5299,6716,5323],{"emptyLinePlaceholder":5322},[5299,6718,6720,6722,6725,6727,6730,6732,6734,6736,6739,6741,6743,6745,6747,6749,6752,6754,6757],{"class":5301,"line":6719},29,[5299,6721,6614],{"class":5309},[5299,6723,6724],{"class":5477},"\"Legend",[5299,6726,5682],{"class":5681},[5299,6728,6729],{"class":5477},"(легенда)\"",[5299,6731,5336],{"class":5309},[5299,6733,6622],{"class":5515},[5299,6735,5586],{"class":5309},[5299,6737,6738],{"class":5332},"9.5",[5299,6740,5336],{"class":5309},[5299,6742,6645],{"class":5332},[5299,6744,5597],{"class":5309},[5299,6746,6636],{"class":5515},[5299,6748,5586],{"class":5309},[5299,6750,6751],{"class":5332},"8",[5299,6753,5336],{"class":5309},[5299,6755,6756],{"class":5332},"0.6",[5299,6758,6648],{"class":5309},[5299,6760,6762,6764,6766,6768,6770,6772,6774,6777,6779,6781,6783,6785],{"class":5301,"line":6761},30,[5299,6763,6653],{"class":5515},[5299,6765,5519],{"class":5309},[5299,6767,5695],{"class":5332},[5299,6769,5336],{"class":5309},[5299,6771,5643],{"class":5515},[5299,6773,5519],{"class":5309},[5299,6775,6776],{"class":5477},"\"green\"",[5299,6778,5336],{"class":5309},[5299,6780,6671],{"class":5515},[5299,6782,5519],{"class":5309},[5299,6784,6519],{"class":5477},[5299,6786,6678],{"class":5309},[5299,6788,6790,6792,6794,6796,6798,6800,6802,6804,6806,6808,6810,6812],{"class":5301,"line":6789},31,[5299,6791,6684],{"class":5515},[5299,6793,5519],{"class":5309},[5299,6795,6690],{"class":6689},[5299,6797,6693],{"class":5309},[5299,6799,6696],{"class":5515},[5299,6801,5519],{"class":5309},[5299,6803,6701],{"class":5477},[5299,6805,5336],{"class":5309},[5299,6807,5643],{"class":5515},[5299,6809,5519],{"class":5309},[5299,6811,6776],{"class":5477},[5299,6813,6387],{"class":5309},[5299,6815,6817],{"class":5301,"line":6816},32,[5299,6818,5323],{"emptyLinePlaceholder":5322},[5299,6820,6822,6824,6827,6829,6832,6834,6836,6838,6840,6842,6845,6847,6849,6851,6853,6856,6859],{"class":5301,"line":6821},33,[5299,6823,6614],{"class":5309},[5299,6825,6826],{"class":5477},"\"Plot",[5299,6828,5682],{"class":5681},[5299,6830,6831],{"class":5477},"(графік)\"",[5299,6833,5336],{"class":5309},[5299,6835,6622],{"class":5515},[5299,6837,5586],{"class":5309},[5299,6839,5394],{"class":5332},[5299,6841,5336],{"class":5309},[5299,6843,6844],{"class":5332},"0.1",[5299,6846,5597],{"class":5309},[5299,6848,6636],{"class":5515},[5299,6850,5586],{"class":5309},[5299,6852,5333],{"class":5332},[5299,6854,6855],{"class":5309},", -",[5299,6857,6858],{"class":5332},"0.5",[5299,6860,6648],{"class":5309},[5299,6862,6864,6866,6868,6870,6872,6874,6876,6879,6881,6883,6885,6887],{"class":5301,"line":6863},34,[5299,6865,6653],{"class":5515},[5299,6867,5519],{"class":5309},[5299,6869,5695],{"class":5332},[5299,6871,5336],{"class":5309},[5299,6873,5643],{"class":5515},[5299,6875,5519],{"class":5309},[5299,6877,6878],{"class":5477},"\"purple\"",[5299,6880,5336],{"class":5309},[5299,6882,6671],{"class":5515},[5299,6884,5519],{"class":5309},[5299,6886,6519],{"class":5477},[5299,6888,6678],{"class":5309},[5299,6890,6892,6894,6896,6898,6900,6902,6904,6906,6908,6910,6912,6914],{"class":5301,"line":6891},35,[5299,6893,6684],{"class":5515},[5299,6895,5519],{"class":5309},[5299,6897,6690],{"class":6689},[5299,6899,6693],{"class":5309},[5299,6901,6696],{"class":5515},[5299,6903,5519],{"class":5309},[5299,6905,6701],{"class":5477},[5299,6907,5336],{"class":5309},[5299,6909,5643],{"class":5515},[5299,6911,5519],{"class":5309},[5299,6913,6878],{"class":5477},[5299,6915,6387],{"class":5309},[5299,6917,6919],{"class":5301,"line":6918},36,[5299,6920,5323],{"emptyLinePlaceholder":5322},[5299,6922,6924],{"class":5301,"line":6923},37,[5299,6925,6926],{"class":5309},"plt.tight_layout()\n",[5299,6928,6930],{"class":5301,"line":6929},38,[5299,6931,5358],{"class":5309},[6070,6933,6934],{"v-slot:output":5295},[6073,6935],{"alt":6936,"className":6937,"src":6938},"Анатомія matplotlib з анотаціями",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F01.png",[6940,6941,6942,6947,6974],"tip",{},[5252,6943,6944],{},[5221,6945,6946],{},"Корисна аналогія для запам'ятовування:",[5198,6948,6949,6958,6966],{},[5201,6950,6951,6953,6954,6957],{},[5256,6952,5223],{}," = ",[5221,6955,6956],{},"будинок"," (вся структура)",[5201,6959,6960,6953,6962,6965],{},[5256,6961,5229],{},[5221,6963,6964],{},"кімната"," у будинку (може бути кілька кімнат)",[5201,6967,6968,6953,6970,6973],{},[5256,6969,6316],{},[5221,6971,6972],{},"меблі"," у кімнаті (стіл, стілець = лінії, точки)",[5252,6975,6976],{},"Ви не ставите меблі на фундамент (Figure), ви ставите їх у кімнату (Axes)!",[5244,6978],{},[5247,6980,6982],{"id":6981},"два-інтерфейси-pyplot-vs-oop-api","Два інтерфейси: pyplot vs OOP API",[5252,6984,6985,6986,6989],{},"Matplotlib пропонує два способи створення графіків. Розберемо обидва на одному прикладі — побудові графіка параболи ",[5256,6987,6988],{},"y = x²",".",[5278,6991,6993],{"id":6992},"підхід-1-pyplot-state-based-matlab-style","Підхід 1: pyplot (state-based, MATLAB-style)",[5290,6995,6997],{"className":5292,"code":6996,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(-5, 5, 100)\ny = x ** 2\n\n# pyplot автоматично створює Figure та Axes «за лаштунками»\nplt.plot(x, y)\nplt.title(\"Парабола y = x²\")\nplt.xlabel(\"x\")\nplt.ylabel(\"y\")\nplt.grid(True)\nplt.show()\n",[5256,6998,6999,7009,7019,7023,7040,7048,7052,7057,7062,7071,7080,7089,7097],{"__ignoreMap":5295},[5299,7000,7001,7003,7005,7007],{"class":5301,"line":5302},[5299,7002,5306],{"class":5305},[5299,7004,5310],{"class":5309},[5299,7006,5313],{"class":5305},[5299,7008,5316],{"class":5309},[5299,7010,7011,7013,7015,7017],{"class":5301,"line":5319},[5299,7012,5306],{"class":5305},[5299,7014,5558],{"class":5309},[5299,7016,5313],{"class":5305},[5299,7018,5563],{"class":5309},[5299,7020,7021],{"class":5301,"line":5326},[5299,7022,5323],{"emptyLinePlaceholder":5322},[5299,7024,7025,7028,7030,7032,7034,7036,7038],{"class":5301,"line":5355},[5299,7026,7027],{"class":5309},"x = np.linspace(-",[5299,7029,5403],{"class":5332},[5299,7031,5336],{"class":5309},[5299,7033,5403],{"class":5332},[5299,7035,5336],{"class":5309},[5299,7037,6436],{"class":5332},[5299,7039,5481],{"class":5309},[5299,7041,7042,7045],{"class":5301,"line":5448},[5299,7043,7044],{"class":5309},"y = x ** ",[5299,7046,7047],{"class":5332},"2\n",[5299,7049,7050],{"class":5301,"line":5527},[5299,7051,5323],{"emptyLinePlaceholder":5322},[5299,7053,7054],{"class":5301,"line":5620},[5299,7055,7056],{"class":5616},"# pyplot автоматично створює Figure та Axes «за лаштунками»\n",[5299,7058,7059],{"class":5301,"line":5672},[5299,7060,7061],{"class":5309},"plt.plot(x, y)\n",[5299,7063,7064,7066,7069],{"class":5301,"line":5710},[5299,7065,5474],{"class":5309},[5299,7067,7068],{"class":5477},"\"Парабола y = x²\"",[5299,7070,5481],{"class":5309},[5299,7072,7073,7075,7078],{"class":5301,"line":5729},[5299,7074,5486],{"class":5309},[5299,7076,7077],{"class":5477},"\"x\"",[5299,7079,5481],{"class":5309},[5299,7081,7082,7084,7087],{"class":5301,"line":5734},[5299,7083,5496],{"class":5309},[5299,7085,7086],{"class":5477},"\"y\"",[5299,7088,5481],{"class":5309},[5299,7090,7091,7093,7095],{"class":5301,"line":5740},[5299,7092,5506],{"class":5309},[5299,7094,5510],{"class":5509},[5299,7096,5481],{"class":5309},[5299,7098,7099],{"class":5301,"line":5765},[5299,7100,5358],{"class":5309},[5252,7102,7103],{},[6073,7104],{"alt":7105,"className":7106,"src":7107},"Парабола y = x² (Підхід pyplot)",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F02.png",[5252,7109,7110],{},[5221,7111,7112],{},"Переваги:",[5198,7114,7115,7118,7121],{},[5201,7116,7117],{},"Коротко, інтуїтивно",[5201,7119,7120],{},"Ідеально для швидких експериментів у Jupyter Notebook",[5201,7122,7123],{},"Схожий на MATLAB (легше для тих, хто знає MATLAB)",[5252,7125,7126],{},[5221,7127,7128],{},"Недоліки:",[5198,7130,7131,7137,7140],{},[5201,7132,7133,7134,7136],{},"Неявний стан: ",[5256,7135,5287],{}," модифікує «поточний» Axes — який саме? Не завжди зрозуміло",[5201,7138,7139],{},"Важко керувати кількома графіками одночасно",[5201,7141,7142],{},"У великих проєктах може призвести до плутанини",[5244,7144],{},[5278,7146,7148],{"id":7147},"підхід-2-oop-api-explicit-object-references","Підхід 2: OOP API (explicit object references)",[5290,7150,7152],{"className":5292,"code":7151,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(-5, 5, 100)\ny = x ** 2\n\n# Явно створюємо Figure та Axes\nfig, ax = plt.subplots(figsize=(8, 5))\n\n# Використовуємо методи об'єкта ax\nax.plot(x, y, color=\"purple\", linewidth=2)\nax.set_title(\"Парабола y = x²\", fontsize=14)\nax.set_xlabel(\"x\", fontsize=12)\nax.set_ylabel(\"y\", fontsize=12)\nax.grid(True, alpha=0.3)\n\nplt.show()\n",[5256,7153,7154,7164,7174,7178,7194,7200,7204,7209,7226,7230,7235,7255,7272,7288,7304,7320,7324],{"__ignoreMap":5295},[5299,7155,7156,7158,7160,7162],{"class":5301,"line":5302},[5299,7157,5306],{"class":5305},[5299,7159,5310],{"class":5309},[5299,7161,5313],{"class":5305},[5299,7163,5316],{"class":5309},[5299,7165,7166,7168,7170,7172],{"class":5301,"line":5319},[5299,7167,5306],{"class":5305},[5299,7169,5558],{"class":5309},[5299,7171,5313],{"class":5305},[5299,7173,5563],{"class":5309},[5299,7175,7176],{"class":5301,"line":5326},[5299,7177,5323],{"emptyLinePlaceholder":5322},[5299,7179,7180,7182,7184,7186,7188,7190,7192],{"class":5301,"line":5355},[5299,7181,7027],{"class":5309},[5299,7183,5403],{"class":5332},[5299,7185,5336],{"class":5309},[5299,7187,5403],{"class":5332},[5299,7189,5336],{"class":5309},[5299,7191,6436],{"class":5332},[5299,7193,5481],{"class":5309},[5299,7195,7196,7198],{"class":5301,"line":5448},[5299,7197,7044],{"class":5309},[5299,7199,7047],{"class":5332},[5299,7201,7202],{"class":5301,"line":5527},[5299,7203,5323],{"emptyLinePlaceholder":5322},[5299,7205,7206],{"class":5301,"line":5620},[5299,7207,7208],{"class":5616},"# Явно створюємо Figure та Axes\n",[5299,7210,7211,7214,7216,7218,7220,7222,7224],{"class":5301,"line":5672},[5299,7212,7213],{"class":5309},"fig, ax = plt.subplots(",[5299,7215,5583],{"class":5515},[5299,7217,5586],{"class":5309},[5299,7219,6751],{"class":5332},[5299,7221,5336],{"class":5309},[5299,7223,5403],{"class":5332},[5299,7225,6387],{"class":5309},[5299,7227,7228],{"class":5301,"line":5710},[5299,7229,5323],{"emptyLinePlaceholder":5322},[5299,7231,7232],{"class":5301,"line":5729},[5299,7233,7234],{"class":5616},"# Використовуємо методи об'єкта ax\n",[5299,7236,7237,7239,7241,7243,7245,7247,7249,7251,7253],{"class":5301,"line":5734},[5299,7238,6457],{"class":5309},[5299,7240,5643],{"class":5515},[5299,7242,5519],{"class":5309},[5299,7244,6878],{"class":5477},[5299,7246,5336],{"class":5309},[5299,7248,6479],{"class":5515},[5299,7250,5519],{"class":5309},[5299,7252,5389],{"class":5332},[5299,7254,5481],{"class":5309},[5299,7256,7257,7259,7261,7263,7265,7267,7270],{"class":5301,"line":5740},[5299,7258,6499],{"class":5309},[5299,7260,7068],{"class":5477},[5299,7262,5336],{"class":5309},[5299,7264,5690],{"class":5515},[5299,7266,5519],{"class":5309},[5299,7268,7269],{"class":5332},"14",[5299,7271,5481],{"class":5309},[5299,7273,7274,7276,7278,7280,7282,7284,7286],{"class":5301,"line":5765},[5299,7275,6526],{"class":5309},[5299,7277,7077],{"class":5477},[5299,7279,5336],{"class":5309},[5299,7281,5690],{"class":5515},[5299,7283,5519],{"class":5309},[5299,7285,6538],{"class":5332},[5299,7287,5481],{"class":5309},[5299,7289,7290,7292,7294,7296,7298,7300,7302],{"class":5301,"line":5790},[5299,7291,6545],{"class":5309},[5299,7293,7086],{"class":5477},[5299,7295,5336],{"class":5309},[5299,7297,5690],{"class":5515},[5299,7299,5519],{"class":5309},[5299,7301,6538],{"class":5332},[5299,7303,5481],{"class":5309},[5299,7305,7306,7308,7310,7312,7314,7316,7318],{"class":5301,"line":5822},[5299,7307,6578],{"class":5309},[5299,7309,5510],{"class":5509},[5299,7311,5336],{"class":5309},[5299,7313,5516],{"class":5515},[5299,7315,5519],{"class":5309},[5299,7317,5522],{"class":5332},[5299,7319,5481],{"class":5309},[5299,7321,7322],{"class":5301,"line":5854},[5299,7323,5323],{"emptyLinePlaceholder":5322},[5299,7325,7326],{"class":5301,"line":5872},[5299,7327,5358],{"class":5309},[5252,7329,7330],{},[6073,7331],{"alt":7332,"className":7333,"src":7334},"Парабола y = x² (Підхід OOP API)",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F03.png",[5252,7336,7337],{},[5221,7338,7112],{},[5198,7340,7341,7344,7347],{},[5201,7342,7343],{},"Явний контроль: ви завжди знаєте, з яким об'єктом працюєте",[5201,7345,7346],{},"Легко керувати кількома графіками (див. підтему про subplots)",[5201,7348,7349],{},"Професійний стандарт для production-коду",[5252,7351,7352],{},[5221,7353,7128],{},[5198,7355,7356,7359],{},[5201,7357,7358],{},"Трохи більше коду для простих випадків",[5201,7360,7361],{},"Потрібно розуміти об'єктну модель",[6080,7363,7364,7367,7368,7370,7371,7373],{},[5221,7365,7366],{},"Рекомендація:"," у цьому курсі ми використовуємо ",[5221,7369,5241],{}," (",[5256,7372,6183],{},"), бо він готує вас до реальних проєктів. Pyplot залишається корисним для одноразових експериментів.",[5278,7375,7377],{"id":7376},"сигнатура-функції-pltsubplots-та-варіації-конфігурації-сітки","Сигнатура функції plt.subplots() та варіації конфігурації сітки",[5252,7379,7380,7381,7384,7385,7387,7388,7390],{},"Функція ",[5256,7382,7383],{},"plt.subplots()"," є головною точкою входу в об'єктно-орієнтований інтерфейс Matplotlib. Вона водночас створює контейнер найвищого рівня — полотно ",[5256,7386,5223],{}," — та набір систем координат ",[5256,7389,5229],{}," у вигляді регулярної або гнучкої сітки.",[5290,7392,7395],{"className":5292,"code":7393,"filename":7394,"language":5294,"meta":5295,"style":5295},"matplotlib.pyplot.subplots(\n    nrows: int = 1,\n    ncols: int = 1,\n    *,\n    sharex: bool | str = False,\n    sharey: bool | str = False,\n    squeeze: bool = True,\n    width_ratios: Sequence[float] | None = None,\n    height_ratios: Sequence[float] | None = None,\n    subplot_kw: dict[str, Any] | None = None,\n    gridspec_kw: dict[str, Any] | None = None,\n    figsize: tuple[float, float] | None = None,\n    dpi: float | None = None,\n    layout: str | None = None,\n    **fig_kw\n) -> tuple[Figure, Axes | np.ndarray]\n","Сигнатура plt.subplots",[5256,7396,7397,7402,7416,7429,7434,7455,7472,7485,7505,7522,7540,7557,7578,7595,7612,7617],{"__ignoreMap":5295},[5299,7398,7399],{"class":5301,"line":5302},[5299,7400,7401],{"class":5309},"matplotlib.pyplot.subplots(\n",[5299,7403,7404,7407,7410,7412,7414],{"class":5301,"line":5319},[5299,7405,7406],{"class":5309},"    nrows: ",[5299,7408,7409],{"class":5515},"int",[5299,7411,6953],{"class":5309},[5299,7413,5333],{"class":5332},[5299,7415,6678],{"class":5309},[5299,7417,7418,7421,7423,7425,7427],{"class":5301,"line":5326},[5299,7419,7420],{"class":5309},"    ncols: ",[5299,7422,7409],{"class":5515},[5299,7424,6953],{"class":5309},[5299,7426,5333],{"class":5332},[5299,7428,6678],{"class":5309},[5299,7430,7431],{"class":5301,"line":5355},[5299,7432,7433],{"class":5309},"    *,\n",[5299,7435,7436,7439,7442,7445,7448,7450,7453],{"class":5301,"line":5448},[5299,7437,7438],{"class":5309},"    sharex: ",[5299,7440,7441],{"class":6689},"bool",[5299,7443,7444],{"class":5309}," | ",[5299,7446,7447],{"class":5515},"str",[5299,7449,6953],{"class":5309},[5299,7451,7452],{"class":5509},"False",[5299,7454,6678],{"class":5309},[5299,7456,7457,7460,7462,7464,7466,7468,7470],{"class":5301,"line":5527},[5299,7458,7459],{"class":5309},"    sharey: ",[5299,7461,7441],{"class":6689},[5299,7463,7444],{"class":5309},[5299,7465,7447],{"class":5515},[5299,7467,6953],{"class":5309},[5299,7469,7452],{"class":5509},[5299,7471,6678],{"class":5309},[5299,7473,7474,7477,7479,7481,7483],{"class":5301,"line":5620},[5299,7475,7476],{"class":5309},"    squeeze: ",[5299,7478,7441],{"class":5515},[5299,7480,6953],{"class":5309},[5299,7482,5510],{"class":5509},[5299,7484,6678],{"class":5309},[5299,7486,7487,7490,7493,7496,7499,7501,7503],{"class":5301,"line":5672},[5299,7488,7489],{"class":5309},"    width_ratios: Sequence[",[5299,7491,7492],{"class":6689},"float",[5299,7494,7495],{"class":5309},"] | ",[5299,7497,7498],{"class":5515},"None",[5299,7500,6953],{"class":5309},[5299,7502,7498],{"class":5509},[5299,7504,6678],{"class":5309},[5299,7506,7507,7510,7512,7514,7516,7518,7520],{"class":5301,"line":5710},[5299,7508,7509],{"class":5309},"    height_ratios: Sequence[",[5299,7511,7492],{"class":6689},[5299,7513,7495],{"class":5309},[5299,7515,7498],{"class":5515},[5299,7517,6953],{"class":5309},[5299,7519,7498],{"class":5509},[5299,7521,6678],{"class":5309},[5299,7523,7524,7527,7529,7532,7534,7536,7538],{"class":5301,"line":5729},[5299,7525,7526],{"class":5309},"    subplot_kw: dict[",[5299,7528,7447],{"class":6689},[5299,7530,7531],{"class":5309},", Any] | ",[5299,7533,7498],{"class":5515},[5299,7535,6953],{"class":5309},[5299,7537,7498],{"class":5509},[5299,7539,6678],{"class":5309},[5299,7541,7542,7545,7547,7549,7551,7553,7555],{"class":5301,"line":5734},[5299,7543,7544],{"class":5309},"    gridspec_kw: dict[",[5299,7546,7447],{"class":6689},[5299,7548,7531],{"class":5309},[5299,7550,7498],{"class":5515},[5299,7552,6953],{"class":5309},[5299,7554,7498],{"class":5509},[5299,7556,6678],{"class":5309},[5299,7558,7559,7562,7564,7566,7568,7570,7572,7574,7576],{"class":5301,"line":5740},[5299,7560,7561],{"class":5309},"    figsize: tuple[",[5299,7563,7492],{"class":6689},[5299,7565,5336],{"class":5309},[5299,7567,7492],{"class":6689},[5299,7569,7495],{"class":5309},[5299,7571,7498],{"class":5515},[5299,7573,6953],{"class":5309},[5299,7575,7498],{"class":5509},[5299,7577,6678],{"class":5309},[5299,7579,7580,7583,7585,7587,7589,7591,7593],{"class":5301,"line":5765},[5299,7581,7582],{"class":5309},"    dpi: ",[5299,7584,7492],{"class":6689},[5299,7586,7444],{"class":5309},[5299,7588,7498],{"class":5515},[5299,7590,6953],{"class":5309},[5299,7592,7498],{"class":5509},[5299,7594,6678],{"class":5309},[5299,7596,7597,7600,7602,7604,7606,7608,7610],{"class":5301,"line":5790},[5299,7598,7599],{"class":5309},"    layout: ",[5299,7601,7447],{"class":6689},[5299,7603,7444],{"class":5309},[5299,7605,7498],{"class":5515},[5299,7607,6953],{"class":5309},[5299,7609,7498],{"class":5509},[5299,7611,6678],{"class":5309},[5299,7613,7614],{"class":5301,"line":5822},[5299,7615,7616],{"class":5309},"    **fig_kw\n",[5299,7618,7619,7622,7626],{"class":5301,"line":5854},[5299,7620,7621],{"class":5309},") ",[5299,7623,7625],{"class":7624},"se1LK","->",[5299,7627,7628],{"class":5309}," tuple[Figure, Axes | np.ndarray]\n",[5252,7630,7631],{},[5221,7632,7633],{},"Ключові параметри та їх призначення:",[5198,7635,7636,7648,7666,7682,7691,7703],{},[5201,7637,7638,5336,7641,7644,7645,6184],{},[5256,7639,7640],{},"nrows",[5256,7642,7643],{},"ncols",": кількість рядків і стовпців у сітці підграфіків (за замовчуванням ",[5256,7646,7647],{},"1, 1",[5201,7649,7650,5336,7653,7656,7657,5336,7659,5336,7662,7665],{},[5256,7651,7652],{},"sharex",[5256,7654,7655],{},"sharey",": спільний масштаб для осей (",[5256,7658,5510],{},[5256,7660,7661],{},"'row'",[5256,7663,7664],{},"'col'","). Дозволяє вирівняти шкали та автоматично приховати дубльовані мітки внутрішніх графіків.",[5201,7667,7668,7671,7672,7674,7675,7677,7678,7681],{},[5256,7669,7670],{},"squeeze",": при значенні ",[5256,7673,5510],{}," повертає один об'єкт ",[5256,7676,5229],{}," (якщо ",[5256,7679,7680],{},"1x1",") або 1D\u002F2D масив NumPy для кількох графіків.",[5201,7683,7684,7686,7687,7690],{},[5256,7685,5583],{},": кортеж ",[5256,7688,7689],{},"(ширина, висота)"," у дюймах для масштабування загального полотна.",[5201,7692,7693,7695,7696,7698,7699,7702],{},[5256,7694,5600],{},": режим автопідгонки елементів (",[5256,7697,5605],{}," або ",[5256,7700,7701],{},"'tight'","), що запобігає перекриттю підписів та заголовків.",[5201,7704,7705,7708,7709,7712,7713,7716],{},[5256,7706,7707],{},"gridspec_kw",": словник параметрів геометрії (зокрема ",[5256,7710,7711],{},"width_ratios"," та ",[5256,7714,7715],{},"height_ratios"," для нерівномірних пропорцій стовпців і рядків).",[5531,7718,7720],{"title":7719},"subplots_variations.ipynb",[5535,7721,7722,8755],{"execution-count":5333},[5290,7723,7725],{"className":5292,"code":7724,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Демонстрація 4 ключових конфігурацій сітки plt.subplots()\nfig = plt.figure(figsize=(14, 8), layout=\"constrained\")\ngs = fig.add_gridspec(2, 2)\n\n# 1. Базовий одинарний графік (1x1)\nax1 = fig.add_subplot(gs[0, 0])\nx = np.linspace(0, 10, 100)\nax1.plot(x, np.sin(x), color=\"#2563EB\", lw=2)\nax1.set_title(\"1. Базовий: plt.subplots(figsize=(6, 4))\", fontsize=11, fontweight=\"bold\")\nax1.set_xlabel(\"x\")\nax1.set_ylabel(\"sin(x)\")\nax1.grid(True, alpha=0.25, ls=\"--\")\n\n# 2. Горизонтальний поділ (nrows=1, ncols=2)\nsub_gs2 = gs[0, 1].subgridspec(1, 2)\nax2_a = fig.add_subplot(sub_gs2[0])\nax2_b = fig.add_subplot(sub_gs2[1])\nax2_a.plot(x, np.cos(x), color=\"#DC2626\", lw=2)\nax2_a.set_title(\"ax1: cos(x)\", fontsize=10)\nax2_a.grid(True, alpha=0.25, ls=\"--\")\nax2_b.plot(x, -np.sin(x), color=\"#16A34A\", lw=2)\nax2_b.set_title(\"ax2: -sin(x)\", fontsize=10)\nax2_b.grid(True, alpha=0.25, ls=\"--\")\nax2_a.figure.text(0.75, 0.96, \"2. Горизонтальний поділ: nrows=1, ncols=2\", \n                  ha=\"center\", fontsize=11, fontweight=\"bold\")\n\n# 3. Сітка 2x2 зі спільними осями (sharex=True, sharey=True)\nsub_gs3 = gs[1, 0].subgridspec(2, 2)\nfor i in range(2):\n    for j in range(2):\n        ax = fig.add_subplot(sub_gs3[i, j])\n        freq = i + j + 1\n        ax.plot(x, np.sin(freq * x), color=\"#7C3AED\", lw=1.5)\n        ax.set_title(f\"freq={freq}\", fontsize=9)\n        ax.grid(True, alpha=0.25, ls=\"--\")\n        if i == 0:\n            ax.tick_params(labelbottom=False)\n        if j == 1:\n            ax.tick_params(labelleft=False)\nax1.figure.text(0.28, 0.47, \"3. Спільні осі: sharex=True, sharey=True\", \n                ha=\"center\", fontsize=11, fontweight=\"bold\")\n\n# 4. Несиметричні пропорції стовпців (width_ratios=[2, 1])\nsub_gs4 = gs[1, 1].subgridspec(1, 2, width_ratios=[2, 1])\nax4_main = fig.add_subplot(sub_gs4[0])\nax4_side = fig.add_subplot(sub_gs4[1])\nax4_main.plot(x, np.exp(-x\u002F4) * np.sin(2*x), color=\"#D97706\", lw=2)\nax4_main.set_title(\"Головний тренд (width_ratios=2)\", fontsize=10)\nax4_main.grid(True, alpha=0.25, ls=\"--\")\nax4_side.hist(np.exp(-x\u002F4) * np.sin(2*x), orientation=\"horizontal\", \n              color=\"#F59E0B\", edgecolor=\"black\", alpha=0.7)\nax4_side.set_title(\"Гістограма (width=1)\", fontsize=10)\nax4_side.grid(True, alpha=0.25, ls=\"--\")\nax1.figure.text(0.75, 0.47, \"4. Пропорції: width_ratios=[2, 1]\", \n                ha=\"center\", fontsize=11, fontweight=\"bold\")\n\nfig.suptitle(\"Варіації архітектури підграфіків: plt.subplots()\", fontsize=14, fontweight=\"bold\", y=1.01)\nplt.show()\n",[5256,7726,7727,7737,7747,7751,7756,7781,7794,7798,7803,7816,7832,7854,7880,7889,7898,7923,7927,7932,7954,7963,7972,7994,8012,8037,8059,8077,8102,8123,8151,8155,8160,8181,8203,8221,8226,8234,8257,8290,8315,8329,8344,8356,8370,8391,8419,8424,8430,8465,8475,8485,8518,8537,8563,8587,8619,8638,8664,8682,8709,8714,8750],{"__ignoreMap":5295},[5299,7728,7729,7731,7733,7735],{"class":5301,"line":5302},[5299,7730,5306],{"class":5305},[5299,7732,5310],{"class":5309},[5299,7734,5313],{"class":5305},[5299,7736,5316],{"class":5309},[5299,7738,7739,7741,7743,7745],{"class":5301,"line":5319},[5299,7740,5306],{"class":5305},[5299,7742,5558],{"class":5309},[5299,7744,5313],{"class":5305},[5299,7746,5563],{"class":5309},[5299,7748,7749],{"class":5301,"line":5326},[5299,7750,5323],{"emptyLinePlaceholder":5322},[5299,7752,7753],{"class":5301,"line":5355},[5299,7754,7755],{"class":5616},"# Демонстрація 4 ключових конфігурацій сітки plt.subplots()\n",[5299,7757,7758,7760,7762,7764,7766,7768,7770,7772,7774,7776,7779],{"class":5301,"line":5448},[5299,7759,6373],{"class":5309},[5299,7761,5583],{"class":5515},[5299,7763,5586],{"class":5309},[5299,7765,7269],{"class":5332},[5299,7767,5336],{"class":5309},[5299,7769,6751],{"class":5332},[5299,7771,5597],{"class":5309},[5299,7773,5600],{"class":5515},[5299,7775,5519],{"class":5309},[5299,7777,7778],{"class":5477},"\"constrained\"",[5299,7780,5481],{"class":5309},[5299,7782,7783,7786,7788,7790,7792],{"class":5301,"line":5527},[5299,7784,7785],{"class":5309},"gs = fig.add_gridspec(",[5299,7787,5389],{"class":5332},[5299,7789,5336],{"class":5309},[5299,7791,5389],{"class":5332},[5299,7793,5481],{"class":5309},[5299,7795,7796],{"class":5301,"line":5620},[5299,7797,5323],{"emptyLinePlaceholder":5322},[5299,7799,7800],{"class":5301,"line":5672},[5299,7801,7802],{"class":5616},"# 1. Базовий одинарний графік (1x1)\n",[5299,7804,7805,7808,7810,7812,7814],{"class":5301,"line":5710},[5299,7806,7807],{"class":5309},"ax1 = fig.add_subplot(gs[",[5299,7809,6427],{"class":5332},[5299,7811,5336],{"class":5309},[5299,7813,6427],{"class":5332},[5299,7815,5352],{"class":5309},[5299,7817,7818,7820,7822,7824,7826,7828,7830],{"class":5301,"line":5729},[5299,7819,6424],{"class":5309},[5299,7821,6427],{"class":5332},[5299,7823,5336],{"class":5309},[5299,7825,5695],{"class":5332},[5299,7827,5336],{"class":5309},[5299,7829,6436],{"class":5332},[5299,7831,5481],{"class":5309},[5299,7833,7834,7837,7839,7841,7844,7846,7848,7850,7852],{"class":5301,"line":5734},[5299,7835,7836],{"class":5309},"ax1.plot(x, np.sin(x), ",[5299,7838,5643],{"class":5515},[5299,7840,5519],{"class":5309},[5299,7842,7843],{"class":5477},"\"#2563EB\"",[5299,7845,5336],{"class":5309},[5299,7847,5663],{"class":5515},[5299,7849,5519],{"class":5309},[5299,7851,5389],{"class":5332},[5299,7853,5481],{"class":5309},[5299,7855,7856,7858,7861,7863,7865,7867,7870,7872,7874,7876,7878],{"class":5301,"line":5740},[5299,7857,5675],{"class":5309},[5299,7859,7860],{"class":5477},"\"1. Базовий: plt.subplots(figsize=(6, 4))\"",[5299,7862,5336],{"class":5309},[5299,7864,5690],{"class":5515},[5299,7866,5519],{"class":5309},[5299,7868,7869],{"class":5332},"11",[5299,7871,5336],{"class":5309},[5299,7873,5700],{"class":5515},[5299,7875,5519],{"class":5309},[5299,7877,6519],{"class":5477},[5299,7879,5481],{"class":5309},[5299,7881,7882,7885,7887],{"class":5301,"line":5765},[5299,7883,7884],{"class":5309},"ax1.set_xlabel(",[5299,7886,7077],{"class":5477},[5299,7888,5481],{"class":5309},[5299,7890,7891,7894,7896],{"class":5301,"line":5790},[5299,7892,7893],{"class":5309},"ax1.set_ylabel(",[5299,7895,6465],{"class":5477},[5299,7897,5481],{"class":5309},[5299,7899,7900,7902,7904,7906,7908,7910,7913,7915,7917,7919,7921],{"class":5301,"line":5822},[5299,7901,5713],{"class":5309},[5299,7903,5510],{"class":5509},[5299,7905,5336],{"class":5309},[5299,7907,5516],{"class":5515},[5299,7909,5519],{"class":5309},[5299,7911,7912],{"class":5332},"0.25",[5299,7914,5336],{"class":5309},[5299,7916,6023],{"class":5515},[5299,7918,5519],{"class":5309},[5299,7920,6598],{"class":5477},[5299,7922,5481],{"class":5309},[5299,7924,7925],{"class":5301,"line":5854},[5299,7926,5323],{"emptyLinePlaceholder":5322},[5299,7928,7929],{"class":5301,"line":5872},[5299,7930,7931],{"class":5616},"# 2. Горизонтальний поділ (nrows=1, ncols=2)\n",[5299,7933,7934,7937,7939,7941,7943,7946,7948,7950,7952],{"class":5301,"line":5877},[5299,7935,7936],{"class":5309},"sub_gs2 = gs[",[5299,7938,6427],{"class":5332},[5299,7940,5336],{"class":5309},[5299,7942,5333],{"class":5332},[5299,7944,7945],{"class":5309},"].subgridspec(",[5299,7947,5333],{"class":5332},[5299,7949,5336],{"class":5309},[5299,7951,5389],{"class":5332},[5299,7953,5481],{"class":5309},[5299,7955,7956,7959,7961],{"class":5301,"line":5883},[5299,7957,7958],{"class":5309},"ax2_a = fig.add_subplot(sub_gs2[",[5299,7960,6427],{"class":5332},[5299,7962,5352],{"class":5309},[5299,7964,7965,7968,7970],{"class":5301,"line":5925},[5299,7966,7967],{"class":5309},"ax2_b = fig.add_subplot(sub_gs2[",[5299,7969,5333],{"class":5332},[5299,7971,5352],{"class":5309},[5299,7973,7974,7977,7979,7981,7984,7986,7988,7990,7992],{"class":5301,"line":5966},[5299,7975,7976],{"class":5309},"ax2_a.plot(x, np.cos(x), ",[5299,7978,5643],{"class":5515},[5299,7980,5519],{"class":5309},[5299,7982,7983],{"class":5477},"\"#DC2626\"",[5299,7985,5336],{"class":5309},[5299,7987,5663],{"class":5515},[5299,7989,5519],{"class":5309},[5299,7991,5389],{"class":5332},[5299,7993,5481],{"class":5309},[5299,7995,7996,7999,8002,8004,8006,8008,8010],{"class":5301,"line":5985},[5299,7997,7998],{"class":5309},"ax2_a.set_title(",[5299,8000,8001],{"class":5477},"\"ax1: cos(x)\"",[5299,8003,5336],{"class":5309},[5299,8005,5690],{"class":5515},[5299,8007,5519],{"class":5309},[5299,8009,5695],{"class":5332},[5299,8011,5481],{"class":5309},[5299,8013,8014,8017,8019,8021,8023,8025,8027,8029,8031,8033,8035],{"class":5301,"line":6004},[5299,8015,8016],{"class":5309},"ax2_a.grid(",[5299,8018,5510],{"class":5509},[5299,8020,5336],{"class":5309},[5299,8022,5516],{"class":5515},[5299,8024,5519],{"class":5309},[5299,8026,7912],{"class":5332},[5299,8028,5336],{"class":5309},[5299,8030,6023],{"class":5515},[5299,8032,5519],{"class":5309},[5299,8034,6598],{"class":5477},[5299,8036,5481],{"class":5309},[5299,8038,8039,8042,8044,8046,8049,8051,8053,8055,8057],{"class":5301,"line":6033},[5299,8040,8041],{"class":5309},"ax2_b.plot(x, -np.sin(x), ",[5299,8043,5643],{"class":5515},[5299,8045,5519],{"class":5309},[5299,8047,8048],{"class":5477},"\"#16A34A\"",[5299,8050,5336],{"class":5309},[5299,8052,5663],{"class":5515},[5299,8054,5519],{"class":5309},[5299,8056,5389],{"class":5332},[5299,8058,5481],{"class":5309},[5299,8060,8061,8064,8067,8069,8071,8073,8075],{"class":5301,"line":6038},[5299,8062,8063],{"class":5309},"ax2_b.set_title(",[5299,8065,8066],{"class":5477},"\"ax2: -sin(x)\"",[5299,8068,5336],{"class":5309},[5299,8070,5690],{"class":5515},[5299,8072,5519],{"class":5309},[5299,8074,5695],{"class":5332},[5299,8076,5481],{"class":5309},[5299,8078,8079,8082,8084,8086,8088,8090,8092,8094,8096,8098,8100],{"class":5301,"line":6066},[5299,8080,8081],{"class":5309},"ax2_b.grid(",[5299,8083,5510],{"class":5509},[5299,8085,5336],{"class":5309},[5299,8087,5516],{"class":5515},[5299,8089,5519],{"class":5309},[5299,8091,7912],{"class":5332},[5299,8093,5336],{"class":5309},[5299,8095,6023],{"class":5515},[5299,8097,5519],{"class":5309},[5299,8099,6598],{"class":5477},[5299,8101,5481],{"class":5309},[5299,8103,8104,8107,8110,8112,8115,8117,8120],{"class":5301,"line":6681},[5299,8105,8106],{"class":5309},"ax2_a.figure.text(",[5299,8108,8109],{"class":5332},"0.75",[5299,8111,5336],{"class":5309},[5299,8113,8114],{"class":5332},"0.96",[5299,8116,5336],{"class":5309},[5299,8118,8119],{"class":5477},"\"2. Горизонтальний поділ: nrows=1, ncols=2\"",[5299,8121,8122],{"class":5309},", \n",[5299,8124,8125,8128,8130,8133,8135,8137,8139,8141,8143,8145,8147,8149],{"class":5301,"line":6714},[5299,8126,8127],{"class":5515},"                  ha",[5299,8129,5519],{"class":5309},[5299,8131,8132],{"class":5477},"\"center\"",[5299,8134,5336],{"class":5309},[5299,8136,5690],{"class":5515},[5299,8138,5519],{"class":5309},[5299,8140,7869],{"class":5332},[5299,8142,5336],{"class":5309},[5299,8144,5700],{"class":5515},[5299,8146,5519],{"class":5309},[5299,8148,6519],{"class":5477},[5299,8150,5481],{"class":5309},[5299,8152,8153],{"class":5301,"line":6719},[5299,8154,5323],{"emptyLinePlaceholder":5322},[5299,8156,8157],{"class":5301,"line":6761},[5299,8158,8159],{"class":5616},"# 3. Сітка 2x2 зі спільними осями (sharex=True, sharey=True)\n",[5299,8161,8162,8165,8167,8169,8171,8173,8175,8177,8179],{"class":5301,"line":6789},[5299,8163,8164],{"class":5309},"sub_gs3 = gs[",[5299,8166,5333],{"class":5332},[5299,8168,5336],{"class":5309},[5299,8170,6427],{"class":5332},[5299,8172,7945],{"class":5309},[5299,8174,5389],{"class":5332},[5299,8176,5336],{"class":5309},[5299,8178,5389],{"class":5332},[5299,8180,5481],{"class":5309},[5299,8182,8183,8186,8189,8192,8196,8198,8200],{"class":5301,"line":6816},[5299,8184,8185],{"class":5305},"for",[5299,8187,8188],{"class":5309}," i ",[5299,8190,8191],{"class":5305},"in",[5299,8193,8195],{"class":8194},"s8Opu"," range",[5299,8197,6693],{"class":5309},[5299,8199,5389],{"class":5332},[5299,8201,8202],{"class":5309},"):\n",[5299,8204,8205,8208,8211,8213,8215,8217,8219],{"class":5301,"line":6821},[5299,8206,8207],{"class":5305},"    for",[5299,8209,8210],{"class":5309}," j ",[5299,8212,8191],{"class":5305},[5299,8214,8195],{"class":8194},[5299,8216,6693],{"class":5309},[5299,8218,5389],{"class":5332},[5299,8220,8202],{"class":5309},[5299,8222,8223],{"class":5301,"line":6863},[5299,8224,8225],{"class":5309},"        ax = fig.add_subplot(sub_gs3[i, j])\n",[5299,8227,8228,8231],{"class":5301,"line":6891},[5299,8229,8230],{"class":5309},"        freq = i + j + ",[5299,8232,8233],{"class":5332},"1\n",[5299,8235,8236,8239,8241,8243,8246,8248,8250,8252,8255],{"class":5301,"line":6918},[5299,8237,8238],{"class":5309},"        ax.plot(x, np.sin(freq * x), ",[5299,8240,5643],{"class":5515},[5299,8242,5519],{"class":5309},[5299,8244,8245],{"class":5477},"\"#7C3AED\"",[5299,8247,5336],{"class":5309},[5299,8249,5663],{"class":5515},[5299,8251,5519],{"class":5309},[5299,8253,8254],{"class":5332},"1.5",[5299,8256,5481],{"class":5309},[5299,8258,8259,8262,8265,8268,8271,8274,8277,8280,8282,8284,8286,8288],{"class":5301,"line":6923},[5299,8260,8261],{"class":5309},"        ax.set_title(",[5299,8263,8264],{"class":5509},"f",[5299,8266,8267],{"class":5477},"\"freq=",[5299,8269,8270],{"class":5509},"{",[5299,8272,8273],{"class":5309},"freq",[5299,8275,8276],{"class":5509},"}",[5299,8278,8279],{"class":5477},"\"",[5299,8281,5336],{"class":5309},[5299,8283,5690],{"class":5515},[5299,8285,5519],{"class":5309},[5299,8287,5344],{"class":5332},[5299,8289,5481],{"class":5309},[5299,8291,8292,8295,8297,8299,8301,8303,8305,8307,8309,8311,8313],{"class":5301,"line":6929},[5299,8293,8294],{"class":5309},"        ax.grid(",[5299,8296,5510],{"class":5509},[5299,8298,5336],{"class":5309},[5299,8300,5516],{"class":5515},[5299,8302,5519],{"class":5309},[5299,8304,7912],{"class":5332},[5299,8306,5336],{"class":5309},[5299,8308,6023],{"class":5515},[5299,8310,5519],{"class":5309},[5299,8312,6598],{"class":5477},[5299,8314,5481],{"class":5309},[5299,8316,8318,8321,8324,8326],{"class":5301,"line":8317},39,[5299,8319,8320],{"class":5305},"        if",[5299,8322,8323],{"class":5309}," i == ",[5299,8325,6427],{"class":5332},[5299,8327,8328],{"class":5309},":\n",[5299,8330,8332,8335,8338,8340,8342],{"class":5301,"line":8331},40,[5299,8333,8334],{"class":5309},"            ax.tick_params(",[5299,8336,8337],{"class":5515},"labelbottom",[5299,8339,5519],{"class":5309},[5299,8341,7452],{"class":5509},[5299,8343,5481],{"class":5309},[5299,8345,8347,8349,8352,8354],{"class":5301,"line":8346},41,[5299,8348,8320],{"class":5305},[5299,8350,8351],{"class":5309}," j == ",[5299,8353,5333],{"class":5332},[5299,8355,8328],{"class":5309},[5299,8357,8359,8361,8364,8366,8368],{"class":5301,"line":8358},42,[5299,8360,8334],{"class":5309},[5299,8362,8363],{"class":5515},"labelleft",[5299,8365,5519],{"class":5309},[5299,8367,7452],{"class":5509},[5299,8369,5481],{"class":5309},[5299,8371,8373,8376,8379,8381,8384,8386,8389],{"class":5301,"line":8372},43,[5299,8374,8375],{"class":5309},"ax1.figure.text(",[5299,8377,8378],{"class":5332},"0.28",[5299,8380,5336],{"class":5309},[5299,8382,8383],{"class":5332},"0.47",[5299,8385,5336],{"class":5309},[5299,8387,8388],{"class":5477},"\"3. Спільні осі: sharex=True, sharey=True\"",[5299,8390,8122],{"class":5309},[5299,8392,8394,8397,8399,8401,8403,8405,8407,8409,8411,8413,8415,8417],{"class":5301,"line":8393},44,[5299,8395,8396],{"class":5515},"                ha",[5299,8398,5519],{"class":5309},[5299,8400,8132],{"class":5477},[5299,8402,5336],{"class":5309},[5299,8404,5690],{"class":5515},[5299,8406,5519],{"class":5309},[5299,8408,7869],{"class":5332},[5299,8410,5336],{"class":5309},[5299,8412,5700],{"class":5515},[5299,8414,5519],{"class":5309},[5299,8416,6519],{"class":5477},[5299,8418,5481],{"class":5309},[5299,8420,8422],{"class":5301,"line":8421},45,[5299,8423,5323],{"emptyLinePlaceholder":5322},[5299,8425,8427],{"class":5301,"line":8426},46,[5299,8428,8429],{"class":5616},"# 4. Несиметричні пропорції стовпців (width_ratios=[2, 1])\n",[5299,8431,8433,8436,8438,8440,8442,8444,8446,8448,8450,8452,8454,8457,8459,8461,8463],{"class":5301,"line":8432},47,[5299,8434,8435],{"class":5309},"sub_gs4 = gs[",[5299,8437,5333],{"class":5332},[5299,8439,5336],{"class":5309},[5299,8441,5333],{"class":5332},[5299,8443,7945],{"class":5309},[5299,8445,5333],{"class":5332},[5299,8447,5336],{"class":5309},[5299,8449,5389],{"class":5332},[5299,8451,5336],{"class":5309},[5299,8453,7711],{"class":5515},[5299,8455,8456],{"class":5309},"=[",[5299,8458,5389],{"class":5332},[5299,8460,5336],{"class":5309},[5299,8462,5333],{"class":5332},[5299,8464,5352],{"class":5309},[5299,8466,8468,8471,8473],{"class":5301,"line":8467},48,[5299,8469,8470],{"class":5309},"ax4_main = fig.add_subplot(sub_gs4[",[5299,8472,6427],{"class":5332},[5299,8474,5352],{"class":5309},[5299,8476,8478,8481,8483],{"class":5301,"line":8477},49,[5299,8479,8480],{"class":5309},"ax4_side = fig.add_subplot(sub_gs4[",[5299,8482,5333],{"class":5332},[5299,8484,5352],{"class":5309},[5299,8486,8488,8491,8493,8496,8498,8501,8503,8505,8508,8510,8512,8514,8516],{"class":5301,"line":8487},50,[5299,8489,8490],{"class":5309},"ax4_main.plot(x, np.exp(-x\u002F",[5299,8492,5339],{"class":5332},[5299,8494,8495],{"class":5309},") * np.sin(",[5299,8497,5389],{"class":5332},[5299,8499,8500],{"class":5309},"*x), ",[5299,8502,5643],{"class":5515},[5299,8504,5519],{"class":5309},[5299,8506,8507],{"class":5477},"\"#D97706\"",[5299,8509,5336],{"class":5309},[5299,8511,5663],{"class":5515},[5299,8513,5519],{"class":5309},[5299,8515,5389],{"class":5332},[5299,8517,5481],{"class":5309},[5299,8519,8521,8524,8527,8529,8531,8533,8535],{"class":5301,"line":8520},51,[5299,8522,8523],{"class":5309},"ax4_main.set_title(",[5299,8525,8526],{"class":5477},"\"Головний тренд (width_ratios=2)\"",[5299,8528,5336],{"class":5309},[5299,8530,5690],{"class":5515},[5299,8532,5519],{"class":5309},[5299,8534,5695],{"class":5332},[5299,8536,5481],{"class":5309},[5299,8538,8540,8543,8545,8547,8549,8551,8553,8555,8557,8559,8561],{"class":5301,"line":8539},52,[5299,8541,8542],{"class":5309},"ax4_main.grid(",[5299,8544,5510],{"class":5509},[5299,8546,5336],{"class":5309},[5299,8548,5516],{"class":5515},[5299,8550,5519],{"class":5309},[5299,8552,7912],{"class":5332},[5299,8554,5336],{"class":5309},[5299,8556,6023],{"class":5515},[5299,8558,5519],{"class":5309},[5299,8560,6598],{"class":5477},[5299,8562,5481],{"class":5309},[5299,8564,8566,8569,8571,8573,8575,8577,8580,8582,8585],{"class":5301,"line":8565},53,[5299,8567,8568],{"class":5309},"ax4_side.hist(np.exp(-x\u002F",[5299,8570,5339],{"class":5332},[5299,8572,8495],{"class":5309},[5299,8574,5389],{"class":5332},[5299,8576,8500],{"class":5309},[5299,8578,8579],{"class":5515},"orientation",[5299,8581,5519],{"class":5309},[5299,8583,8584],{"class":5477},"\"horizontal\"",[5299,8586,8122],{"class":5309},[5299,8588,8590,8593,8595,8598,8600,8603,8605,8608,8610,8612,8614,8617],{"class":5301,"line":8589},54,[5299,8591,8592],{"class":5515},"              color",[5299,8594,5519],{"class":5309},[5299,8596,8597],{"class":5477},"\"#F59E0B\"",[5299,8599,5336],{"class":5309},[5299,8601,8602],{"class":5515},"edgecolor",[5299,8604,5519],{"class":5309},[5299,8606,8607],{"class":5477},"\"black\"",[5299,8609,5336],{"class":5309},[5299,8611,5516],{"class":5515},[5299,8613,5519],{"class":5309},[5299,8615,8616],{"class":5332},"0.7",[5299,8618,5481],{"class":5309},[5299,8620,8622,8625,8628,8630,8632,8634,8636],{"class":5301,"line":8621},55,[5299,8623,8624],{"class":5309},"ax4_side.set_title(",[5299,8626,8627],{"class":5477},"\"Гістограма (width=1)\"",[5299,8629,5336],{"class":5309},[5299,8631,5690],{"class":5515},[5299,8633,5519],{"class":5309},[5299,8635,5695],{"class":5332},[5299,8637,5481],{"class":5309},[5299,8639,8641,8644,8646,8648,8650,8652,8654,8656,8658,8660,8662],{"class":5301,"line":8640},56,[5299,8642,8643],{"class":5309},"ax4_side.grid(",[5299,8645,5510],{"class":5509},[5299,8647,5336],{"class":5309},[5299,8649,5516],{"class":5515},[5299,8651,5519],{"class":5309},[5299,8653,7912],{"class":5332},[5299,8655,5336],{"class":5309},[5299,8657,6023],{"class":5515},[5299,8659,5519],{"class":5309},[5299,8661,6598],{"class":5477},[5299,8663,5481],{"class":5309},[5299,8665,8667,8669,8671,8673,8675,8677,8680],{"class":5301,"line":8666},57,[5299,8668,8375],{"class":5309},[5299,8670,8109],{"class":5332},[5299,8672,5336],{"class":5309},[5299,8674,8383],{"class":5332},[5299,8676,5336],{"class":5309},[5299,8678,8679],{"class":5477},"\"4. Пропорції: width_ratios=[2, 1]\"",[5299,8681,8122],{"class":5309},[5299,8683,8685,8687,8689,8691,8693,8695,8697,8699,8701,8703,8705,8707],{"class":5301,"line":8684},58,[5299,8686,8396],{"class":5515},[5299,8688,5519],{"class":5309},[5299,8690,8132],{"class":5477},[5299,8692,5336],{"class":5309},[5299,8694,5690],{"class":5515},[5299,8696,5519],{"class":5309},[5299,8698,7869],{"class":5332},[5299,8700,5336],{"class":5309},[5299,8702,5700],{"class":5515},[5299,8704,5519],{"class":5309},[5299,8706,6519],{"class":5477},[5299,8708,5481],{"class":5309},[5299,8710,8712],{"class":5301,"line":8711},59,[5299,8713,5323],{"emptyLinePlaceholder":5322},[5299,8715,8717,8719,8722,8724,8726,8728,8730,8732,8734,8736,8738,8740,8743,8745,8748],{"class":5301,"line":8716},60,[5299,8718,6041],{"class":5309},[5299,8720,8721],{"class":5477},"\"Варіації архітектури підграфіків: plt.subplots()\"",[5299,8723,5336],{"class":5309},[5299,8725,5690],{"class":5515},[5299,8727,5519],{"class":5309},[5299,8729,7269],{"class":5332},[5299,8731,5336],{"class":5309},[5299,8733,5700],{"class":5515},[5299,8735,5519],{"class":5309},[5299,8737,6519],{"class":5477},[5299,8739,5336],{"class":5309},[5299,8741,8742],{"class":5515},"y",[5299,8744,5519],{"class":5309},[5299,8746,8747],{"class":5332},"1.01",[5299,8749,5481],{"class":5309},[5299,8751,8753],{"class":5301,"line":8752},61,[5299,8754,5358],{"class":5309},[6070,8756,8757],{"v-slot:output":5295},[6073,8758],{"alt":8759,"className":8760,"src":8761},"Варіації архітектури підграфіків",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F13.png",[5531,8763,8765,8774,9111],{"title":8764},"approaches_comparison.ipynb",[5535,8766,8767,8771],{"type":6324},[5278,8768,8770],{"id":8769},"порівняння-двох-підходів","Порівняння двох підходів",[5252,8772,8773],{},"Побудуємо один і той самий графік обома способами",[5535,8775,8776,9104],{"execution-count":5333},[5290,8777,8779],{"className":5292,"code":8778,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 2*np.pi, 100)\ny1 = np.sin(x)\ny2 = np.cos(x)\n\n# ===== Підхід 1: pyplot (MATLAB-style) =====\nplt.figure(figsize=(12, 5))\n\nplt.subplot(1, 2, 1)  # 1 рядок, 2 стовпці, графік №1\nplt.plot(x, y1, label=\"sin(x)\", color=\"blue\")\nplt.plot(x, y2, label=\"cos(x)\", color=\"red\")\nplt.title(\"Підхід pyplot\")\nplt.xlabel(\"x\")\nplt.ylabel(\"y\")\nplt.legend()\nplt.grid(True, alpha=0.3)\n\n# ===== Підхід 2: OOP API =====\nplt.subplot(1, 2, 2)\nax = plt.gca()  # Отримуємо об'єкт поточної системи координат (Axes)\nax.plot(x, y1, label=\"sin(x)\", color=\"blue\")\nax.plot(x, y2, label=\"cos(x)\", color=\"red\")\nax.set_title(\"Підхід OOP API\")\nax.set_xlabel(\"x\")\nax.set_ylabel(\"y\")\nax.legend()\nax.grid(True, alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5256,8780,8781,8791,8801,8805,8822,8827,8832,8836,8841,8858,8862,8882,8903,8925,8934,8942,8950,8955,8971,8975,8980,8996,9004,9025,9046,9055,9063,9071,9076,9092,9096,9100],{"__ignoreMap":5295},[5299,8782,8783,8785,8787,8789],{"class":5301,"line":5302},[5299,8784,5306],{"class":5305},[5299,8786,5310],{"class":5309},[5299,8788,5313],{"class":5305},[5299,8790,5316],{"class":5309},[5299,8792,8793,8795,8797,8799],{"class":5301,"line":5319},[5299,8794,5306],{"class":5305},[5299,8796,5558],{"class":5309},[5299,8798,5313],{"class":5305},[5299,8800,5563],{"class":5309},[5299,8802,8803],{"class":5301,"line":5326},[5299,8804,5323],{"emptyLinePlaceholder":5322},[5299,8806,8807,8809,8811,8813,8815,8818,8820],{"class":5301,"line":5355},[5299,8808,6424],{"class":5309},[5299,8810,6427],{"class":5332},[5299,8812,5336],{"class":5309},[5299,8814,5389],{"class":5332},[5299,8816,8817],{"class":5309},"*np.pi, ",[5299,8819,6436],{"class":5332},[5299,8821,5481],{"class":5309},[5299,8823,8824],{"class":5301,"line":5448},[5299,8825,8826],{"class":5309},"y1 = np.sin(x)\n",[5299,8828,8829],{"class":5301,"line":5527},[5299,8830,8831],{"class":5309},"y2 = np.cos(x)\n",[5299,8833,8834],{"class":5301,"line":5620},[5299,8835,5323],{"emptyLinePlaceholder":5322},[5299,8837,8838],{"class":5301,"line":5672},[5299,8839,8840],{"class":5616},"# ===== Підхід 1: pyplot (MATLAB-style) =====\n",[5299,8842,8843,8846,8848,8850,8852,8854,8856],{"class":5301,"line":5710},[5299,8844,8845],{"class":5309},"plt.figure(",[5299,8847,5583],{"class":5515},[5299,8849,5586],{"class":5309},[5299,8851,6538],{"class":5332},[5299,8853,5336],{"class":5309},[5299,8855,5403],{"class":5332},[5299,8857,6387],{"class":5309},[5299,8859,8860],{"class":5301,"line":5729},[5299,8861,5323],{"emptyLinePlaceholder":5322},[5299,8863,8864,8867,8869,8871,8873,8875,8877,8879],{"class":5301,"line":5734},[5299,8865,8866],{"class":5309},"plt.subplot(",[5299,8868,5333],{"class":5332},[5299,8870,5336],{"class":5309},[5299,8872,5389],{"class":5332},[5299,8874,5336],{"class":5309},[5299,8876,5333],{"class":5332},[5299,8878,6407],{"class":5309},[5299,8880,8881],{"class":5616},"# 1 рядок, 2 стовпці, графік №1\n",[5299,8883,8884,8887,8889,8891,8893,8895,8897,8899,8901],{"class":5301,"line":5740},[5299,8885,8886],{"class":5309},"plt.plot(x, y1, ",[5299,8888,6460],{"class":5515},[5299,8890,5519],{"class":5309},[5299,8892,6465],{"class":5477},[5299,8894,5336],{"class":5309},[5299,8896,5643],{"class":5515},[5299,8898,5519],{"class":5309},[5299,8900,6474],{"class":5477},[5299,8902,5481],{"class":5309},[5299,8904,8905,8908,8910,8912,8915,8917,8919,8921,8923],{"class":5301,"line":5765},[5299,8906,8907],{"class":5309},"plt.plot(x, y2, ",[5299,8909,6460],{"class":5515},[5299,8911,5519],{"class":5309},[5299,8913,8914],{"class":5477},"\"cos(x)\"",[5299,8916,5336],{"class":5309},[5299,8918,5643],{"class":5515},[5299,8920,5519],{"class":5309},[5299,8922,6666],{"class":5477},[5299,8924,5481],{"class":5309},[5299,8926,8927,8929,8932],{"class":5301,"line":5790},[5299,8928,5474],{"class":5309},[5299,8930,8931],{"class":5477},"\"Підхід pyplot\"",[5299,8933,5481],{"class":5309},[5299,8935,8936,8938,8940],{"class":5301,"line":5822},[5299,8937,5486],{"class":5309},[5299,8939,7077],{"class":5477},[5299,8941,5481],{"class":5309},[5299,8943,8944,8946,8948],{"class":5301,"line":5854},[5299,8945,5496],{"class":5309},[5299,8947,7086],{"class":5477},[5299,8949,5481],{"class":5309},[5299,8951,8952],{"class":5301,"line":5872},[5299,8953,8954],{"class":5309},"plt.legend()\n",[5299,8956,8957,8959,8961,8963,8965,8967,8969],{"class":5301,"line":5877},[5299,8958,5506],{"class":5309},[5299,8960,5510],{"class":5509},[5299,8962,5336],{"class":5309},[5299,8964,5516],{"class":5515},[5299,8966,5519],{"class":5309},[5299,8968,5522],{"class":5332},[5299,8970,5481],{"class":5309},[5299,8972,8973],{"class":5301,"line":5883},[5299,8974,5323],{"emptyLinePlaceholder":5322},[5299,8976,8977],{"class":5301,"line":5925},[5299,8978,8979],{"class":5616},"# ===== Підхід 2: OOP API =====\n",[5299,8981,8982,8984,8986,8988,8990,8992,8994],{"class":5301,"line":5966},[5299,8983,8866],{"class":5309},[5299,8985,5333],{"class":5332},[5299,8987,5336],{"class":5309},[5299,8989,5389],{"class":5332},[5299,8991,5336],{"class":5309},[5299,8993,5389],{"class":5332},[5299,8995,5481],{"class":5309},[5299,8997,8998,9001],{"class":5301,"line":5985},[5299,8999,9000],{"class":5309},"ax = plt.gca()  ",[5299,9002,9003],{"class":5616},"# Отримуємо об'єкт поточної системи координат (Axes)\n",[5299,9005,9006,9009,9011,9013,9015,9017,9019,9021,9023],{"class":5301,"line":6004},[5299,9007,9008],{"class":5309},"ax.plot(x, y1, ",[5299,9010,6460],{"class":5515},[5299,9012,5519],{"class":5309},[5299,9014,6465],{"class":5477},[5299,9016,5336],{"class":5309},[5299,9018,5643],{"class":5515},[5299,9020,5519],{"class":5309},[5299,9022,6474],{"class":5477},[5299,9024,5481],{"class":5309},[5299,9026,9027,9030,9032,9034,9036,9038,9040,9042,9044],{"class":5301,"line":6033},[5299,9028,9029],{"class":5309},"ax.plot(x, y2, ",[5299,9031,6460],{"class":5515},[5299,9033,5519],{"class":5309},[5299,9035,8914],{"class":5477},[5299,9037,5336],{"class":5309},[5299,9039,5643],{"class":5515},[5299,9041,5519],{"class":5309},[5299,9043,6666],{"class":5477},[5299,9045,5481],{"class":5309},[5299,9047,9048,9050,9053],{"class":5301,"line":6038},[5299,9049,6499],{"class":5309},[5299,9051,9052],{"class":5477},"\"Підхід OOP API\"",[5299,9054,5481],{"class":5309},[5299,9056,9057,9059,9061],{"class":5301,"line":6066},[5299,9058,6526],{"class":5309},[5299,9060,7077],{"class":5477},[5299,9062,5481],{"class":5309},[5299,9064,9065,9067,9069],{"class":5301,"line":6681},[5299,9066,6545],{"class":5309},[5299,9068,7086],{"class":5477},[5299,9070,5481],{"class":5309},[5299,9072,9073],{"class":5301,"line":6714},[5299,9074,9075],{"class":5309},"ax.legend()\n",[5299,9077,9078,9080,9082,9084,9086,9088,9090],{"class":5301,"line":6719},[5299,9079,6578],{"class":5309},[5299,9081,5510],{"class":5509},[5299,9083,5336],{"class":5309},[5299,9085,5516],{"class":5515},[5299,9087,5519],{"class":5309},[5299,9089,5522],{"class":5332},[5299,9091,5481],{"class":5309},[5299,9093,9094],{"class":5301,"line":6761},[5299,9095,5323],{"emptyLinePlaceholder":5322},[5299,9097,9098],{"class":5301,"line":6789},[5299,9099,6926],{"class":5309},[5299,9101,9102],{"class":5301,"line":6816},[5299,9103,5358],{"class":5309},[6070,9105,9106],{"v-slot:output":5295},[6073,9107],{"alt":9108,"className":9109,"src":9110},"Порівняння pyplot та OOP",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F04.png",[5535,9112,9113,9116],{"type":6324},[5221,9114,9115],{},"Висновок:"," результат ідентичний, але OOP підхід дає більше контролю і ясності.",[5244,9118],{},[5247,9120,9122],{"id":9121},"побудова-лінійних-графіків","Побудова лінійних графіків",[5252,9124,9125],{},"Лінійні графіки — це фундамент візуалізації. Вони показують, як одна величина змінюється відносно іншої.",[5261,9127,9128],{},[5252,9129,9130,9133,9135],{},[5221,9131,9132],{},"Сюжетна лінія (Етап 2: Відстеження динаміки проєкту):",[5269,9134],{},"\nВаш IT-проєкт розвивається, і від поодиноких запусків ви переходите до регулярного моніторингу метрик. Наприклад, ви щодня фіксуєте показники роботи інфраструктури (температуру серверної, час відгуку бекенду чи денну активність користувачів). Щоб виявити тренд або аномалію, дискретні виміри з'єднують лінією, де кожна точка має своє точне значення.",[5278,9137,9139],{"id":9138},"базовий-лінійний-графік","Базовий лінійний графік",[5531,9141,9143],{"title":9142},"line_plots.ipynb",[5535,9144,9145,9473],{"execution-count":5333},[5290,9146,9148],{"className":5292,"code":9147,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Дані: температура протягом тижня\ndays = np.arange(1, 8)\ntemperature = [18, 22, 25, 23, 20, 19, 21]\n\nfig, ax = plt.subplots(figsize=(8, 5))\n\nax.plot(days, temperature, marker=\"o\", linestyle=\"-\", color=\"orangered\", \n        linewidth=2, markersize=8, label=\"Температура\")\n\nax.set_title(\"Температура протягом тижня\", fontsize=14, fontweight=\"bold\")\nax.set_xlabel(\"День тижня\", fontsize=12)\nax.set_ylabel(\"Температура (°C)\", fontsize=12)\nax.set_xticks(days, labels=[\"Пн\", \"Вт\", \"Ср\", \"Чт\", \"Пт\", \"Сб\", \"Нд\"])\nax.legend(loc=\"upper left\")\nax.grid(True, alpha=0.3, linestyle=\"--\")\n\nplt.tight_layout()\nplt.show()\n",[5256,9149,9150,9160,9170,9174,9179,9192,9232,9236,9252,9256,9288,9316,9320,9345,9362,9379,9424,9437,9461,9465,9469],{"__ignoreMap":5295},[5299,9151,9152,9154,9156,9158],{"class":5301,"line":5302},[5299,9153,5306],{"class":5305},[5299,9155,5310],{"class":5309},[5299,9157,5313],{"class":5305},[5299,9159,5316],{"class":5309},[5299,9161,9162,9164,9166,9168],{"class":5301,"line":5319},[5299,9163,5306],{"class":5305},[5299,9165,5558],{"class":5309},[5299,9167,5313],{"class":5305},[5299,9169,5563],{"class":5309},[5299,9171,9172],{"class":5301,"line":5326},[5299,9173,5323],{"emptyLinePlaceholder":5322},[5299,9175,9176],{"class":5301,"line":5355},[5299,9177,9178],{"class":5616},"# Дані: температура протягом тижня\n",[5299,9180,9181,9184,9186,9188,9190],{"class":5301,"line":5448},[5299,9182,9183],{"class":5309},"days = np.arange(",[5299,9185,5333],{"class":5332},[5299,9187,5336],{"class":5309},[5299,9189,6751],{"class":5332},[5299,9191,5481],{"class":5309},[5299,9193,9194,9197,9200,9202,9205,9207,9210,9212,9215,9217,9220,9222,9225,9227,9230],{"class":5301,"line":5527},[5299,9195,9196],{"class":5309},"temperature = [",[5299,9198,9199],{"class":5332},"18",[5299,9201,5336],{"class":5309},[5299,9203,9204],{"class":5332},"22",[5299,9206,5336],{"class":5309},[5299,9208,9209],{"class":5332},"25",[5299,9211,5336],{"class":5309},[5299,9213,9214],{"class":5332},"23",[5299,9216,5336],{"class":5309},[5299,9218,9219],{"class":5332},"20",[5299,9221,5336],{"class":5309},[5299,9223,9224],{"class":5332},"19",[5299,9226,5336],{"class":5309},[5299,9228,9229],{"class":5332},"21",[5299,9231,5406],{"class":5309},[5299,9233,9234],{"class":5301,"line":5620},[5299,9235,5323],{"emptyLinePlaceholder":5322},[5299,9237,9238,9240,9242,9244,9246,9248,9250],{"class":5301,"line":5672},[5299,9239,7213],{"class":5309},[5299,9241,5583],{"class":5515},[5299,9243,5586],{"class":5309},[5299,9245,6751],{"class":5332},[5299,9247,5336],{"class":5309},[5299,9249,5403],{"class":5332},[5299,9251,6387],{"class":5309},[5299,9253,9254],{"class":5301,"line":5710},[5299,9255,5323],{"emptyLinePlaceholder":5322},[5299,9257,9258,9261,9263,9265,9268,9270,9272,9274,9277,9279,9281,9283,9286],{"class":5301,"line":5729},[5299,9259,9260],{"class":5309},"ax.plot(days, temperature, ",[5299,9262,5653],{"class":5515},[5299,9264,5519],{"class":5309},[5299,9266,9267],{"class":5477},"\"o\"",[5299,9269,5336],{"class":5309},[5299,9271,6593],{"class":5515},[5299,9273,5519],{"class":5309},[5299,9275,9276],{"class":5477},"\"-\"",[5299,9278,5336],{"class":5309},[5299,9280,5643],{"class":5515},[5299,9282,5519],{"class":5309},[5299,9284,9285],{"class":5477},"\"orangered\"",[5299,9287,8122],{"class":5309},[5299,9289,9290,9293,9295,9297,9299,9301,9303,9305,9307,9309,9311,9314],{"class":5301,"line":5734},[5299,9291,9292],{"class":5515},"        linewidth",[5299,9294,5519],{"class":5309},[5299,9296,5389],{"class":5332},[5299,9298,5336],{"class":5309},[5299,9300,5915],{"class":5515},[5299,9302,5519],{"class":5309},[5299,9304,6751],{"class":5332},[5299,9306,5336],{"class":5309},[5299,9308,6460],{"class":5515},[5299,9310,5519],{"class":5309},[5299,9312,9313],{"class":5477},"\"Температура\"",[5299,9315,5481],{"class":5309},[5299,9317,9318],{"class":5301,"line":5740},[5299,9319,5323],{"emptyLinePlaceholder":5322},[5299,9321,9322,9324,9327,9329,9331,9333,9335,9337,9339,9341,9343],{"class":5301,"line":5765},[5299,9323,6499],{"class":5309},[5299,9325,9326],{"class":5477},"\"Температура протягом тижня\"",[5299,9328,5336],{"class":5309},[5299,9330,5690],{"class":5515},[5299,9332,5519],{"class":5309},[5299,9334,7269],{"class":5332},[5299,9336,5336],{"class":5309},[5299,9338,5700],{"class":5515},[5299,9340,5519],{"class":5309},[5299,9342,6519],{"class":5477},[5299,9344,5481],{"class":5309},[5299,9346,9347,9349,9352,9354,9356,9358,9360],{"class":5301,"line":5790},[5299,9348,6526],{"class":5309},[5299,9350,9351],{"class":5477},"\"День тижня\"",[5299,9353,5336],{"class":5309},[5299,9355,5690],{"class":5515},[5299,9357,5519],{"class":5309},[5299,9359,6538],{"class":5332},[5299,9361,5481],{"class":5309},[5299,9363,9364,9366,9369,9371,9373,9375,9377],{"class":5301,"line":5822},[5299,9365,6545],{"class":5309},[5299,9367,9368],{"class":5477},"\"Температура (°C)\"",[5299,9370,5336],{"class":5309},[5299,9372,5690],{"class":5515},[5299,9374,5519],{"class":5309},[5299,9376,6538],{"class":5332},[5299,9378,5481],{"class":5309},[5299,9380,9381,9384,9387,9389,9392,9394,9397,9399,9402,9404,9407,9409,9412,9414,9417,9419,9422],{"class":5301,"line":5854},[5299,9382,9383],{"class":5309},"ax.set_xticks(days, ",[5299,9385,9386],{"class":5515},"labels",[5299,9388,8456],{"class":5309},[5299,9390,9391],{"class":5477},"\"Пн\"",[5299,9393,5336],{"class":5309},[5299,9395,9396],{"class":5477},"\"Вт\"",[5299,9398,5336],{"class":5309},[5299,9400,9401],{"class":5477},"\"Ср\"",[5299,9403,5336],{"class":5309},[5299,9405,9406],{"class":5477},"\"Чт\"",[5299,9408,5336],{"class":5309},[5299,9410,9411],{"class":5477},"\"Пт\"",[5299,9413,5336],{"class":5309},[5299,9415,9416],{"class":5477},"\"Сб\"",[5299,9418,5336],{"class":5309},[5299,9420,9421],{"class":5477},"\"Нд\"",[5299,9423,5352],{"class":5309},[5299,9425,9426,9428,9430,9432,9435],{"class":5301,"line":5872},[5299,9427,6563],{"class":5309},[5299,9429,6566],{"class":5515},[5299,9431,5519],{"class":5309},[5299,9433,9434],{"class":5477},"\"upper left\"",[5299,9436,5481],{"class":5309},[5299,9438,9439,9441,9443,9445,9447,9449,9451,9453,9455,9457,9459],{"class":5301,"line":5877},[5299,9440,6578],{"class":5309},[5299,9442,5510],{"class":5509},[5299,9444,5336],{"class":5309},[5299,9446,5516],{"class":5515},[5299,9448,5519],{"class":5309},[5299,9450,5522],{"class":5332},[5299,9452,5336],{"class":5309},[5299,9454,6593],{"class":5515},[5299,9456,5519],{"class":5309},[5299,9458,6598],{"class":5477},[5299,9460,5481],{"class":5309},[5299,9462,9463],{"class":5301,"line":5883},[5299,9464,5323],{"emptyLinePlaceholder":5322},[5299,9466,9467],{"class":5301,"line":5925},[5299,9468,6926],{"class":5309},[5299,9470,9471],{"class":5301,"line":5966},[5299,9472,5358],{"class":5309},[6070,9474,9475],{"v-slot:output":5295},[6073,9476],{"alt":9477,"className":9478,"src":9479},"Температура протягом тижня",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F05.png",[5278,9481,9483],{"id":9482},"кілька-ліній-на-одному-графіку","Кілька ліній на одному графіку",[5252,9485,9486],{},"Часто потрібно порівняти кілька змінних на одному графіку.",[5261,9488,9489],{},[5252,9490,9491,9494,9496,9497,9500],{},[5221,9492,9493],{},"Сюжетна лінія (Етап 3: Порівняння версій та продуктів):",[5269,9495],{},"\nОдин графік із кількома лініями — це найпростіший спосіб відповісти на ключове питання тімліда чи продуктового менеджера: ",[5273,9498,9499],{},"«Який варіант працює ефективніше?»",". Порівнюючи три продукти чи три версії алгоритму одночасно, ми повинні візуально розрізняти їх не лише кольором, а й геометрією маркерів, щоб графік залишався зрозумілим навіть при чорно-білому друку або слабкому проекторі.",[5531,9502,9504],{"title":9503},"multiple_lines.ipynb",[5535,9505,9506,9904],{"execution-count":5333},[5290,9507,9509],{"className":5292,"code":9508,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Продажі трьох продуктів за 6 місяців\nmonths = [\"Січ\", \"Лют\", \"Бер\", \"Кві\", \"Тра\", \"Чер\"]\nproduct_a = [120, 150, 180, 170, 200, 220]\nproduct_b = [80, 95, 110, 105, 130, 140]\nproduct_c = [200, 190, 185, 180, 175, 170]\n\nfig, ax = plt.subplots(figsize=(10, 6))\n\nax.plot(months, product_a, marker=\"o\", label=\"Продукт A\", linewidth=2)\nax.plot(months, product_b, marker=\"s\", label=\"Продукт B\", linewidth=2)\nax.plot(months, product_c, marker=\"^\", label=\"Продукт C\", linewidth=2)\n\nax.set_title(\"Динаміка продажів за півроку\", fontsize=14, fontweight=\"bold\")\nax.set_xlabel(\"Місяць\", fontsize=12)\nax.set_ylabel(\"Обсяг продажів (тис. грн)\", fontsize=12)\nax.legend(loc=\"best\", fontsize=10)\nax.grid(True, alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5256,9510,9511,9521,9531,9535,9540,9575,9610,9644,9676,9680,9696,9700,9730,9761,9792,9796,9821,9838,9855,9876,9892,9896,9900],{"__ignoreMap":5295},[5299,9512,9513,9515,9517,9519],{"class":5301,"line":5302},[5299,9514,5306],{"class":5305},[5299,9516,5310],{"class":5309},[5299,9518,5313],{"class":5305},[5299,9520,5316],{"class":5309},[5299,9522,9523,9525,9527,9529],{"class":5301,"line":5319},[5299,9524,5306],{"class":5305},[5299,9526,5558],{"class":5309},[5299,9528,5313],{"class":5305},[5299,9530,5563],{"class":5309},[5299,9532,9533],{"class":5301,"line":5326},[5299,9534,5323],{"emptyLinePlaceholder":5322},[5299,9536,9537],{"class":5301,"line":5355},[5299,9538,9539],{"class":5616},"# Продажі трьох продуктів за 6 місяців\n",[5299,9541,9542,9545,9548,9550,9553,9555,9558,9560,9563,9565,9568,9570,9573],{"class":5301,"line":5448},[5299,9543,9544],{"class":5309},"months = [",[5299,9546,9547],{"class":5477},"\"Січ\"",[5299,9549,5336],{"class":5309},[5299,9551,9552],{"class":5477},"\"Лют\"",[5299,9554,5336],{"class":5309},[5299,9556,9557],{"class":5477},"\"Бер\"",[5299,9559,5336],{"class":5309},[5299,9561,9562],{"class":5477},"\"Кві\"",[5299,9564,5336],{"class":5309},[5299,9566,9567],{"class":5477},"\"Тра\"",[5299,9569,5336],{"class":5309},[5299,9571,9572],{"class":5477},"\"Чер\"",[5299,9574,5406],{"class":5309},[5299,9576,9577,9580,9583,9585,9588,9590,9593,9595,9598,9600,9603,9605,9608],{"class":5301,"line":5527},[5299,9578,9579],{"class":5309},"product_a = [",[5299,9581,9582],{"class":5332},"120",[5299,9584,5336],{"class":5309},[5299,9586,9587],{"class":5332},"150",[5299,9589,5336],{"class":5309},[5299,9591,9592],{"class":5332},"180",[5299,9594,5336],{"class":5309},[5299,9596,9597],{"class":5332},"170",[5299,9599,5336],{"class":5309},[5299,9601,9602],{"class":5332},"200",[5299,9604,5336],{"class":5309},[5299,9606,9607],{"class":5332},"220",[5299,9609,5406],{"class":5309},[5299,9611,9612,9615,9618,9620,9622,9624,9627,9629,9632,9634,9637,9639,9642],{"class":5301,"line":5620},[5299,9613,9614],{"class":5309},"product_b = [",[5299,9616,9617],{"class":5332},"80",[5299,9619,5336],{"class":5309},[5299,9621,5434],{"class":5332},[5299,9623,5336],{"class":5309},[5299,9625,9626],{"class":5332},"110",[5299,9628,5336],{"class":5309},[5299,9630,9631],{"class":5332},"105",[5299,9633,5336],{"class":5309},[5299,9635,9636],{"class":5332},"130",[5299,9638,5336],{"class":5309},[5299,9640,9641],{"class":5332},"140",[5299,9643,5406],{"class":5309},[5299,9645,9646,9649,9651,9653,9656,9658,9661,9663,9665,9667,9670,9672,9674],{"class":5301,"line":5672},[5299,9647,9648],{"class":5309},"product_c = [",[5299,9650,9602],{"class":5332},[5299,9652,5336],{"class":5309},[5299,9654,9655],{"class":5332},"190",[5299,9657,5336],{"class":5309},[5299,9659,9660],{"class":5332},"185",[5299,9662,5336],{"class":5309},[5299,9664,9592],{"class":5332},[5299,9666,5336],{"class":5309},[5299,9668,9669],{"class":5332},"175",[5299,9671,5336],{"class":5309},[5299,9673,9597],{"class":5332},[5299,9675,5406],{"class":5309},[5299,9677,9678],{"class":5301,"line":5710},[5299,9679,5323],{"emptyLinePlaceholder":5322},[5299,9681,9682,9684,9686,9688,9690,9692,9694],{"class":5301,"line":5729},[5299,9683,7213],{"class":5309},[5299,9685,5583],{"class":5515},[5299,9687,5586],{"class":5309},[5299,9689,5695],{"class":5332},[5299,9691,5336],{"class":5309},[5299,9693,6384],{"class":5332},[5299,9695,6387],{"class":5309},[5299,9697,9698],{"class":5301,"line":5734},[5299,9699,5323],{"emptyLinePlaceholder":5322},[5299,9701,9702,9705,9707,9709,9711,9713,9715,9717,9720,9722,9724,9726,9728],{"class":5301,"line":5740},[5299,9703,9704],{"class":5309},"ax.plot(months, product_a, ",[5299,9706,5653],{"class":5515},[5299,9708,5519],{"class":5309},[5299,9710,9267],{"class":5477},[5299,9712,5336],{"class":5309},[5299,9714,6460],{"class":5515},[5299,9716,5519],{"class":5309},[5299,9718,9719],{"class":5477},"\"Продукт A\"",[5299,9721,5336],{"class":5309},[5299,9723,6479],{"class":5515},[5299,9725,5519],{"class":5309},[5299,9727,5389],{"class":5332},[5299,9729,5481],{"class":5309},[5299,9731,9732,9735,9737,9739,9742,9744,9746,9748,9751,9753,9755,9757,9759],{"class":5301,"line":5765},[5299,9733,9734],{"class":5309},"ax.plot(months, product_b, ",[5299,9736,5653],{"class":5515},[5299,9738,5519],{"class":5309},[5299,9740,9741],{"class":5477},"\"s\"",[5299,9743,5336],{"class":5309},[5299,9745,6460],{"class":5515},[5299,9747,5519],{"class":5309},[5299,9749,9750],{"class":5477},"\"Продукт B\"",[5299,9752,5336],{"class":5309},[5299,9754,6479],{"class":5515},[5299,9756,5519],{"class":5309},[5299,9758,5389],{"class":5332},[5299,9760,5481],{"class":5309},[5299,9762,9763,9766,9768,9770,9773,9775,9777,9779,9782,9784,9786,9788,9790],{"class":5301,"line":5790},[5299,9764,9765],{"class":5309},"ax.plot(months, product_c, ",[5299,9767,5653],{"class":5515},[5299,9769,5519],{"class":5309},[5299,9771,9772],{"class":5477},"\"^\"",[5299,9774,5336],{"class":5309},[5299,9776,6460],{"class":5515},[5299,9778,5519],{"class":5309},[5299,9780,9781],{"class":5477},"\"Продукт C\"",[5299,9783,5336],{"class":5309},[5299,9785,6479],{"class":5515},[5299,9787,5519],{"class":5309},[5299,9789,5389],{"class":5332},[5299,9791,5481],{"class":5309},[5299,9793,9794],{"class":5301,"line":5822},[5299,9795,5323],{"emptyLinePlaceholder":5322},[5299,9797,9798,9800,9803,9805,9807,9809,9811,9813,9815,9817,9819],{"class":5301,"line":5854},[5299,9799,6499],{"class":5309},[5299,9801,9802],{"class":5477},"\"Динаміка продажів за півроку\"",[5299,9804,5336],{"class":5309},[5299,9806,5690],{"class":5515},[5299,9808,5519],{"class":5309},[5299,9810,7269],{"class":5332},[5299,9812,5336],{"class":5309},[5299,9814,5700],{"class":5515},[5299,9816,5519],{"class":5309},[5299,9818,6519],{"class":5477},[5299,9820,5481],{"class":5309},[5299,9822,9823,9825,9828,9830,9832,9834,9836],{"class":5301,"line":5872},[5299,9824,6526],{"class":5309},[5299,9826,9827],{"class":5477},"\"Місяць\"",[5299,9829,5336],{"class":5309},[5299,9831,5690],{"class":5515},[5299,9833,5519],{"class":5309},[5299,9835,6538],{"class":5332},[5299,9837,5481],{"class":5309},[5299,9839,9840,9842,9845,9847,9849,9851,9853],{"class":5301,"line":5877},[5299,9841,6545],{"class":5309},[5299,9843,9844],{"class":5477},"\"Обсяг продажів (тис. грн)\"",[5299,9846,5336],{"class":5309},[5299,9848,5690],{"class":5515},[5299,9850,5519],{"class":5309},[5299,9852,6538],{"class":5332},[5299,9854,5481],{"class":5309},[5299,9856,9857,9859,9861,9863,9866,9868,9870,9872,9874],{"class":5301,"line":5883},[5299,9858,6563],{"class":5309},[5299,9860,6566],{"class":5515},[5299,9862,5519],{"class":5309},[5299,9864,9865],{"class":5477},"\"best\"",[5299,9867,5336],{"class":5309},[5299,9869,5690],{"class":5515},[5299,9871,5519],{"class":5309},[5299,9873,5695],{"class":5332},[5299,9875,5481],{"class":5309},[5299,9877,9878,9880,9882,9884,9886,9888,9890],{"class":5301,"line":5925},[5299,9879,6578],{"class":5309},[5299,9881,5510],{"class":5509},[5299,9883,5336],{"class":5309},[5299,9885,5516],{"class":5515},[5299,9887,5519],{"class":5309},[5299,9889,5522],{"class":5332},[5299,9891,5481],{"class":5309},[5299,9893,9894],{"class":5301,"line":5966},[5299,9895,5323],{"emptyLinePlaceholder":5322},[5299,9897,9898],{"class":5301,"line":5985},[5299,9899,6926],{"class":5309},[5299,9901,9902],{"class":5301,"line":6004},[5299,9903,5358],{"class":5309},[6070,9905,9906],{"v-slot:output":5295},[6073,9907],{"alt":9908,"className":9909,"src":9910},"Динаміка продажів трьох продуктів",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F06.png",[6940,9912,9913,9918,10029],{},[5252,9914,9915],{},[5221,9916,9917],{},"Вибір маркерів та стилів ліній:",[9919,9920,9921,9940],"table",{},[9922,9923,9924],"thead",{},[9925,9926,9927,9932,9935,9938],"tr",{},[9928,9929,9931],"th",{"align":9930},"left","Маркер",[9928,9933,9934],{"align":9930},"Символ",[9928,9936,9937],{"align":9930},"Лінія",[9928,9939,9934],{"align":9930},[9941,9942,9943,9960,9976,9993,10011],"tbody",{},[9925,9944,9945,9949,9953,9956],{},[9946,9947,9948],"td",{"align":9930},"Коло",[9946,9950,9951],{"align":9930},[5256,9952,9267],{},[9946,9954,9955],{"align":9930},"Суцільна",[9946,9957,9958],{"align":9930},[5256,9959,9276],{},[9925,9961,9962,9965,9969,9972],{},[9946,9963,9964],{"align":9930},"Квадрат",[9946,9966,9967],{"align":9930},[5256,9968,9741],{},[9946,9970,9971],{"align":9930},"Пунктирна",[9946,9973,9974],{"align":9930},[5256,9975,6598],{},[9925,9977,9978,9981,9985,9988],{},[9946,9979,9980],{"align":9930},"Трикутник вгору",[9946,9982,9983],{"align":9930},[5256,9984,9772],{},[9946,9986,9987],{"align":9930},"Штрих-пунктир",[9946,9989,9990],{"align":9930},[5256,9991,9992],{},"\"-.\"",[9925,9994,9995,9998,10003,10006],{},[9946,9996,9997],{"align":9930},"Трикутник вниз",[9946,9999,10000],{"align":9930},[5256,10001,10002],{},"\"v\"",[9946,10004,10005],{"align":9930},"Точки",[9946,10007,10008],{"align":9930},[5256,10009,10010],{},"\":\"",[9925,10012,10013,10016,10021,10024],{},[9946,10014,10015],{"align":9930},"Ромб",[9946,10017,10018],{"align":9930},[5256,10019,10020],{},"\"D\"",[9946,10022,10023],{"align":9930},"Без лінії",[9946,10025,10026],{"align":9930},[5256,10027,10028],{},"\"\"",[5252,10030,10031,10032,10035,10036,10039,10040],{},"Комбінуйте: ",[5256,10033,10034],{},"marker=\"o\""," + ",[5256,10037,10038],{},"linestyle=\"--\""," або коротко: ",[5256,10041,10042],{},"\"o--\"",[5278,10044,10046],{"id":10045},"сигнатура-методу-axplot-та-розширені-варіації-параметрів","Сигнатура методу ax.plot() та розширені варіації параметрів",[5252,10048,10049,10050,10053,10054,6989],{},"Метод ",[5256,10051,10052],{},"ax.plot()"," є базовим інструментом візуалізації одновимірних і двовимірних послідовностей. Він повертає список створених об'єктів ",[5256,10055,10056],{},"matplotlib.lines.Line2D",[5290,10058,10061],{"className":5292,"code":10059,"filename":10060,"language":5294,"meta":5295,"style":5295},"Axes.plot(\n    *args: Any,  # [x], y, [fmt]\n    scalex: bool = True,\n    scaley: bool = True,\n    data: Any | None = None,\n    color: str | tuple | None = None,\n    linestyle: str | tuple | None = None,\n    linewidth: float | None = None,\n    marker: str | None = None,\n    markersize: float | None = None,\n    markeredgecolor: str | tuple | None = None,\n    markerfacecolor: str | tuple | None = None,\n    markeredgewidth: float | None = None,\n    alpha: float | None = None,\n    label: str | None = None,\n    drawstyle: str = \"default\",\n    zorder: float | None = None,\n    **kwargs\n) -> list[Line2D]\n","Сигнатура ax.plot",[5256,10062,10063,10068,10076,10089,10102,10115,10137,10158,10175,10192,10209,10230,10251,10268,10285,10302,10316,10333,10338],{"__ignoreMap":5295},[5299,10064,10065],{"class":5301,"line":5302},[5299,10066,10067],{"class":5309},"Axes.plot(\n",[5299,10069,10070,10073],{"class":5301,"line":5319},[5299,10071,10072],{"class":5309},"    *args: Any,  ",[5299,10074,10075],{"class":5616},"# [x], y, [fmt]\n",[5299,10077,10078,10081,10083,10085,10087],{"class":5301,"line":5326},[5299,10079,10080],{"class":5309},"    scalex: ",[5299,10082,7441],{"class":5515},[5299,10084,6953],{"class":5309},[5299,10086,5510],{"class":5509},[5299,10088,6678],{"class":5309},[5299,10090,10091,10094,10096,10098,10100],{"class":5301,"line":5355},[5299,10092,10093],{"class":5309},"    scaley: ",[5299,10095,7441],{"class":5515},[5299,10097,6953],{"class":5309},[5299,10099,5510],{"class":5509},[5299,10101,6678],{"class":5309},[5299,10103,10104,10107,10109,10111,10113],{"class":5301,"line":5448},[5299,10105,10106],{"class":5309},"    data: Any | ",[5299,10108,7498],{"class":5515},[5299,10110,6953],{"class":5309},[5299,10112,7498],{"class":5509},[5299,10114,6678],{"class":5309},[5299,10116,10117,10120,10122,10124,10127,10129,10131,10133,10135],{"class":5301,"line":5527},[5299,10118,10119],{"class":5309},"    color: ",[5299,10121,7447],{"class":6689},[5299,10123,7444],{"class":5309},[5299,10125,10126],{"class":6689},"tuple",[5299,10128,7444],{"class":5309},[5299,10130,7498],{"class":5515},[5299,10132,6953],{"class":5309},[5299,10134,7498],{"class":5509},[5299,10136,6678],{"class":5309},[5299,10138,10139,10142,10144,10146,10148,10150,10152,10154,10156],{"class":5301,"line":5620},[5299,10140,10141],{"class":5309},"    linestyle: ",[5299,10143,7447],{"class":6689},[5299,10145,7444],{"class":5309},[5299,10147,10126],{"class":6689},[5299,10149,7444],{"class":5309},[5299,10151,7498],{"class":5515},[5299,10153,6953],{"class":5309},[5299,10155,7498],{"class":5509},[5299,10157,6678],{"class":5309},[5299,10159,10160,10163,10165,10167,10169,10171,10173],{"class":5301,"line":5672},[5299,10161,10162],{"class":5309},"    linewidth: ",[5299,10164,7492],{"class":6689},[5299,10166,7444],{"class":5309},[5299,10168,7498],{"class":5515},[5299,10170,6953],{"class":5309},[5299,10172,7498],{"class":5509},[5299,10174,6678],{"class":5309},[5299,10176,10177,10180,10182,10184,10186,10188,10190],{"class":5301,"line":5710},[5299,10178,10179],{"class":5309},"    marker: ",[5299,10181,7447],{"class":6689},[5299,10183,7444],{"class":5309},[5299,10185,7498],{"class":5515},[5299,10187,6953],{"class":5309},[5299,10189,7498],{"class":5509},[5299,10191,6678],{"class":5309},[5299,10193,10194,10197,10199,10201,10203,10205,10207],{"class":5301,"line":5729},[5299,10195,10196],{"class":5309},"    markersize: ",[5299,10198,7492],{"class":6689},[5299,10200,7444],{"class":5309},[5299,10202,7498],{"class":5515},[5299,10204,6953],{"class":5309},[5299,10206,7498],{"class":5509},[5299,10208,6678],{"class":5309},[5299,10210,10211,10214,10216,10218,10220,10222,10224,10226,10228],{"class":5301,"line":5734},[5299,10212,10213],{"class":5309},"    markeredgecolor: ",[5299,10215,7447],{"class":6689},[5299,10217,7444],{"class":5309},[5299,10219,10126],{"class":6689},[5299,10221,7444],{"class":5309},[5299,10223,7498],{"class":5515},[5299,10225,6953],{"class":5309},[5299,10227,7498],{"class":5509},[5299,10229,6678],{"class":5309},[5299,10231,10232,10235,10237,10239,10241,10243,10245,10247,10249],{"class":5301,"line":5740},[5299,10233,10234],{"class":5309},"    markerfacecolor: ",[5299,10236,7447],{"class":6689},[5299,10238,7444],{"class":5309},[5299,10240,10126],{"class":6689},[5299,10242,7444],{"class":5309},[5299,10244,7498],{"class":5515},[5299,10246,6953],{"class":5309},[5299,10248,7498],{"class":5509},[5299,10250,6678],{"class":5309},[5299,10252,10253,10256,10258,10260,10262,10264,10266],{"class":5301,"line":5765},[5299,10254,10255],{"class":5309},"    markeredgewidth: ",[5299,10257,7492],{"class":6689},[5299,10259,7444],{"class":5309},[5299,10261,7498],{"class":5515},[5299,10263,6953],{"class":5309},[5299,10265,7498],{"class":5509},[5299,10267,6678],{"class":5309},[5299,10269,10270,10273,10275,10277,10279,10281,10283],{"class":5301,"line":5790},[5299,10271,10272],{"class":5309},"    alpha: ",[5299,10274,7492],{"class":6689},[5299,10276,7444],{"class":5309},[5299,10278,7498],{"class":5515},[5299,10280,6953],{"class":5309},[5299,10282,7498],{"class":5509},[5299,10284,6678],{"class":5309},[5299,10286,10287,10290,10292,10294,10296,10298,10300],{"class":5301,"line":5822},[5299,10288,10289],{"class":5309},"    label: ",[5299,10291,7447],{"class":6689},[5299,10293,7444],{"class":5309},[5299,10295,7498],{"class":5515},[5299,10297,6953],{"class":5309},[5299,10299,7498],{"class":5509},[5299,10301,6678],{"class":5309},[5299,10303,10304,10307,10309,10311,10314],{"class":5301,"line":5854},[5299,10305,10306],{"class":5309},"    drawstyle: ",[5299,10308,7447],{"class":5515},[5299,10310,6953],{"class":5309},[5299,10312,10313],{"class":5477},"\"default\"",[5299,10315,6678],{"class":5309},[5299,10317,10318,10321,10323,10325,10327,10329,10331],{"class":5301,"line":5872},[5299,10319,10320],{"class":5309},"    zorder: ",[5299,10322,7492],{"class":6689},[5299,10324,7444],{"class":5309},[5299,10326,7498],{"class":5515},[5299,10328,6953],{"class":5309},[5299,10330,7498],{"class":5509},[5299,10332,6678],{"class":5309},[5299,10334,10335],{"class":5301,"line":5877},[5299,10336,10337],{"class":5309},"    **kwargs\n",[5299,10339,10340,10342,10344],{"class":5301,"line":5883},[5299,10341,7621],{"class":5309},[5299,10343,7625],{"class":7624},[5299,10345,10346],{"class":5309}," list[Line2D]\n",[5252,10348,10349],{},[5221,10350,10351],{},"Аналіз ключових параметрів:",[5198,10353,10354,10367,10377,10396,10408,10427,10443,10456],{},[5201,10355,10356,10359,10360,10363,10364,6989],{},[5256,10357,10358],{},"[x], y",": числові масиви або послідовності координат. Якщо ",[5256,10361,10362],{},"x"," опущено, Matplotlib генерує індекси ",[5256,10365,10366],{},"0, 1, ..., N-1",[5201,10368,10369,10372,10373,10376],{},[5256,10370,10371],{},"fmt",": компактний рядковий формат синтаксису MATLAB, що об'єднує колір, тип лінії та маркер в один рядок (наприклад, ",[5256,10374,10375],{},"'r--o'"," — червона пунктирна лінія з круглими маркерами).",[5201,10378,10379,7370,10381,10383,10384,5336,10387,5336,10389,5336,10392,10395],{},[5256,10380,6593],{},[5256,10382,6023],{},"): тип накреслення лінії (",[5256,10385,10386],{},"'-'",[5256,10388,6028],{},[5256,10390,10391],{},"'-.'",[5256,10393,10394],{},"':'",", або кастомні кортежі штрихів).",[5201,10397,10398,7370,10400,10402,10403,10405,10406,6184],{},[5256,10399,6479],{},[5256,10401,5663],{},"): товщина лінії в пунктах (типово ",[5256,10404,8254],{},"–",[5256,10407,5910],{},[5201,10409,10410,10412,10413,5336,10415,5336,10417,5336,10420,5336,10423,10426],{},[5256,10411,5653],{},": форма вузлових точок (",[5256,10414,5658],{},[5256,10416,5809],{},[5256,10418,10419],{},"'^'",[5256,10421,10422],{},"'D'",[5256,10424,10425],{},"'*'"," тощо).",[5201,10428,10429,7370,10432,10435,10436,7370,10439,10442],{},[5256,10430,10431],{},"markerfacecolor",[5256,10433,10434],{},"mfc",") та ",[5256,10437,10438],{},"markeredgecolor",[5256,10440,10441],{},"mec","): роздільний колір заливки та контуру маркера.",[5201,10444,10445,10447,10448,10451,10452,10455],{},[5256,10446,5516],{},": коефіцієнт непрозорості від ",[5256,10449,10450],{},"0.0"," (повністю прозорий) до ",[5256,10453,10454],{},"1.0"," (непрозорий).",[5201,10457,10458,10461,10462,10465,10466,5336,10469,5336,10472,10475],{},[5256,10459,10460],{},"drawstyle",": алгоритм з'єднання точок (",[5256,10463,10464],{},"'default'"," — лінійна інтерполяція; ",[5256,10467,10468],{},"'steps-pre'",[5256,10470,10471],{},"'steps-mid'",[5256,10473,10474],{},"'steps-post'"," — сходинкова інтерполяція для дискретних процесів).",[5531,10477,10479],{"title":10478},"plot_signature_variations.ipynb",[5535,10480,10481,11793],{"execution-count":5333},[5290,10482,10484],{"className":5292,"code":10483,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, axes = plt.subplots(2, 2, figsize=(14, 9), layout=\"constrained\")\nx = np.linspace(0, 5, 20)\n\n# 1. Варіації стилів ліній (linestyle, linewidth)\nax = axes[0, 0]\nstyles = [\n    (\"Суцільна ('-')\", \"-\", 2.5, \"#2563EB\"),\n    (\"Пунктирна ('--')\", \"--\", 2.0, \"#DC2626\"),\n    (\"Штрих-пунктир ('-.')\", \"-.\", 2.0, \"#059669\"),\n    (\"Точкова (':')\", \":\", 2.5, \"#7C3AED\"),\n    (\"Кастомні штрихи\", (0, (5, 2, 1, 2)), 2.0, \"#D97706\")\n]\nfor idx, (label, ls, lw, c) in enumerate(styles):\n    ax.plot(x, np.sin(x) + idx * 0.8, linestyle=ls, linewidth=lw, color=c, label=label)\nax.set_title(\"1. Стилі та товщина ліній (linestyle, linewidth)\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"upper right\", fontsize=8.5, framealpha=0.9)\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 2. Варіації маркерів (marker, markersize, colors)\nax = axes[0, 1]\nmarkers = [\n    (\"Коло ('o')\", \"o\", \"#2563EB\", \"#93C5FD\"),\n    (\"Квадрат ('s')\", \"s\", \"#DC2626\", \"#FCA5A5\"),\n    (\"Трикутник ('^')\", \"^\", \"#059669\", \"#6EE7B7\"),\n    (\"Ромб ('D')\", \"D\", \"#7C3AED\", \"#C4B5FD\"),\n    (\"Зірка ('*')\", \"*\", \"#D97706\", \"#FDE68A\")\n]\nfor idx, (label, m, mec, mfc) in enumerate(markers):\n    ax.plot(x, np.cos(x) + idx * 0.8, marker=m, markersize=8, markeredgecolor=mec,\n            markeredgewidth=1.5, markerfacecolor=mfc, linestyle=\"-\", lw=1.2, \n            color=mec, label=label)\nax.set_title(\"2. Маркери точок (marker, facecolor, edgecolor)\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"upper right\", fontsize=8.5, framealpha=0.9)\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 3. Варіації drawstyle (дискретні сходинки vs згладжування)\nax = axes[1, 0]\nxd = np.arange(0, 8)\nyd = np.array([1, 3, 2, 5, 4, 6, 5, 7])\nax.plot(xd, yd, drawstyle=\"default\", marker=\"o\", color=\"#2563EB\", lw=2, label=\"default (лінійна інтерполяція)\")\nax.plot(xd, yd - 1.5, drawstyle=\"steps-pre\", marker=\"s\", color=\"#DC2626\", lw=2, label=\"steps-pre (зміна перед кроком)\")\nax.plot(xd, yd - 3.0, drawstyle=\"steps-mid\", marker=\"^\", color=\"#059669\", lw=2, label=\"steps-mid (зміна по центру)\")\nax.plot(xd, yd - 4.5, drawstyle=\"steps-post\", marker=\"D\", color=\"#7C3AED\", lw=2, label=\"steps-post (зміна після кроку)\")\nax.set_title(\"3. Стилі з'єднання точок (drawstyle)\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"lower left\", fontsize=8.5, framealpha=0.9)\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 4. Короткий строковий запис fmt ('r--o', 'b:^', 'g-.*')\nax = axes[1, 1]\nxf = np.linspace(0, 4, 15)\nax.plot(xf, xf**0.5, \"r--o\", lw=2, markersize=6, label=\"'r--o' (червоний, пунктир, коло)\")\nax.plot(xf, xf**1.0, \"b-s\", lw=2, markersize=6, label=\"'b-s' (синій, суцільний, квадрат)\")\nax.plot(xf, xf**1.5, \"g-.^\", lw=2, markersize=6, label=\"'g-.^' (зелений, штрих-пунктир, трикутник)\")\nax.plot(xf, xf**2.0, \"m:D\", lw=2, markersize=6, label=\"'m:D' (маджента, точки, ромб)\")\nax.set_title(\"4. Скорочений формат виклику fmt: '[колір][лінія][маркер]'\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"upper left\", fontsize=8.5, framealpha=0.9)\nax.grid(True, alpha=0.25, ls=\"--\")\n\nfig.suptitle(\"Параметричні варіації методу ax.plot()\", fontsize=14, fontweight=\"bold\")\nplt.show()\n",[5256,10485,10486,10496,10506,10510,10543,10559,10563,10568,10581,10586,10608,10630,10652,10673,10712,10716,10731,10760,10785,10815,10839,10843,10848,10860,10865,10887,10909,10931,10953,10976,10980,10994,11021,11054,11066,11091,11119,11143,11147,11152,11164,11177,11214,11260,11311,11362,11412,11437,11466,11490,11494,11499,11511,11528,11567,11605,11643,11681,11706,11734,11758,11762,11788],{"__ignoreMap":5295},[5299,10487,10488,10490,10492,10494],{"class":5301,"line":5302},[5299,10489,5306],{"class":5305},[5299,10491,5310],{"class":5309},[5299,10493,5313],{"class":5305},[5299,10495,5316],{"class":5309},[5299,10497,10498,10500,10502,10504],{"class":5301,"line":5319},[5299,10499,5306],{"class":5305},[5299,10501,5558],{"class":5309},[5299,10503,5313],{"class":5305},[5299,10505,5563],{"class":5309},[5299,10507,10508],{"class":5301,"line":5326},[5299,10509,5323],{"emptyLinePlaceholder":5322},[5299,10511,10512,10515,10517,10519,10521,10523,10525,10527,10529,10531,10533,10535,10537,10539,10541],{"class":5301,"line":5355},[5299,10513,10514],{"class":5309},"fig, axes = plt.subplots(",[5299,10516,5389],{"class":5332},[5299,10518,5336],{"class":5309},[5299,10520,5389],{"class":5332},[5299,10522,5336],{"class":5309},[5299,10524,5583],{"class":5515},[5299,10526,5586],{"class":5309},[5299,10528,7269],{"class":5332},[5299,10530,5336],{"class":5309},[5299,10532,5344],{"class":5332},[5299,10534,5597],{"class":5309},[5299,10536,5600],{"class":5515},[5299,10538,5519],{"class":5309},[5299,10540,7778],{"class":5477},[5299,10542,5481],{"class":5309},[5299,10544,10545,10547,10549,10551,10553,10555,10557],{"class":5301,"line":5448},[5299,10546,6424],{"class":5309},[5299,10548,6427],{"class":5332},[5299,10550,5336],{"class":5309},[5299,10552,5403],{"class":5332},[5299,10554,5336],{"class":5309},[5299,10556,9219],{"class":5332},[5299,10558,5481],{"class":5309},[5299,10560,10561],{"class":5301,"line":5527},[5299,10562,5323],{"emptyLinePlaceholder":5322},[5299,10564,10565],{"class":5301,"line":5620},[5299,10566,10567],{"class":5616},"# 1. Варіації стилів ліній (linestyle, linewidth)\n",[5299,10569,10570,10573,10575,10577,10579],{"class":5301,"line":5672},[5299,10571,10572],{"class":5309},"ax = axes[",[5299,10574,6427],{"class":5332},[5299,10576,5336],{"class":5309},[5299,10578,6427],{"class":5332},[5299,10580,5406],{"class":5309},[5299,10582,10583],{"class":5301,"line":5710},[5299,10584,10585],{"class":5309},"styles = [\n",[5299,10587,10588,10591,10594,10596,10598,10600,10602,10604,10606],{"class":5301,"line":5729},[5299,10589,10590],{"class":5309},"    (",[5299,10592,10593],{"class":5477},"\"Суцільна ('-')\"",[5299,10595,5336],{"class":5309},[5299,10597,9276],{"class":5477},[5299,10599,5336],{"class":5309},[5299,10601,5910],{"class":5332},[5299,10603,5336],{"class":5309},[5299,10605,7843],{"class":5477},[5299,10607,6648],{"class":5309},[5299,10609,10610,10612,10615,10617,10619,10621,10624,10626,10628],{"class":5301,"line":5734},[5299,10611,10590],{"class":5309},[5299,10613,10614],{"class":5477},"\"Пунктирна ('--')\"",[5299,10616,5336],{"class":5309},[5299,10618,6598],{"class":5477},[5299,10620,5336],{"class":5309},[5299,10622,10623],{"class":5332},"2.0",[5299,10625,5336],{"class":5309},[5299,10627,7983],{"class":5477},[5299,10629,6648],{"class":5309},[5299,10631,10632,10634,10637,10639,10641,10643,10645,10647,10650],{"class":5301,"line":5740},[5299,10633,10590],{"class":5309},[5299,10635,10636],{"class":5477},"\"Штрих-пунктир ('-.')\"",[5299,10638,5336],{"class":5309},[5299,10640,9992],{"class":5477},[5299,10642,5336],{"class":5309},[5299,10644,10623],{"class":5332},[5299,10646,5336],{"class":5309},[5299,10648,10649],{"class":5477},"\"#059669\"",[5299,10651,6648],{"class":5309},[5299,10653,10654,10656,10659,10661,10663,10665,10667,10669,10671],{"class":5301,"line":5765},[5299,10655,10590],{"class":5309},[5299,10657,10658],{"class":5477},"\"Точкова (':')\"",[5299,10660,5336],{"class":5309},[5299,10662,10010],{"class":5477},[5299,10664,5336],{"class":5309},[5299,10666,5910],{"class":5332},[5299,10668,5336],{"class":5309},[5299,10670,8245],{"class":5477},[5299,10672,6648],{"class":5309},[5299,10674,10675,10677,10680,10683,10685,10687,10689,10691,10693,10695,10697,10699,10701,10704,10706,10708,10710],{"class":5301,"line":5790},[5299,10676,10590],{"class":5309},[5299,10678,10679],{"class":5477},"\"Кастомні штрихи\"",[5299,10681,10682],{"class":5309},", (",[5299,10684,6427],{"class":5332},[5299,10686,10682],{"class":5309},[5299,10688,5403],{"class":5332},[5299,10690,5336],{"class":5309},[5299,10692,5389],{"class":5332},[5299,10694,5336],{"class":5309},[5299,10696,5333],{"class":5332},[5299,10698,5336],{"class":5309},[5299,10700,5389],{"class":5332},[5299,10702,10703],{"class":5309},")), ",[5299,10705,10623],{"class":5332},[5299,10707,5336],{"class":5309},[5299,10709,8507],{"class":5477},[5299,10711,5481],{"class":5309},[5299,10713,10714],{"class":5301,"line":5822},[5299,10715,5406],{"class":5309},[5299,10717,10718,10720,10723,10725,10728],{"class":5301,"line":5854},[5299,10719,8185],{"class":5305},[5299,10721,10722],{"class":5309}," idx, (label, ls, lw, c) ",[5299,10724,8191],{"class":5305},[5299,10726,10727],{"class":8194}," enumerate",[5299,10729,10730],{"class":5309},"(styles):\n",[5299,10732,10733,10736,10738,10740,10742,10745,10747,10750,10752,10755,10757],{"class":5301,"line":5872},[5299,10734,10735],{"class":5309},"    ax.plot(x, np.sin(x) + idx * ",[5299,10737,6631],{"class":5332},[5299,10739,5336],{"class":5309},[5299,10741,6593],{"class":5515},[5299,10743,10744],{"class":5309},"=ls, ",[5299,10746,6479],{"class":5515},[5299,10748,10749],{"class":5309},"=lw, ",[5299,10751,5643],{"class":5515},[5299,10753,10754],{"class":5309},"=c, ",[5299,10756,6460],{"class":5515},[5299,10758,10759],{"class":5309},"=label)\n",[5299,10761,10762,10764,10767,10769,10771,10773,10775,10777,10779,10781,10783],{"class":5301,"line":5877},[5299,10763,6499],{"class":5309},[5299,10765,10766],{"class":5477},"\"1. Стилі та товщина ліній (linestyle, linewidth)\"",[5299,10768,5336],{"class":5309},[5299,10770,5690],{"class":5515},[5299,10772,5519],{"class":5309},[5299,10774,7869],{"class":5332},[5299,10776,5336],{"class":5309},[5299,10778,5700],{"class":5515},[5299,10780,5519],{"class":5309},[5299,10782,6519],{"class":5477},[5299,10784,5481],{"class":5309},[5299,10786,10787,10789,10791,10793,10795,10797,10799,10801,10804,10806,10809,10811,10813],{"class":5301,"line":5883},[5299,10788,6563],{"class":5309},[5299,10790,6566],{"class":5515},[5299,10792,5519],{"class":5309},[5299,10794,6571],{"class":5477},[5299,10796,5336],{"class":5309},[5299,10798,5690],{"class":5515},[5299,10800,5519],{"class":5309},[5299,10802,10803],{"class":5332},"8.5",[5299,10805,5336],{"class":5309},[5299,10807,10808],{"class":5515},"framealpha",[5299,10810,5519],{"class":5309},[5299,10812,6645],{"class":5332},[5299,10814,5481],{"class":5309},[5299,10816,10817,10819,10821,10823,10825,10827,10829,10831,10833,10835,10837],{"class":5301,"line":5925},[5299,10818,6578],{"class":5309},[5299,10820,5510],{"class":5509},[5299,10822,5336],{"class":5309},[5299,10824,5516],{"class":5515},[5299,10826,5519],{"class":5309},[5299,10828,7912],{"class":5332},[5299,10830,5336],{"class":5309},[5299,10832,6023],{"class":5515},[5299,10834,5519],{"class":5309},[5299,10836,6598],{"class":5477},[5299,10838,5481],{"class":5309},[5299,10840,10841],{"class":5301,"line":5966},[5299,10842,5323],{"emptyLinePlaceholder":5322},[5299,10844,10845],{"class":5301,"line":5985},[5299,10846,10847],{"class":5616},"# 2. Варіації маркерів (marker, markersize, colors)\n",[5299,10849,10850,10852,10854,10856,10858],{"class":5301,"line":6004},[5299,10851,10572],{"class":5309},[5299,10853,6427],{"class":5332},[5299,10855,5336],{"class":5309},[5299,10857,5333],{"class":5332},[5299,10859,5406],{"class":5309},[5299,10861,10862],{"class":5301,"line":6033},[5299,10863,10864],{"class":5309},"markers = [\n",[5299,10866,10867,10869,10872,10874,10876,10878,10880,10882,10885],{"class":5301,"line":6038},[5299,10868,10590],{"class":5309},[5299,10870,10871],{"class":5477},"\"Коло ('o')\"",[5299,10873,5336],{"class":5309},[5299,10875,9267],{"class":5477},[5299,10877,5336],{"class":5309},[5299,10879,7843],{"class":5477},[5299,10881,5336],{"class":5309},[5299,10883,10884],{"class":5477},"\"#93C5FD\"",[5299,10886,6648],{"class":5309},[5299,10888,10889,10891,10894,10896,10898,10900,10902,10904,10907],{"class":5301,"line":6066},[5299,10890,10590],{"class":5309},[5299,10892,10893],{"class":5477},"\"Квадрат ('s')\"",[5299,10895,5336],{"class":5309},[5299,10897,9741],{"class":5477},[5299,10899,5336],{"class":5309},[5299,10901,7983],{"class":5477},[5299,10903,5336],{"class":5309},[5299,10905,10906],{"class":5477},"\"#FCA5A5\"",[5299,10908,6648],{"class":5309},[5299,10910,10911,10913,10916,10918,10920,10922,10924,10926,10929],{"class":5301,"line":6681},[5299,10912,10590],{"class":5309},[5299,10914,10915],{"class":5477},"\"Трикутник ('^')\"",[5299,10917,5336],{"class":5309},[5299,10919,9772],{"class":5477},[5299,10921,5336],{"class":5309},[5299,10923,10649],{"class":5477},[5299,10925,5336],{"class":5309},[5299,10927,10928],{"class":5477},"\"#6EE7B7\"",[5299,10930,6648],{"class":5309},[5299,10932,10933,10935,10938,10940,10942,10944,10946,10948,10951],{"class":5301,"line":6714},[5299,10934,10590],{"class":5309},[5299,10936,10937],{"class":5477},"\"Ромб ('D')\"",[5299,10939,5336],{"class":5309},[5299,10941,10020],{"class":5477},[5299,10943,5336],{"class":5309},[5299,10945,8245],{"class":5477},[5299,10947,5336],{"class":5309},[5299,10949,10950],{"class":5477},"\"#C4B5FD\"",[5299,10952,6648],{"class":5309},[5299,10954,10955,10957,10960,10962,10965,10967,10969,10971,10974],{"class":5301,"line":6719},[5299,10956,10590],{"class":5309},[5299,10958,10959],{"class":5477},"\"Зірка ('*')\"",[5299,10961,5336],{"class":5309},[5299,10963,10964],{"class":5477},"\"*\"",[5299,10966,5336],{"class":5309},[5299,10968,8507],{"class":5477},[5299,10970,5336],{"class":5309},[5299,10972,10973],{"class":5477},"\"#FDE68A\"",[5299,10975,5481],{"class":5309},[5299,10977,10978],{"class":5301,"line":6761},[5299,10979,5406],{"class":5309},[5299,10981,10982,10984,10987,10989,10991],{"class":5301,"line":6789},[5299,10983,8185],{"class":5305},[5299,10985,10986],{"class":5309}," idx, (label, m, mec, mfc) ",[5299,10988,8191],{"class":5305},[5299,10990,10727],{"class":8194},[5299,10992,10993],{"class":5309},"(markers):\n",[5299,10995,10996,10999,11001,11003,11005,11008,11010,11012,11014,11016,11018],{"class":5301,"line":6816},[5299,10997,10998],{"class":5309},"    ax.plot(x, np.cos(x) + idx * ",[5299,11000,6631],{"class":5332},[5299,11002,5336],{"class":5309},[5299,11004,5653],{"class":5515},[5299,11006,11007],{"class":5309},"=m, ",[5299,11009,5915],{"class":5515},[5299,11011,5519],{"class":5309},[5299,11013,6751],{"class":5332},[5299,11015,5336],{"class":5309},[5299,11017,10438],{"class":5515},[5299,11019,11020],{"class":5309},"=mec,\n",[5299,11022,11023,11026,11028,11030,11032,11034,11037,11039,11041,11043,11045,11047,11049,11052],{"class":5301,"line":6821},[5299,11024,11025],{"class":5515},"            markeredgewidth",[5299,11027,5519],{"class":5309},[5299,11029,8254],{"class":5332},[5299,11031,5336],{"class":5309},[5299,11033,10431],{"class":5515},[5299,11035,11036],{"class":5309},"=mfc, ",[5299,11038,6593],{"class":5515},[5299,11040,5519],{"class":5309},[5299,11042,9276],{"class":5477},[5299,11044,5336],{"class":5309},[5299,11046,5663],{"class":5515},[5299,11048,5519],{"class":5309},[5299,11050,11051],{"class":5332},"1.2",[5299,11053,8122],{"class":5309},[5299,11055,11056,11059,11062,11064],{"class":5301,"line":6863},[5299,11057,11058],{"class":5515},"            color",[5299,11060,11061],{"class":5309},"=mec, ",[5299,11063,6460],{"class":5515},[5299,11065,10759],{"class":5309},[5299,11067,11068,11070,11073,11075,11077,11079,11081,11083,11085,11087,11089],{"class":5301,"line":6891},[5299,11069,6499],{"class":5309},[5299,11071,11072],{"class":5477},"\"2. Маркери точок (marker, facecolor, edgecolor)\"",[5299,11074,5336],{"class":5309},[5299,11076,5690],{"class":5515},[5299,11078,5519],{"class":5309},[5299,11080,7869],{"class":5332},[5299,11082,5336],{"class":5309},[5299,11084,5700],{"class":5515},[5299,11086,5519],{"class":5309},[5299,11088,6519],{"class":5477},[5299,11090,5481],{"class":5309},[5299,11092,11093,11095,11097,11099,11101,11103,11105,11107,11109,11111,11113,11115,11117],{"class":5301,"line":6918},[5299,11094,6563],{"class":5309},[5299,11096,6566],{"class":5515},[5299,11098,5519],{"class":5309},[5299,11100,6571],{"class":5477},[5299,11102,5336],{"class":5309},[5299,11104,5690],{"class":5515},[5299,11106,5519],{"class":5309},[5299,11108,10803],{"class":5332},[5299,11110,5336],{"class":5309},[5299,11112,10808],{"class":5515},[5299,11114,5519],{"class":5309},[5299,11116,6645],{"class":5332},[5299,11118,5481],{"class":5309},[5299,11120,11121,11123,11125,11127,11129,11131,11133,11135,11137,11139,11141],{"class":5301,"line":6923},[5299,11122,6578],{"class":5309},[5299,11124,5510],{"class":5509},[5299,11126,5336],{"class":5309},[5299,11128,5516],{"class":5515},[5299,11130,5519],{"class":5309},[5299,11132,7912],{"class":5332},[5299,11134,5336],{"class":5309},[5299,11136,6023],{"class":5515},[5299,11138,5519],{"class":5309},[5299,11140,6598],{"class":5477},[5299,11142,5481],{"class":5309},[5299,11144,11145],{"class":5301,"line":6929},[5299,11146,5323],{"emptyLinePlaceholder":5322},[5299,11148,11149],{"class":5301,"line":8317},[5299,11150,11151],{"class":5616},"# 3. Варіації drawstyle (дискретні сходинки vs згладжування)\n",[5299,11153,11154,11156,11158,11160,11162],{"class":5301,"line":8331},[5299,11155,10572],{"class":5309},[5299,11157,5333],{"class":5332},[5299,11159,5336],{"class":5309},[5299,11161,6427],{"class":5332},[5299,11163,5406],{"class":5309},[5299,11165,11166,11169,11171,11173,11175],{"class":5301,"line":8346},[5299,11167,11168],{"class":5309},"xd = np.arange(",[5299,11170,6427],{"class":5332},[5299,11172,5336],{"class":5309},[5299,11174,6751],{"class":5332},[5299,11176,5481],{"class":5309},[5299,11178,11179,11182,11184,11186,11188,11190,11192,11194,11196,11198,11200,11202,11204,11206,11208,11210,11212],{"class":5301,"line":8358},[5299,11180,11181],{"class":5309},"yd = np.array([",[5299,11183,5333],{"class":5332},[5299,11185,5336],{"class":5309},[5299,11187,5394],{"class":5332},[5299,11189,5336],{"class":5309},[5299,11191,5389],{"class":5332},[5299,11193,5336],{"class":5309},[5299,11195,5403],{"class":5332},[5299,11197,5336],{"class":5309},[5299,11199,5339],{"class":5332},[5299,11201,5336],{"class":5309},[5299,11203,6384],{"class":5332},[5299,11205,5336],{"class":5309},[5299,11207,5403],{"class":5332},[5299,11209,5336],{"class":5309},[5299,11211,5920],{"class":5332},[5299,11213,5352],{"class":5309},[5299,11215,11216,11219,11221,11223,11225,11227,11229,11231,11233,11235,11237,11239,11241,11243,11245,11247,11249,11251,11253,11255,11258],{"class":5301,"line":8372},[5299,11217,11218],{"class":5309},"ax.plot(xd, yd, ",[5299,11220,10460],{"class":5515},[5299,11222,5519],{"class":5309},[5299,11224,10313],{"class":5477},[5299,11226,5336],{"class":5309},[5299,11228,5653],{"class":5515},[5299,11230,5519],{"class":5309},[5299,11232,9267],{"class":5477},[5299,11234,5336],{"class":5309},[5299,11236,5643],{"class":5515},[5299,11238,5519],{"class":5309},[5299,11240,7843],{"class":5477},[5299,11242,5336],{"class":5309},[5299,11244,5663],{"class":5515},[5299,11246,5519],{"class":5309},[5299,11248,5389],{"class":5332},[5299,11250,5336],{"class":5309},[5299,11252,6460],{"class":5515},[5299,11254,5519],{"class":5309},[5299,11256,11257],{"class":5477},"\"default (лінійна інтерполяція)\"",[5299,11259,5481],{"class":5309},[5299,11261,11262,11265,11267,11269,11271,11273,11276,11278,11280,11282,11284,11286,11288,11290,11292,11294,11296,11298,11300,11302,11304,11306,11309],{"class":5301,"line":8393},[5299,11263,11264],{"class":5309},"ax.plot(xd, yd - ",[5299,11266,8254],{"class":5332},[5299,11268,5336],{"class":5309},[5299,11270,10460],{"class":5515},[5299,11272,5519],{"class":5309},[5299,11274,11275],{"class":5477},"\"steps-pre\"",[5299,11277,5336],{"class":5309},[5299,11279,5653],{"class":5515},[5299,11281,5519],{"class":5309},[5299,11283,9741],{"class":5477},[5299,11285,5336],{"class":5309},[5299,11287,5643],{"class":5515},[5299,11289,5519],{"class":5309},[5299,11291,7983],{"class":5477},[5299,11293,5336],{"class":5309},[5299,11295,5663],{"class":5515},[5299,11297,5519],{"class":5309},[5299,11299,5389],{"class":5332},[5299,11301,5336],{"class":5309},[5299,11303,6460],{"class":5515},[5299,11305,5519],{"class":5309},[5299,11307,11308],{"class":5477},"\"steps-pre (зміна перед кроком)\"",[5299,11310,5481],{"class":5309},[5299,11312,11313,11315,11318,11320,11322,11324,11327,11329,11331,11333,11335,11337,11339,11341,11343,11345,11347,11349,11351,11353,11355,11357,11360],{"class":5301,"line":8421},[5299,11314,11264],{"class":5309},[5299,11316,11317],{"class":5332},"3.0",[5299,11319,5336],{"class":5309},[5299,11321,10460],{"class":5515},[5299,11323,5519],{"class":5309},[5299,11325,11326],{"class":5477},"\"steps-mid\"",[5299,11328,5336],{"class":5309},[5299,11330,5653],{"class":5515},[5299,11332,5519],{"class":5309},[5299,11334,9772],{"class":5477},[5299,11336,5336],{"class":5309},[5299,11338,5643],{"class":5515},[5299,11340,5519],{"class":5309},[5299,11342,10649],{"class":5477},[5299,11344,5336],{"class":5309},[5299,11346,5663],{"class":5515},[5299,11348,5519],{"class":5309},[5299,11350,5389],{"class":5332},[5299,11352,5336],{"class":5309},[5299,11354,6460],{"class":5515},[5299,11356,5519],{"class":5309},[5299,11358,11359],{"class":5477},"\"steps-mid (зміна по центру)\"",[5299,11361,5481],{"class":5309},[5299,11363,11364,11366,11368,11370,11372,11374,11377,11379,11381,11383,11385,11387,11389,11391,11393,11395,11397,11399,11401,11403,11405,11407,11410],{"class":5301,"line":8426},[5299,11365,11264],{"class":5309},[5299,11367,5594],{"class":5332},[5299,11369,5336],{"class":5309},[5299,11371,10460],{"class":5515},[5299,11373,5519],{"class":5309},[5299,11375,11376],{"class":5477},"\"steps-post\"",[5299,11378,5336],{"class":5309},[5299,11380,5653],{"class":5515},[5299,11382,5519],{"class":5309},[5299,11384,10020],{"class":5477},[5299,11386,5336],{"class":5309},[5299,11388,5643],{"class":5515},[5299,11390,5519],{"class":5309},[5299,11392,8245],{"class":5477},[5299,11394,5336],{"class":5309},[5299,11396,5663],{"class":5515},[5299,11398,5519],{"class":5309},[5299,11400,5389],{"class":5332},[5299,11402,5336],{"class":5309},[5299,11404,6460],{"class":5515},[5299,11406,5519],{"class":5309},[5299,11408,11409],{"class":5477},"\"steps-post (зміна після кроку)\"",[5299,11411,5481],{"class":5309},[5299,11413,11414,11416,11419,11421,11423,11425,11427,11429,11431,11433,11435],{"class":5301,"line":8432},[5299,11415,6499],{"class":5309},[5299,11417,11418],{"class":5477},"\"3. Стилі з'єднання точок (drawstyle)\"",[5299,11420,5336],{"class":5309},[5299,11422,5690],{"class":5515},[5299,11424,5519],{"class":5309},[5299,11426,7869],{"class":5332},[5299,11428,5336],{"class":5309},[5299,11430,5700],{"class":5515},[5299,11432,5519],{"class":5309},[5299,11434,6519],{"class":5477},[5299,11436,5481],{"class":5309},[5299,11438,11439,11441,11443,11445,11448,11450,11452,11454,11456,11458,11460,11462,11464],{"class":5301,"line":8467},[5299,11440,6563],{"class":5309},[5299,11442,6566],{"class":5515},[5299,11444,5519],{"class":5309},[5299,11446,11447],{"class":5477},"\"lower left\"",[5299,11449,5336],{"class":5309},[5299,11451,5690],{"class":5515},[5299,11453,5519],{"class":5309},[5299,11455,10803],{"class":5332},[5299,11457,5336],{"class":5309},[5299,11459,10808],{"class":5515},[5299,11461,5519],{"class":5309},[5299,11463,6645],{"class":5332},[5299,11465,5481],{"class":5309},[5299,11467,11468,11470,11472,11474,11476,11478,11480,11482,11484,11486,11488],{"class":5301,"line":8477},[5299,11469,6578],{"class":5309},[5299,11471,5510],{"class":5509},[5299,11473,5336],{"class":5309},[5299,11475,5516],{"class":5515},[5299,11477,5519],{"class":5309},[5299,11479,7912],{"class":5332},[5299,11481,5336],{"class":5309},[5299,11483,6023],{"class":5515},[5299,11485,5519],{"class":5309},[5299,11487,6598],{"class":5477},[5299,11489,5481],{"class":5309},[5299,11491,11492],{"class":5301,"line":8487},[5299,11493,5323],{"emptyLinePlaceholder":5322},[5299,11495,11496],{"class":5301,"line":8520},[5299,11497,11498],{"class":5616},"# 4. Короткий строковий запис fmt ('r--o', 'b:^', 'g-.*')\n",[5299,11500,11501,11503,11505,11507,11509],{"class":5301,"line":8539},[5299,11502,10572],{"class":5309},[5299,11504,5333],{"class":5332},[5299,11506,5336],{"class":5309},[5299,11508,5333],{"class":5332},[5299,11510,5406],{"class":5309},[5299,11512,11513,11516,11518,11520,11522,11524,11526],{"class":5301,"line":8565},[5299,11514,11515],{"class":5309},"xf = np.linspace(",[5299,11517,6427],{"class":5332},[5299,11519,5336],{"class":5309},[5299,11521,5339],{"class":5332},[5299,11523,5336],{"class":5309},[5299,11525,5589],{"class":5332},[5299,11527,5481],{"class":5309},[5299,11529,11530,11533,11535,11537,11540,11542,11544,11546,11548,11550,11552,11554,11556,11558,11560,11562,11565],{"class":5301,"line":8589},[5299,11531,11532],{"class":5309},"ax.plot(xf, xf**",[5299,11534,6858],{"class":5332},[5299,11536,5336],{"class":5309},[5299,11538,11539],{"class":5477},"\"r--o\"",[5299,11541,5336],{"class":5309},[5299,11543,5663],{"class":5515},[5299,11545,5519],{"class":5309},[5299,11547,5389],{"class":5332},[5299,11549,5336],{"class":5309},[5299,11551,5915],{"class":5515},[5299,11553,5519],{"class":5309},[5299,11555,6384],{"class":5332},[5299,11557,5336],{"class":5309},[5299,11559,6460],{"class":5515},[5299,11561,5519],{"class":5309},[5299,11563,11564],{"class":5477},"\"'r--o' (червоний, пунктир, коло)\"",[5299,11566,5481],{"class":5309},[5299,11568,11569,11571,11573,11575,11578,11580,11582,11584,11586,11588,11590,11592,11594,11596,11598,11600,11603],{"class":5301,"line":8621},[5299,11570,11532],{"class":5309},[5299,11572,10454],{"class":5332},[5299,11574,5336],{"class":5309},[5299,11576,11577],{"class":5477},"\"b-s\"",[5299,11579,5336],{"class":5309},[5299,11581,5663],{"class":5515},[5299,11583,5519],{"class":5309},[5299,11585,5389],{"class":5332},[5299,11587,5336],{"class":5309},[5299,11589,5915],{"class":5515},[5299,11591,5519],{"class":5309},[5299,11593,6384],{"class":5332},[5299,11595,5336],{"class":5309},[5299,11597,6460],{"class":5515},[5299,11599,5519],{"class":5309},[5299,11601,11602],{"class":5477},"\"'b-s' (синій, суцільний, квадрат)\"",[5299,11604,5481],{"class":5309},[5299,11606,11607,11609,11611,11613,11616,11618,11620,11622,11624,11626,11628,11630,11632,11634,11636,11638,11641],{"class":5301,"line":8640},[5299,11608,11532],{"class":5309},[5299,11610,8254],{"class":5332},[5299,11612,5336],{"class":5309},[5299,11614,11615],{"class":5477},"\"g-.^\"",[5299,11617,5336],{"class":5309},[5299,11619,5663],{"class":5515},[5299,11621,5519],{"class":5309},[5299,11623,5389],{"class":5332},[5299,11625,5336],{"class":5309},[5299,11627,5915],{"class":5515},[5299,11629,5519],{"class":5309},[5299,11631,6384],{"class":5332},[5299,11633,5336],{"class":5309},[5299,11635,6460],{"class":5515},[5299,11637,5519],{"class":5309},[5299,11639,11640],{"class":5477},"\"'g-.^' (зелений, штрих-пунктир, трикутник)\"",[5299,11642,5481],{"class":5309},[5299,11644,11645,11647,11649,11651,11654,11656,11658,11660,11662,11664,11666,11668,11670,11672,11674,11676,11679],{"class":5301,"line":8666},[5299,11646,11532],{"class":5309},[5299,11648,10623],{"class":5332},[5299,11650,5336],{"class":5309},[5299,11652,11653],{"class":5477},"\"m:D\"",[5299,11655,5336],{"class":5309},[5299,11657,5663],{"class":5515},[5299,11659,5519],{"class":5309},[5299,11661,5389],{"class":5332},[5299,11663,5336],{"class":5309},[5299,11665,5915],{"class":5515},[5299,11667,5519],{"class":5309},[5299,11669,6384],{"class":5332},[5299,11671,5336],{"class":5309},[5299,11673,6460],{"class":5515},[5299,11675,5519],{"class":5309},[5299,11677,11678],{"class":5477},"\"'m:D' (маджента, точки, ромб)\"",[5299,11680,5481],{"class":5309},[5299,11682,11683,11685,11688,11690,11692,11694,11696,11698,11700,11702,11704],{"class":5301,"line":8684},[5299,11684,6499],{"class":5309},[5299,11686,11687],{"class":5477},"\"4. Скорочений формат виклику fmt: '[колір][лінія][маркер]'\"",[5299,11689,5336],{"class":5309},[5299,11691,5690],{"class":5515},[5299,11693,5519],{"class":5309},[5299,11695,7869],{"class":5332},[5299,11697,5336],{"class":5309},[5299,11699,5700],{"class":5515},[5299,11701,5519],{"class":5309},[5299,11703,6519],{"class":5477},[5299,11705,5481],{"class":5309},[5299,11707,11708,11710,11712,11714,11716,11718,11720,11722,11724,11726,11728,11730,11732],{"class":5301,"line":8711},[5299,11709,6563],{"class":5309},[5299,11711,6566],{"class":5515},[5299,11713,5519],{"class":5309},[5299,11715,9434],{"class":5477},[5299,11717,5336],{"class":5309},[5299,11719,5690],{"class":5515},[5299,11721,5519],{"class":5309},[5299,11723,10803],{"class":5332},[5299,11725,5336],{"class":5309},[5299,11727,10808],{"class":5515},[5299,11729,5519],{"class":5309},[5299,11731,6645],{"class":5332},[5299,11733,5481],{"class":5309},[5299,11735,11736,11738,11740,11742,11744,11746,11748,11750,11752,11754,11756],{"class":5301,"line":8716},[5299,11737,6578],{"class":5309},[5299,11739,5510],{"class":5509},[5299,11741,5336],{"class":5309},[5299,11743,5516],{"class":5515},[5299,11745,5519],{"class":5309},[5299,11747,7912],{"class":5332},[5299,11749,5336],{"class":5309},[5299,11751,6023],{"class":5515},[5299,11753,5519],{"class":5309},[5299,11755,6598],{"class":5477},[5299,11757,5481],{"class":5309},[5299,11759,11760],{"class":5301,"line":8752},[5299,11761,5323],{"emptyLinePlaceholder":5322},[5299,11763,11765,11767,11770,11772,11774,11776,11778,11780,11782,11784,11786],{"class":5301,"line":11764},62,[5299,11766,6041],{"class":5309},[5299,11768,11769],{"class":5477},"\"Параметричні варіації методу ax.plot()\"",[5299,11771,5336],{"class":5309},[5299,11773,5690],{"class":5515},[5299,11775,5519],{"class":5309},[5299,11777,7269],{"class":5332},[5299,11779,5336],{"class":5309},[5299,11781,5700],{"class":5515},[5299,11783,5519],{"class":5309},[5299,11785,6519],{"class":5477},[5299,11787,5481],{"class":5309},[5299,11789,11791],{"class":5301,"line":11790},63,[5299,11792,5358],{"class":5309},[6070,11794,11795],{"v-slot:output":5295},[6073,11796],{"alt":11797,"className":11798,"src":11799},"Параметричні варіації ax.plot",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F14.png",[5244,11801],{},[5247,11803,11805],{"id":11804},"кастомізація-графіків","Кастомізація графіків",[5252,11807,11808,11809,7712,11812,6989],{},"Графік без підписів — це як карта без легенди. Навчимося робити графіки ",[5221,11810,11811],{},"інформативними",[5221,11813,11814],{},"естетичними",[5261,11816,11817,11825],{},[5252,11818,11819,11822,11824],{},[5221,11820,11821],{},"Сюжетна лінія (Етап 4: Підготовка графіків для тімліда та інвесторів):",[5269,11823],{},"\nЧернетковий графік працює для вас особисто, поки ви пишете код у ноутбуці. Але коли результат потрібно презентувати команді, керівництву чи замовникам, вимоги кардинально змінюються:",[6094,11826,11827,11830,11833,11836],{},[5201,11828,11829],{},"Якщо вісь не підписана — аудиторія не знає, у чому вимірюється успіх: у гривнях, секундах чи відсотках.",[5201,11831,11832],{},"Якщо немає сітки — неможливо швидко оцінити порогові значення (наприклад, коли саме показник перетнув критичну межу).",[5201,11834,11835],{},"Якщо лінії не мають чіткої легенди — графік викликає розгубленість замість розуміння.",[5201,11837,11838,11839,11841],{},"Якщо кольори не підібрані — графік стане недоступним для людей із порушеннями кольорового зору.",[5269,11840],{},"\nКастомізація — це перетворення сирих числових даних на переконливий інструмент прийняття рішень.",[5278,11843,11845],{"id":11844},"заголовки-та-підписи-осей","Заголовки та підписи осей",[5531,11847,11849],{"title":11848},"labels_titles.ipynb",[5535,11850,11851,12129],{"execution-count":5333},[5290,11852,11854],{"className":5292,"code":11853,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\ny = np.exp(-x\u002F5) * np.sin(2*x)\n\nfig, ax = plt.subplots(figsize=(10, 6))\n\nax.plot(x, y, color=\"darkblue\", linewidth=2.5)\n\n# Заголовок з параметрами\nax.set_title(\"Загасаюча синусоїда\", \n             fontsize=16, \n             fontweight=\"bold\", \n             color=\"darkred\",\n             pad=20)  # Відступ від графіка\n\n# Підписи осей\nax.set_xlabel(\"Час (секунди)\", fontsize=13, fontstyle=\"italic\")\nax.set_ylabel(\"Амплітуда\", fontsize=13, fontstyle=\"italic\")\n\n# Межі осей\nax.set_xlim(0, 10)\nax.set_ylim(-1, 1)\n\nplt.tight_layout()\nplt.show()\n",[5256,11855,11856,11866,11876,11880,11896,11910,11914,11930,11934,11955,11959,11964,11973,11984,11995,12007,12021,12025,12030,12057,12082,12086,12091,12104,12117,12121,12125],{"__ignoreMap":5295},[5299,11857,11858,11860,11862,11864],{"class":5301,"line":5302},[5299,11859,5306],{"class":5305},[5299,11861,5310],{"class":5309},[5299,11863,5313],{"class":5305},[5299,11865,5316],{"class":5309},[5299,11867,11868,11870,11872,11874],{"class":5301,"line":5319},[5299,11869,5306],{"class":5305},[5299,11871,5558],{"class":5309},[5299,11873,5313],{"class":5305},[5299,11875,5563],{"class":5309},[5299,11877,11878],{"class":5301,"line":5326},[5299,11879,5323],{"emptyLinePlaceholder":5322},[5299,11881,11882,11884,11886,11888,11890,11892,11894],{"class":5301,"line":5355},[5299,11883,6424],{"class":5309},[5299,11885,6427],{"class":5332},[5299,11887,5336],{"class":5309},[5299,11889,5695],{"class":5332},[5299,11891,5336],{"class":5309},[5299,11893,6436],{"class":5332},[5299,11895,5481],{"class":5309},[5299,11897,11898,11901,11903,11905,11907],{"class":5301,"line":5448},[5299,11899,11900],{"class":5309},"y = np.exp(-x\u002F",[5299,11902,5403],{"class":5332},[5299,11904,8495],{"class":5309},[5299,11906,5389],{"class":5332},[5299,11908,11909],{"class":5309},"*x)\n",[5299,11911,11912],{"class":5301,"line":5527},[5299,11913,5323],{"emptyLinePlaceholder":5322},[5299,11915,11916,11918,11920,11922,11924,11926,11928],{"class":5301,"line":5620},[5299,11917,7213],{"class":5309},[5299,11919,5583],{"class":5515},[5299,11921,5586],{"class":5309},[5299,11923,5695],{"class":5332},[5299,11925,5336],{"class":5309},[5299,11927,6384],{"class":5332},[5299,11929,6387],{"class":5309},[5299,11931,11932],{"class":5301,"line":5672},[5299,11933,5323],{"emptyLinePlaceholder":5322},[5299,11935,11936,11938,11940,11942,11945,11947,11949,11951,11953],{"class":5301,"line":5710},[5299,11937,6457],{"class":5309},[5299,11939,5643],{"class":5515},[5299,11941,5519],{"class":5309},[5299,11943,11944],{"class":5477},"\"darkblue\"",[5299,11946,5336],{"class":5309},[5299,11948,6479],{"class":5515},[5299,11950,5519],{"class":5309},[5299,11952,5910],{"class":5332},[5299,11954,5481],{"class":5309},[5299,11956,11957],{"class":5301,"line":5729},[5299,11958,5323],{"emptyLinePlaceholder":5322},[5299,11960,11961],{"class":5301,"line":5734},[5299,11962,11963],{"class":5616},"# Заголовок з параметрами\n",[5299,11965,11966,11968,11971],{"class":5301,"line":5740},[5299,11967,6499],{"class":5309},[5299,11969,11970],{"class":5477},"\"Загасаюча синусоїда\"",[5299,11972,8122],{"class":5309},[5299,11974,11975,11978,11980,11982],{"class":5301,"line":5765},[5299,11976,11977],{"class":5515},"             fontsize",[5299,11979,5519],{"class":5309},[5299,11981,5349],{"class":5332},[5299,11983,8122],{"class":5309},[5299,11985,11986,11989,11991,11993],{"class":5301,"line":5790},[5299,11987,11988],{"class":5515},"             fontweight",[5299,11990,5519],{"class":5309},[5299,11992,6519],{"class":5477},[5299,11994,8122],{"class":5309},[5299,11996,11997,12000,12002,12005],{"class":5301,"line":5822},[5299,11998,11999],{"class":5515},"             color",[5299,12001,5519],{"class":5309},[5299,12003,12004],{"class":5477},"\"darkred\"",[5299,12006,6678],{"class":5309},[5299,12008,12009,12012,12014,12016,12018],{"class":5301,"line":5854},[5299,12010,12011],{"class":5515},"             pad",[5299,12013,5519],{"class":5309},[5299,12015,9219],{"class":5332},[5299,12017,6407],{"class":5309},[5299,12019,12020],{"class":5616},"# Відступ від графіка\n",[5299,12022,12023],{"class":5301,"line":5872},[5299,12024,5323],{"emptyLinePlaceholder":5322},[5299,12026,12027],{"class":5301,"line":5877},[5299,12028,12029],{"class":5616},"# Підписи осей\n",[5299,12031,12032,12034,12037,12039,12041,12043,12045,12047,12050,12052,12055],{"class":5301,"line":5883},[5299,12033,6526],{"class":5309},[5299,12035,12036],{"class":5477},"\"Час (секунди)\"",[5299,12038,5336],{"class":5309},[5299,12040,5690],{"class":5515},[5299,12042,5519],{"class":5309},[5299,12044,6053],{"class":5332},[5299,12046,5336],{"class":5309},[5299,12048,12049],{"class":5515},"fontstyle",[5299,12051,5519],{"class":5309},[5299,12053,12054],{"class":5477},"\"italic\"",[5299,12056,5481],{"class":5309},[5299,12058,12059,12061,12064,12066,12068,12070,12072,12074,12076,12078,12080],{"class":5301,"line":5925},[5299,12060,6545],{"class":5309},[5299,12062,12063],{"class":5477},"\"Амплітуда\"",[5299,12065,5336],{"class":5309},[5299,12067,5690],{"class":5515},[5299,12069,5519],{"class":5309},[5299,12071,6053],{"class":5332},[5299,12073,5336],{"class":5309},[5299,12075,12049],{"class":5515},[5299,12077,5519],{"class":5309},[5299,12079,12054],{"class":5477},[5299,12081,5481],{"class":5309},[5299,12083,12084],{"class":5301,"line":5966},[5299,12085,5323],{"emptyLinePlaceholder":5322},[5299,12087,12088],{"class":5301,"line":5985},[5299,12089,12090],{"class":5616},"# Межі осей\n",[5299,12092,12093,12096,12098,12100,12102],{"class":5301,"line":6004},[5299,12094,12095],{"class":5309},"ax.set_xlim(",[5299,12097,6427],{"class":5332},[5299,12099,5336],{"class":5309},[5299,12101,5695],{"class":5332},[5299,12103,5481],{"class":5309},[5299,12105,12106,12109,12111,12113,12115],{"class":5301,"line":6033},[5299,12107,12108],{"class":5309},"ax.set_ylim(-",[5299,12110,5333],{"class":5332},[5299,12112,5336],{"class":5309},[5299,12114,5333],{"class":5332},[5299,12116,5481],{"class":5309},[5299,12118,12119],{"class":5301,"line":6038},[5299,12120,5323],{"emptyLinePlaceholder":5322},[5299,12122,12123],{"class":5301,"line":6066},[5299,12124,6926],{"class":5309},[5299,12126,12127],{"class":5301,"line":6681},[5299,12128,5358],{"class":5309},[6070,12130,12131],{"v-slot:output":5295},[6073,12132],{"alt":12133,"className":12134,"src":12135},"Графік з кастомними заголовками",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F07.png",[5278,12137,12139],{"id":12138},"сигнатури-методів-текстового-оформлення-set_title-set_xlabel-set_ylabel","Сигнатури методів текстового оформлення (set_title, set_xlabel, set_ylabel)",[5252,12141,12142,12143,12146],{},"Усі текстові елементи осей повертають екземпляр класу ",[5256,12144,12145],{},"matplotlib.text.Text",", що дозволяє тонко налаштовувати типографіку, відступи та вирівнювання.",[5290,12148,12151],{"className":5292,"code":12149,"filename":12150,"language":5294,"meta":5295,"style":5295},"Axes.set_title(\n    label: str,\n    fontdict: dict[str, Any] | None = None,\n    loc: Literal['left', 'center', 'right'] = 'center',\n    pad: float | None = None,\n    *,\n    y: float | None = None,\n    **kwargs\n) -> Text\n\nAxes.set_xlabel(\n    xlabel: str,\n    fontdict: dict[str, Any] | None = None,\n    labelpad: float | None = None,\n    *,\n    loc: Literal['left', 'center', 'right'] = None,\n    **kwargs\n) -> Text\n\nAxes.set_ylabel(\n    ylabel: str,\n    fontdict: dict[str, Any] | None = None,\n    labelpad: float | None = None,\n    *,\n    loc: Literal['bottom', 'center', 'top'] = None,\n    **kwargs\n) -> Text\n","Сигнатури set_title, set_xlabel, set_ylabel",[5256,12152,12153,12158,12166,12183,12208,12225,12229,12246,12250,12259,12263,12268,12277,12293,12310,12314,12334,12338,12346,12350,12355,12364,12380,12396,12400,12422,12426],{"__ignoreMap":5295},[5299,12154,12155],{"class":5301,"line":5302},[5299,12156,12157],{"class":5309},"Axes.set_title(\n",[5299,12159,12160,12162,12164],{"class":5301,"line":5319},[5299,12161,10289],{"class":5309},[5299,12163,7447],{"class":6689},[5299,12165,6678],{"class":5309},[5299,12167,12168,12171,12173,12175,12177,12179,12181],{"class":5301,"line":5326},[5299,12169,12170],{"class":5309},"    fontdict: dict[",[5299,12172,7447],{"class":6689},[5299,12174,7531],{"class":5309},[5299,12176,7498],{"class":5515},[5299,12178,6953],{"class":5309},[5299,12180,7498],{"class":5509},[5299,12182,6678],{"class":5309},[5299,12184,12185,12188,12191,12193,12196,12198,12201,12204,12206],{"class":5301,"line":5355},[5299,12186,12187],{"class":5309},"    loc: Literal[",[5299,12189,12190],{"class":5477},"'left'",[5299,12192,5336],{"class":5309},[5299,12194,12195],{"class":5477},"'center'",[5299,12197,5336],{"class":5309},[5299,12199,12200],{"class":5477},"'right'",[5299,12202,12203],{"class":5309},"] = ",[5299,12205,12195],{"class":5477},[5299,12207,6678],{"class":5309},[5299,12209,12210,12213,12215,12217,12219,12221,12223],{"class":5301,"line":5448},[5299,12211,12212],{"class":5309},"    pad: ",[5299,12214,7492],{"class":6689},[5299,12216,7444],{"class":5309},[5299,12218,7498],{"class":5515},[5299,12220,6953],{"class":5309},[5299,12222,7498],{"class":5509},[5299,12224,6678],{"class":5309},[5299,12226,12227],{"class":5301,"line":5527},[5299,12228,7433],{"class":5309},[5299,12230,12231,12234,12236,12238,12240,12242,12244],{"class":5301,"line":5620},[5299,12232,12233],{"class":5309},"    y: ",[5299,12235,7492],{"class":6689},[5299,12237,7444],{"class":5309},[5299,12239,7498],{"class":5515},[5299,12241,6953],{"class":5309},[5299,12243,7498],{"class":5509},[5299,12245,6678],{"class":5309},[5299,12247,12248],{"class":5301,"line":5672},[5299,12249,10337],{"class":5309},[5299,12251,12252,12254,12256],{"class":5301,"line":5710},[5299,12253,7621],{"class":5309},[5299,12255,7625],{"class":7624},[5299,12257,12258],{"class":5309}," Text\n",[5299,12260,12261],{"class":5301,"line":5729},[5299,12262,5323],{"emptyLinePlaceholder":5322},[5299,12264,12265],{"class":5301,"line":5734},[5299,12266,12267],{"class":5309},"Axes.set_xlabel(\n",[5299,12269,12270,12273,12275],{"class":5301,"line":5740},[5299,12271,12272],{"class":5309},"    xlabel: ",[5299,12274,7447],{"class":6689},[5299,12276,6678],{"class":5309},[5299,12278,12279,12281,12283,12285,12287,12289,12291],{"class":5301,"line":5765},[5299,12280,12170],{"class":5309},[5299,12282,7447],{"class":6689},[5299,12284,7531],{"class":5309},[5299,12286,7498],{"class":5515},[5299,12288,6953],{"class":5309},[5299,12290,7498],{"class":5509},[5299,12292,6678],{"class":5309},[5299,12294,12295,12298,12300,12302,12304,12306,12308],{"class":5301,"line":5790},[5299,12296,12297],{"class":5309},"    labelpad: ",[5299,12299,7492],{"class":6689},[5299,12301,7444],{"class":5309},[5299,12303,7498],{"class":5515},[5299,12305,6953],{"class":5309},[5299,12307,7498],{"class":5509},[5299,12309,6678],{"class":5309},[5299,12311,12312],{"class":5301,"line":5822},[5299,12313,7433],{"class":5309},[5299,12315,12316,12318,12320,12322,12324,12326,12328,12330,12332],{"class":5301,"line":5854},[5299,12317,12187],{"class":5309},[5299,12319,12190],{"class":5477},[5299,12321,5336],{"class":5309},[5299,12323,12195],{"class":5477},[5299,12325,5336],{"class":5309},[5299,12327,12200],{"class":5477},[5299,12329,12203],{"class":5309},[5299,12331,7498],{"class":5509},[5299,12333,6678],{"class":5309},[5299,12335,12336],{"class":5301,"line":5872},[5299,12337,10337],{"class":5309},[5299,12339,12340,12342,12344],{"class":5301,"line":5877},[5299,12341,7621],{"class":5309},[5299,12343,7625],{"class":7624},[5299,12345,12258],{"class":5309},[5299,12347,12348],{"class":5301,"line":5883},[5299,12349,5323],{"emptyLinePlaceholder":5322},[5299,12351,12352],{"class":5301,"line":5925},[5299,12353,12354],{"class":5309},"Axes.set_ylabel(\n",[5299,12356,12357,12360,12362],{"class":5301,"line":5966},[5299,12358,12359],{"class":5309},"    ylabel: ",[5299,12361,7447],{"class":6689},[5299,12363,6678],{"class":5309},[5299,12365,12366,12368,12370,12372,12374,12376,12378],{"class":5301,"line":5985},[5299,12367,12170],{"class":5309},[5299,12369,7447],{"class":6689},[5299,12371,7531],{"class":5309},[5299,12373,7498],{"class":5515},[5299,12375,6953],{"class":5309},[5299,12377,7498],{"class":5509},[5299,12379,6678],{"class":5309},[5299,12381,12382,12384,12386,12388,12390,12392,12394],{"class":5301,"line":6004},[5299,12383,12297],{"class":5309},[5299,12385,7492],{"class":6689},[5299,12387,7444],{"class":5309},[5299,12389,7498],{"class":5515},[5299,12391,6953],{"class":5309},[5299,12393,7498],{"class":5509},[5299,12395,6678],{"class":5309},[5299,12397,12398],{"class":5301,"line":6033},[5299,12399,7433],{"class":5309},[5299,12401,12402,12404,12407,12409,12411,12413,12416,12418,12420],{"class":5301,"line":6038},[5299,12403,12187],{"class":5309},[5299,12405,12406],{"class":5477},"'bottom'",[5299,12408,5336],{"class":5309},[5299,12410,12195],{"class":5477},[5299,12412,5336],{"class":5309},[5299,12414,12415],{"class":5477},"'top'",[5299,12417,12203],{"class":5309},[5299,12419,7498],{"class":5509},[5299,12421,6678],{"class":5309},[5299,12423,12424],{"class":5301,"line":6066},[5299,12425,10337],{"class":5309},[5299,12427,12428,12430,12432],{"class":5301,"line":6681},[5299,12429,7621],{"class":5309},[5299,12431,7625],{"class":7624},[5299,12433,12258],{"class":5309},[5252,12435,12436],{},[5221,12437,12438],{},"Ключові параметри:",[5198,12440,12441,12478,12488,12506,12514],{},[5201,12442,12443,12445,12446,7712,12449,12452,12453,5336,12455,5336,12457,12459,12460,12463,12464,5336,12466,5336,12468,12470,12471,12474,12475,12477],{},[5256,12444,6566],{},": розташування тексту. Для ",[5256,12447,12448],{},"set_title",[5256,12450,12451],{},"set_xlabel"," доступні ",[5256,12454,12190],{},[5256,12456,12195],{},[5256,12458,12200],{},"; для ",[5256,12461,12462],{},"set_ylabel"," — ",[5256,12465,12406],{},[5256,12467,12195],{},[5256,12469,12415],{},". Можна викликати ",[5256,12472,12473],{},"set_title()"," тричі з різними ",[5256,12476,6566],{},", щоб одночасно розмістити заголовок зліва, по центру та справа.",[5201,12479,12480,12483,12484,12487],{},[5256,12481,12482],{},"pad"," \u002F ",[5256,12485,12486],{},"labelpad",": фізичний відступ (у пунктах типографіки) між текстовим підписом та рамкою або засічками осі.",[5201,12489,12490,5336,12492,5336,12494,12496,12497,5336,12499,12502,12503,6184],{},[5256,12491,5690],{},[5256,12493,5700],{},[5256,12495,12049],{},": кегль (розмір шрифту), жирність (",[5256,12498,5705],{},[5256,12500,12501],{},"'normal'",") та нахил (",[5256,12504,12505],{},"'italic'",[5201,12507,12508,5336,12510,12513],{},[5256,12509,5643],{},[5256,12511,12512],{},"backgroundcolor",": колір самого шрифту та кольорова підкладка фону підпису.",[5201,12515,12516,12519,12520,12523],{},[5256,12517,12518],{},"rotation",": кут повороту напису в градусах (наприклад, ",[5256,12521,12522],{},"rotation=0"," для читабельного горизонтального підпису осі Y).",[5531,12525,12527],{"title":12526},"title_labels_variations.ipynb",[5535,12528,12529,13433],{"execution-count":5333},[5290,12530,12532],{"className":5292,"code":12531,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, axes = plt.subplots(2, 2, figsize=(13, 8), layout=\"constrained\")\nx = np.linspace(0, 6, 50)\ny = np.sin(x)\n\n# 1. Позиціонування заголовка loc & pad\nax = axes[0, 0]\nax.plot(x, y, color=\"#2563EB\", lw=2)\nax.set_title(\"loc='left', pad=15\", loc=\"left\", fontsize=11, fontweight=\"bold\", color=\"#1E3A8A\", pad=15)\nax.set_xlabel(\"Вісь X\", loc=\"right\", fontsize=10)\nax.set_ylabel(\"Вісь Y\", loc=\"top\", fontsize=10)\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 2. Стилізація кольорів, фону та шрифтів\nax = axes[0, 1]\nax.plot(x, y, color=\"#DC2626\", lw=2)\nax.set_title(\"Стилізація: колір, фон та відступ\", fontsize=11, fontweight=\"bold\",\n             color=\"white\", backgroundcolor=\"#991B1B\", pad=12)\nax.set_xlabel(\"Час t (секунди)\", fontsize=11, fontstyle=\"italic\", fontweight=\"bold\", color=\"#4B5563\", labelpad=10)\nax.set_ylabel(\"Амплітуда A (В)\", fontsize=11, fontstyle=\"italic\", color=\"#4B5563\")\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 3. Багаторівневий заголовок і повороти підписів\nax = axes[1, 0]\nax.plot(x, y * 100, color=\"#059669\", lw=2)\nax.set_title(\"Головний заголовок системи\\n[Додаткова технічна примітка: v=2.4 ГГц]\", \n             fontsize=10, fontweight=\"bold\", color=\"#065F46\", linespacing=1.4)\nax.set_xlabel(\"Поворот міток: rotation=0\", fontsize=10, labelpad=8)\nax.set_ylabel(\"Значення (%)\\n[rotation=0]\", fontsize=10, rotation=0, labelpad=35, va=\"center\")\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 4. Три незалежних заголовки на одному графіку (left, center, right)\nax = axes[1, 1]\nax.plot(x, np.cos(x), color=\"#7C3AED\", lw=2)\nax.set_title(\"Звіт: Травень 2026\", loc=\"left\", fontsize=9, color=\"#6B7280\", fontweight=\"bold\")\nax.set_title(\"Датчик #12\", loc=\"center\", fontsize=11, color=\"#111827\", fontweight=\"bold\")\nax.set_title(\"Статус: OK\", loc=\"right\", fontsize=9, color=\"#059669\", fontweight=\"bold\")\nax.set_xlabel(\"Кроки алгоритму (ітерації)\", fontsize=10)\nax.set_ylabel(\"cos(x)\", fontsize=10)\nax.grid(True, alpha=0.25, ls=\"--\")\n\nfig.suptitle(\"Варіації оформлення заголовків та осей (set_title, set_xlabel, set_ylabel)\", \n             fontsize=14, fontweight=\"bold\")\nplt.show()\n",[5256,12533,12534,12544,12554,12558,12590,12607,12611,12615,12620,12632,12652,12703,12729,12755,12779,12783,12788,12800,12820,12845,12873,12923,12956,12980,12984,12989,13001,13026,13040,13077,13102,13150,13174,13178,13183,13195,13216,13258,13300,13341,13358,13374,13398,13402,13411,13429],{"__ignoreMap":5295},[5299,12535,12536,12538,12540,12542],{"class":5301,"line":5302},[5299,12537,5306],{"class":5305},[5299,12539,5310],{"class":5309},[5299,12541,5313],{"class":5305},[5299,12543,5316],{"class":5309},[5299,12545,12546,12548,12550,12552],{"class":5301,"line":5319},[5299,12547,5306],{"class":5305},[5299,12549,5558],{"class":5309},[5299,12551,5313],{"class":5305},[5299,12553,5563],{"class":5309},[5299,12555,12556],{"class":5301,"line":5326},[5299,12557,5323],{"emptyLinePlaceholder":5322},[5299,12559,12560,12562,12564,12566,12568,12570,12572,12574,12576,12578,12580,12582,12584,12586,12588],{"class":5301,"line":5355},[5299,12561,10514],{"class":5309},[5299,12563,5389],{"class":5332},[5299,12565,5336],{"class":5309},[5299,12567,5389],{"class":5332},[5299,12569,5336],{"class":5309},[5299,12571,5583],{"class":5515},[5299,12573,5586],{"class":5309},[5299,12575,6053],{"class":5332},[5299,12577,5336],{"class":5309},[5299,12579,6751],{"class":5332},[5299,12581,5597],{"class":5309},[5299,12583,5600],{"class":5515},[5299,12585,5519],{"class":5309},[5299,12587,7778],{"class":5477},[5299,12589,5481],{"class":5309},[5299,12591,12592,12594,12596,12598,12600,12602,12605],{"class":5301,"line":5448},[5299,12593,6424],{"class":5309},[5299,12595,6427],{"class":5332},[5299,12597,5336],{"class":5309},[5299,12599,6384],{"class":5332},[5299,12601,5336],{"class":5309},[5299,12603,12604],{"class":5332},"50",[5299,12606,5481],{"class":5309},[5299,12608,12609],{"class":5301,"line":5527},[5299,12610,6443],{"class":5309},[5299,12612,12613],{"class":5301,"line":5620},[5299,12614,5323],{"emptyLinePlaceholder":5322},[5299,12616,12617],{"class":5301,"line":5672},[5299,12618,12619],{"class":5616},"# 1. Позиціонування заголовка loc & pad\n",[5299,12621,12622,12624,12626,12628,12630],{"class":5301,"line":5710},[5299,12623,10572],{"class":5309},[5299,12625,6427],{"class":5332},[5299,12627,5336],{"class":5309},[5299,12629,6427],{"class":5332},[5299,12631,5406],{"class":5309},[5299,12633,12634,12636,12638,12640,12642,12644,12646,12648,12650],{"class":5301,"line":5729},[5299,12635,6457],{"class":5309},[5299,12637,5643],{"class":5515},[5299,12639,5519],{"class":5309},[5299,12641,7843],{"class":5477},[5299,12643,5336],{"class":5309},[5299,12645,5663],{"class":5515},[5299,12647,5519],{"class":5309},[5299,12649,5389],{"class":5332},[5299,12651,5481],{"class":5309},[5299,12653,12654,12656,12659,12661,12663,12665,12668,12670,12672,12674,12676,12678,12680,12682,12684,12686,12688,12690,12693,12695,12697,12699,12701],{"class":5301,"line":5734},[5299,12655,6499],{"class":5309},[5299,12657,12658],{"class":5477},"\"loc='left', pad=15\"",[5299,12660,5336],{"class":5309},[5299,12662,6566],{"class":5515},[5299,12664,5519],{"class":5309},[5299,12666,12667],{"class":5477},"\"left\"",[5299,12669,5336],{"class":5309},[5299,12671,5690],{"class":5515},[5299,12673,5519],{"class":5309},[5299,12675,7869],{"class":5332},[5299,12677,5336],{"class":5309},[5299,12679,5700],{"class":5515},[5299,12681,5519],{"class":5309},[5299,12683,6519],{"class":5477},[5299,12685,5336],{"class":5309},[5299,12687,5643],{"class":5515},[5299,12689,5519],{"class":5309},[5299,12691,12692],{"class":5477},"\"#1E3A8A\"",[5299,12694,5336],{"class":5309},[5299,12696,12482],{"class":5515},[5299,12698,5519],{"class":5309},[5299,12700,5589],{"class":5332},[5299,12702,5481],{"class":5309},[5299,12704,12705,12707,12710,12712,12714,12716,12719,12721,12723,12725,12727],{"class":5301,"line":5740},[5299,12706,6526],{"class":5309},[5299,12708,12709],{"class":5477},"\"Вісь X\"",[5299,12711,5336],{"class":5309},[5299,12713,6566],{"class":5515},[5299,12715,5519],{"class":5309},[5299,12717,12718],{"class":5477},"\"right\"",[5299,12720,5336],{"class":5309},[5299,12722,5690],{"class":5515},[5299,12724,5519],{"class":5309},[5299,12726,5695],{"class":5332},[5299,12728,5481],{"class":5309},[5299,12730,12731,12733,12736,12738,12740,12742,12745,12747,12749,12751,12753],{"class":5301,"line":5765},[5299,12732,6545],{"class":5309},[5299,12734,12735],{"class":5477},"\"Вісь Y\"",[5299,12737,5336],{"class":5309},[5299,12739,6566],{"class":5515},[5299,12741,5519],{"class":5309},[5299,12743,12744],{"class":5477},"\"top\"",[5299,12746,5336],{"class":5309},[5299,12748,5690],{"class":5515},[5299,12750,5519],{"class":5309},[5299,12752,5695],{"class":5332},[5299,12754,5481],{"class":5309},[5299,12756,12757,12759,12761,12763,12765,12767,12769,12771,12773,12775,12777],{"class":5301,"line":5790},[5299,12758,6578],{"class":5309},[5299,12760,5510],{"class":5509},[5299,12762,5336],{"class":5309},[5299,12764,5516],{"class":5515},[5299,12766,5519],{"class":5309},[5299,12768,7912],{"class":5332},[5299,12770,5336],{"class":5309},[5299,12772,6023],{"class":5515},[5299,12774,5519],{"class":5309},[5299,12776,6598],{"class":5477},[5299,12778,5481],{"class":5309},[5299,12780,12781],{"class":5301,"line":5822},[5299,12782,5323],{"emptyLinePlaceholder":5322},[5299,12784,12785],{"class":5301,"line":5854},[5299,12786,12787],{"class":5616},"# 2. Стилізація кольорів, фону та шрифтів\n",[5299,12789,12790,12792,12794,12796,12798],{"class":5301,"line":5872},[5299,12791,10572],{"class":5309},[5299,12793,6427],{"class":5332},[5299,12795,5336],{"class":5309},[5299,12797,5333],{"class":5332},[5299,12799,5406],{"class":5309},[5299,12801,12802,12804,12806,12808,12810,12812,12814,12816,12818],{"class":5301,"line":5877},[5299,12803,6457],{"class":5309},[5299,12805,5643],{"class":5515},[5299,12807,5519],{"class":5309},[5299,12809,7983],{"class":5477},[5299,12811,5336],{"class":5309},[5299,12813,5663],{"class":5515},[5299,12815,5519],{"class":5309},[5299,12817,5389],{"class":5332},[5299,12819,5481],{"class":5309},[5299,12821,12822,12824,12827,12829,12831,12833,12835,12837,12839,12841,12843],{"class":5301,"line":5883},[5299,12823,6499],{"class":5309},[5299,12825,12826],{"class":5477},"\"Стилізація: колір, фон та відступ\"",[5299,12828,5336],{"class":5309},[5299,12830,5690],{"class":5515},[5299,12832,5519],{"class":5309},[5299,12834,7869],{"class":5332},[5299,12836,5336],{"class":5309},[5299,12838,5700],{"class":5515},[5299,12840,5519],{"class":5309},[5299,12842,6519],{"class":5477},[5299,12844,6678],{"class":5309},[5299,12846,12847,12849,12851,12854,12856,12858,12860,12863,12865,12867,12869,12871],{"class":5301,"line":5925},[5299,12848,11999],{"class":5515},[5299,12850,5519],{"class":5309},[5299,12852,12853],{"class":5477},"\"white\"",[5299,12855,5336],{"class":5309},[5299,12857,12512],{"class":5515},[5299,12859,5519],{"class":5309},[5299,12861,12862],{"class":5477},"\"#991B1B\"",[5299,12864,5336],{"class":5309},[5299,12866,12482],{"class":5515},[5299,12868,5519],{"class":5309},[5299,12870,6538],{"class":5332},[5299,12872,5481],{"class":5309},[5299,12874,12875,12877,12880,12882,12884,12886,12888,12890,12892,12894,12896,12898,12900,12902,12904,12906,12908,12910,12913,12915,12917,12919,12921],{"class":5301,"line":5966},[5299,12876,6526],{"class":5309},[5299,12878,12879],{"class":5477},"\"Час t (секунди)\"",[5299,12881,5336],{"class":5309},[5299,12883,5690],{"class":5515},[5299,12885,5519],{"class":5309},[5299,12887,7869],{"class":5332},[5299,12889,5336],{"class":5309},[5299,12891,12049],{"class":5515},[5299,12893,5519],{"class":5309},[5299,12895,12054],{"class":5477},[5299,12897,5336],{"class":5309},[5299,12899,5700],{"class":5515},[5299,12901,5519],{"class":5309},[5299,12903,6519],{"class":5477},[5299,12905,5336],{"class":5309},[5299,12907,5643],{"class":5515},[5299,12909,5519],{"class":5309},[5299,12911,12912],{"class":5477},"\"#4B5563\"",[5299,12914,5336],{"class":5309},[5299,12916,12486],{"class":5515},[5299,12918,5519],{"class":5309},[5299,12920,5695],{"class":5332},[5299,12922,5481],{"class":5309},[5299,12924,12925,12927,12930,12932,12934,12936,12938,12940,12942,12944,12946,12948,12950,12952,12954],{"class":5301,"line":5985},[5299,12926,6545],{"class":5309},[5299,12928,12929],{"class":5477},"\"Амплітуда A (В)\"",[5299,12931,5336],{"class":5309},[5299,12933,5690],{"class":5515},[5299,12935,5519],{"class":5309},[5299,12937,7869],{"class":5332},[5299,12939,5336],{"class":5309},[5299,12941,12049],{"class":5515},[5299,12943,5519],{"class":5309},[5299,12945,12054],{"class":5477},[5299,12947,5336],{"class":5309},[5299,12949,5643],{"class":5515},[5299,12951,5519],{"class":5309},[5299,12953,12912],{"class":5477},[5299,12955,5481],{"class":5309},[5299,12957,12958,12960,12962,12964,12966,12968,12970,12972,12974,12976,12978],{"class":5301,"line":6004},[5299,12959,6578],{"class":5309},[5299,12961,5510],{"class":5509},[5299,12963,5336],{"class":5309},[5299,12965,5516],{"class":5515},[5299,12967,5519],{"class":5309},[5299,12969,7912],{"class":5332},[5299,12971,5336],{"class":5309},[5299,12973,6023],{"class":5515},[5299,12975,5519],{"class":5309},[5299,12977,6598],{"class":5477},[5299,12979,5481],{"class":5309},[5299,12981,12982],{"class":5301,"line":6033},[5299,12983,5323],{"emptyLinePlaceholder":5322},[5299,12985,12986],{"class":5301,"line":6038},[5299,12987,12988],{"class":5616},"# 3. Багаторівневий заголовок і повороти підписів\n",[5299,12990,12991,12993,12995,12997,12999],{"class":5301,"line":6066},[5299,12992,10572],{"class":5309},[5299,12994,5333],{"class":5332},[5299,12996,5336],{"class":5309},[5299,12998,6427],{"class":5332},[5299,13000,5406],{"class":5309},[5299,13002,13003,13006,13008,13010,13012,13014,13016,13018,13020,13022,13024],{"class":5301,"line":6681},[5299,13004,13005],{"class":5309},"ax.plot(x, y * ",[5299,13007,6436],{"class":5332},[5299,13009,5336],{"class":5309},[5299,13011,5643],{"class":5515},[5299,13013,5519],{"class":5309},[5299,13015,10649],{"class":5477},[5299,13017,5336],{"class":5309},[5299,13019,5663],{"class":5515},[5299,13021,5519],{"class":5309},[5299,13023,5389],{"class":5332},[5299,13025,5481],{"class":5309},[5299,13027,13028,13030,13033,13035,13038],{"class":5301,"line":6714},[5299,13029,6499],{"class":5309},[5299,13031,13032],{"class":5477},"\"Головний заголовок системи",[5299,13034,5682],{"class":5681},[5299,13036,13037],{"class":5477},"[Додаткова технічна примітка: v=2.4 ГГц]\"",[5299,13039,8122],{"class":5309},[5299,13041,13042,13044,13046,13048,13050,13052,13054,13056,13058,13060,13062,13065,13067,13070,13072,13075],{"class":5301,"line":6719},[5299,13043,11977],{"class":5515},[5299,13045,5519],{"class":5309},[5299,13047,5695],{"class":5332},[5299,13049,5336],{"class":5309},[5299,13051,5700],{"class":5515},[5299,13053,5519],{"class":5309},[5299,13055,6519],{"class":5477},[5299,13057,5336],{"class":5309},[5299,13059,5643],{"class":5515},[5299,13061,5519],{"class":5309},[5299,13063,13064],{"class":5477},"\"#065F46\"",[5299,13066,5336],{"class":5309},[5299,13068,13069],{"class":5515},"linespacing",[5299,13071,5519],{"class":5309},[5299,13073,13074],{"class":5332},"1.4",[5299,13076,5481],{"class":5309},[5299,13078,13079,13081,13084,13086,13088,13090,13092,13094,13096,13098,13100],{"class":5301,"line":6761},[5299,13080,6526],{"class":5309},[5299,13082,13083],{"class":5477},"\"Поворот міток: rotation=0\"",[5299,13085,5336],{"class":5309},[5299,13087,5690],{"class":5515},[5299,13089,5519],{"class":5309},[5299,13091,5695],{"class":5332},[5299,13093,5336],{"class":5309},[5299,13095,12486],{"class":5515},[5299,13097,5519],{"class":5309},[5299,13099,6751],{"class":5332},[5299,13101,5481],{"class":5309},[5299,13103,13104,13106,13109,13111,13114,13116,13118,13120,13122,13124,13126,13128,13130,13132,13134,13136,13139,13141,13144,13146,13148],{"class":5301,"line":6789},[5299,13105,6545],{"class":5309},[5299,13107,13108],{"class":5477},"\"Значення (%)",[5299,13110,5682],{"class":5681},[5299,13112,13113],{"class":5477},"[rotation=0]\"",[5299,13115,5336],{"class":5309},[5299,13117,5690],{"class":5515},[5299,13119,5519],{"class":5309},[5299,13121,5695],{"class":5332},[5299,13123,5336],{"class":5309},[5299,13125,12518],{"class":5515},[5299,13127,5519],{"class":5309},[5299,13129,6427],{"class":5332},[5299,13131,5336],{"class":5309},[5299,13133,12486],{"class":5515},[5299,13135,5519],{"class":5309},[5299,13137,13138],{"class":5332},"35",[5299,13140,5336],{"class":5309},[5299,13142,13143],{"class":5515},"va",[5299,13145,5519],{"class":5309},[5299,13147,8132],{"class":5477},[5299,13149,5481],{"class":5309},[5299,13151,13152,13154,13156,13158,13160,13162,13164,13166,13168,13170,13172],{"class":5301,"line":6816},[5299,13153,6578],{"class":5309},[5299,13155,5510],{"class":5509},[5299,13157,5336],{"class":5309},[5299,13159,5516],{"class":5515},[5299,13161,5519],{"class":5309},[5299,13163,7912],{"class":5332},[5299,13165,5336],{"class":5309},[5299,13167,6023],{"class":5515},[5299,13169,5519],{"class":5309},[5299,13171,6598],{"class":5477},[5299,13173,5481],{"class":5309},[5299,13175,13176],{"class":5301,"line":6821},[5299,13177,5323],{"emptyLinePlaceholder":5322},[5299,13179,13180],{"class":5301,"line":6863},[5299,13181,13182],{"class":5616},"# 4. Три незалежних заголовки на одному графіку (left, center, right)\n",[5299,13184,13185,13187,13189,13191,13193],{"class":5301,"line":6891},[5299,13186,10572],{"class":5309},[5299,13188,5333],{"class":5332},[5299,13190,5336],{"class":5309},[5299,13192,5333],{"class":5332},[5299,13194,5406],{"class":5309},[5299,13196,13197,13200,13202,13204,13206,13208,13210,13212,13214],{"class":5301,"line":6918},[5299,13198,13199],{"class":5309},"ax.plot(x, np.cos(x), ",[5299,13201,5643],{"class":5515},[5299,13203,5519],{"class":5309},[5299,13205,8245],{"class":5477},[5299,13207,5336],{"class":5309},[5299,13209,5663],{"class":5515},[5299,13211,5519],{"class":5309},[5299,13213,5389],{"class":5332},[5299,13215,5481],{"class":5309},[5299,13217,13218,13220,13223,13225,13227,13229,13231,13233,13235,13237,13239,13241,13243,13245,13248,13250,13252,13254,13256],{"class":5301,"line":6923},[5299,13219,6499],{"class":5309},[5299,13221,13222],{"class":5477},"\"Звіт: Травень 2026\"",[5299,13224,5336],{"class":5309},[5299,13226,6566],{"class":5515},[5299,13228,5519],{"class":5309},[5299,13230,12667],{"class":5477},[5299,13232,5336],{"class":5309},[5299,13234,5690],{"class":5515},[5299,13236,5519],{"class":5309},[5299,13238,5344],{"class":5332},[5299,13240,5336],{"class":5309},[5299,13242,5643],{"class":5515},[5299,13244,5519],{"class":5309},[5299,13246,13247],{"class":5477},"\"#6B7280\"",[5299,13249,5336],{"class":5309},[5299,13251,5700],{"class":5515},[5299,13253,5519],{"class":5309},[5299,13255,6519],{"class":5477},[5299,13257,5481],{"class":5309},[5299,13259,13260,13262,13265,13267,13269,13271,13273,13275,13277,13279,13281,13283,13285,13287,13290,13292,13294,13296,13298],{"class":5301,"line":6929},[5299,13261,6499],{"class":5309},[5299,13263,13264],{"class":5477},"\"Датчик #12\"",[5299,13266,5336],{"class":5309},[5299,13268,6566],{"class":5515},[5299,13270,5519],{"class":5309},[5299,13272,8132],{"class":5477},[5299,13274,5336],{"class":5309},[5299,13276,5690],{"class":5515},[5299,13278,5519],{"class":5309},[5299,13280,7869],{"class":5332},[5299,13282,5336],{"class":5309},[5299,13284,5643],{"class":5515},[5299,13286,5519],{"class":5309},[5299,13288,13289],{"class":5477},"\"#111827\"",[5299,13291,5336],{"class":5309},[5299,13293,5700],{"class":5515},[5299,13295,5519],{"class":5309},[5299,13297,6519],{"class":5477},[5299,13299,5481],{"class":5309},[5299,13301,13302,13304,13307,13309,13311,13313,13315,13317,13319,13321,13323,13325,13327,13329,13331,13333,13335,13337,13339],{"class":5301,"line":8317},[5299,13303,6499],{"class":5309},[5299,13305,13306],{"class":5477},"\"Статус: OK\"",[5299,13308,5336],{"class":5309},[5299,13310,6566],{"class":5515},[5299,13312,5519],{"class":5309},[5299,13314,12718],{"class":5477},[5299,13316,5336],{"class":5309},[5299,13318,5690],{"class":5515},[5299,13320,5519],{"class":5309},[5299,13322,5344],{"class":5332},[5299,13324,5336],{"class":5309},[5299,13326,5643],{"class":5515},[5299,13328,5519],{"class":5309},[5299,13330,10649],{"class":5477},[5299,13332,5336],{"class":5309},[5299,13334,5700],{"class":5515},[5299,13336,5519],{"class":5309},[5299,13338,6519],{"class":5477},[5299,13340,5481],{"class":5309},[5299,13342,13343,13345,13348,13350,13352,13354,13356],{"class":5301,"line":8331},[5299,13344,6526],{"class":5309},[5299,13346,13347],{"class":5477},"\"Кроки алгоритму (ітерації)\"",[5299,13349,5336],{"class":5309},[5299,13351,5690],{"class":5515},[5299,13353,5519],{"class":5309},[5299,13355,5695],{"class":5332},[5299,13357,5481],{"class":5309},[5299,13359,13360,13362,13364,13366,13368,13370,13372],{"class":5301,"line":8346},[5299,13361,6545],{"class":5309},[5299,13363,8914],{"class":5477},[5299,13365,5336],{"class":5309},[5299,13367,5690],{"class":5515},[5299,13369,5519],{"class":5309},[5299,13371,5695],{"class":5332},[5299,13373,5481],{"class":5309},[5299,13375,13376,13378,13380,13382,13384,13386,13388,13390,13392,13394,13396],{"class":5301,"line":8358},[5299,13377,6578],{"class":5309},[5299,13379,5510],{"class":5509},[5299,13381,5336],{"class":5309},[5299,13383,5516],{"class":5515},[5299,13385,5519],{"class":5309},[5299,13387,7912],{"class":5332},[5299,13389,5336],{"class":5309},[5299,13391,6023],{"class":5515},[5299,13393,5519],{"class":5309},[5299,13395,6598],{"class":5477},[5299,13397,5481],{"class":5309},[5299,13399,13400],{"class":5301,"line":8372},[5299,13401,5323],{"emptyLinePlaceholder":5322},[5299,13403,13404,13406,13409],{"class":5301,"line":8393},[5299,13405,6041],{"class":5309},[5299,13407,13408],{"class":5477},"\"Варіації оформлення заголовків та осей (set_title, set_xlabel, set_ylabel)\"",[5299,13410,8122],{"class":5309},[5299,13412,13413,13415,13417,13419,13421,13423,13425,13427],{"class":5301,"line":8421},[5299,13414,11977],{"class":5515},[5299,13416,5519],{"class":5309},[5299,13418,7269],{"class":5332},[5299,13420,5336],{"class":5309},[5299,13422,5700],{"class":5515},[5299,13424,5519],{"class":5309},[5299,13426,6519],{"class":5477},[5299,13428,5481],{"class":5309},[5299,13430,13431],{"class":5301,"line":8426},[5299,13432,5358],{"class":5309},[6070,13434,13435],{"v-slot:output":5295},[6073,13436],{"alt":13437,"className":13438,"src":13439},"Варіації оформлення заголовків та осей",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F15.png",[5278,13441,13443],{"id":13442},"сітка-для-зручності-читання","Сітка для зручності читання",[5252,13445,13446],{},"Сітка допомагає точніше визначити координати точок на графіку.",[5531,13448,13450],{"title":13449},"grid_examples.ipynb",[5535,13451,13452,13659],{"execution-count":5333},[5290,13453,13455],{"className":5292,"code":13454,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 4*np.pi, 100)\ny = np.sin(x)\n\nfig, (ax1, ax2, ax3) = plt.subplots(1, 3, figsize=(15, 4))\n\n# Без сітки\nax1.plot(x, y)\nax1.set_title(\"Без сітки\")\n\n# Сітка за замовчуванням\nax2.plot(x, y)\nax2.grid(True)\nax2.set_title(\"Сітка за замовчуванням\")\n\n# Кастомна сітка\nax3.plot(x, y)\nax3.grid(True, alpha=0.3, linestyle=\"--\", linewidth=1, color=\"gray\")\nax3.set_title(\"Кастомна сітка\")\n\nplt.tight_layout()\nplt.show()\n",[5256,13456,13457,13467,13477,13481,13497,13501,13505,13529,13533,13538,13543,13552,13556,13561,13566,13574,13583,13587,13592,13597,13638,13647,13651,13655],{"__ignoreMap":5295},[5299,13458,13459,13461,13463,13465],{"class":5301,"line":5302},[5299,13460,5306],{"class":5305},[5299,13462,5310],{"class":5309},[5299,13464,5313],{"class":5305},[5299,13466,5316],{"class":5309},[5299,13468,13469,13471,13473,13475],{"class":5301,"line":5319},[5299,13470,5306],{"class":5305},[5299,13472,5558],{"class":5309},[5299,13474,5313],{"class":5305},[5299,13476,5563],{"class":5309},[5299,13478,13479],{"class":5301,"line":5326},[5299,13480,5323],{"emptyLinePlaceholder":5322},[5299,13482,13483,13485,13487,13489,13491,13493,13495],{"class":5301,"line":5355},[5299,13484,6424],{"class":5309},[5299,13486,6427],{"class":5332},[5299,13488,5336],{"class":5309},[5299,13490,5339],{"class":5332},[5299,13492,8817],{"class":5309},[5299,13494,6436],{"class":5332},[5299,13496,5481],{"class":5309},[5299,13498,13499],{"class":5301,"line":5448},[5299,13500,6443],{"class":5309},[5299,13502,13503],{"class":5301,"line":5527},[5299,13504,5323],{"emptyLinePlaceholder":5322},[5299,13506,13507,13509,13511,13513,13515,13517,13519,13521,13523,13525,13527],{"class":5301,"line":5620},[5299,13508,5572],{"class":5309},[5299,13510,5333],{"class":5332},[5299,13512,5336],{"class":5309},[5299,13514,5394],{"class":5332},[5299,13516,5336],{"class":5309},[5299,13518,5583],{"class":5515},[5299,13520,5586],{"class":5309},[5299,13522,5589],{"class":5332},[5299,13524,5336],{"class":5309},[5299,13526,5339],{"class":5332},[5299,13528,6387],{"class":5309},[5299,13530,13531],{"class":5301,"line":5672},[5299,13532,5323],{"emptyLinePlaceholder":5322},[5299,13534,13535],{"class":5301,"line":5710},[5299,13536,13537],{"class":5616},"# Без сітки\n",[5299,13539,13540],{"class":5301,"line":5729},[5299,13541,13542],{"class":5309},"ax1.plot(x, y)\n",[5299,13544,13545,13547,13550],{"class":5301,"line":5734},[5299,13546,5675],{"class":5309},[5299,13548,13549],{"class":5477},"\"Без сітки\"",[5299,13551,5481],{"class":5309},[5299,13553,13554],{"class":5301,"line":5740},[5299,13555,5323],{"emptyLinePlaceholder":5322},[5299,13557,13558],{"class":5301,"line":5765},[5299,13559,13560],{"class":5616},"# Сітка за замовчуванням\n",[5299,13562,13563],{"class":5301,"line":5790},[5299,13564,13565],{"class":5309},"ax2.plot(x, y)\n",[5299,13567,13568,13570,13572],{"class":5301,"line":5822},[5299,13569,5857],{"class":5309},[5299,13571,5510],{"class":5509},[5299,13573,5481],{"class":5309},[5299,13575,13576,13578,13581],{"class":5301,"line":5854},[5299,13577,5825],{"class":5309},[5299,13579,13580],{"class":5477},"\"Сітка за замовчуванням\"",[5299,13582,5481],{"class":5309},[5299,13584,13585],{"class":5301,"line":5872},[5299,13586,5323],{"emptyLinePlaceholder":5322},[5299,13588,13589],{"class":5301,"line":5877},[5299,13590,13591],{"class":5616},"# Кастомна сітка\n",[5299,13593,13594],{"class":5301,"line":5883},[5299,13595,13596],{"class":5309},"ax3.plot(x, y)\n",[5299,13598,13599,13601,13603,13605,13607,13609,13611,13613,13615,13617,13619,13621,13623,13625,13627,13629,13631,13633,13636],{"class":5301,"line":5925},[5299,13600,6007],{"class":5309},[5299,13602,5510],{"class":5509},[5299,13604,5336],{"class":5309},[5299,13606,5516],{"class":5515},[5299,13608,5519],{"class":5309},[5299,13610,5522],{"class":5332},[5299,13612,5336],{"class":5309},[5299,13614,6593],{"class":5515},[5299,13616,5519],{"class":5309},[5299,13618,6598],{"class":5477},[5299,13620,5336],{"class":5309},[5299,13622,6479],{"class":5515},[5299,13624,5519],{"class":5309},[5299,13626,5333],{"class":5332},[5299,13628,5336],{"class":5309},[5299,13630,5643],{"class":5515},[5299,13632,5519],{"class":5309},[5299,13634,13635],{"class":5477},"\"gray\"",[5299,13637,5481],{"class":5309},[5299,13639,13640,13642,13645],{"class":5301,"line":5966},[5299,13641,5928],{"class":5309},[5299,13643,13644],{"class":5477},"\"Кастомна сітка\"",[5299,13646,5481],{"class":5309},[5299,13648,13649],{"class":5301,"line":5985},[5299,13650,5323],{"emptyLinePlaceholder":5322},[5299,13652,13653],{"class":5301,"line":6004},[5299,13654,6926],{"class":5309},[5299,13656,13657],{"class":5301,"line":6033},[5299,13658,5358],{"class":5309},[6070,13660,13661],{"v-slot:output":5295},[6073,13662],{"alt":13663,"className":13664,"src":13665},"Три варіанти сітки",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F08.png",[6080,13667,13668,13677],{},[5252,13669,13670],{},[5221,13671,13672,13673,13676],{},"Параметри ",[5256,13674,13675],{},"grid()",":",[5198,13678,13679,13684,13698,13703,13708],{},[5201,13680,13681,13683],{},[5256,13682,5516],{}," — прозорість (0.0 = невидима, 1.0 = повністю непрозора). Рекомендація: 0.3–0.5",[5201,13685,13686,13688,13689,5336,13691,5336,13693,5336,13695,13697],{},[5256,13687,6593],{}," — стиль лінії (",[5256,13690,9276],{},[5256,13692,6598],{},[5256,13694,9992],{},[5256,13696,10010],{},")",[5201,13699,13700,13702],{},[5256,13701,6479],{}," — товщина лінії",[5201,13704,13705,13707],{},[5256,13706,5643],{}," — колір сітки",[5201,13709,13710,12463,13713,13716,13717,13720],{},[5256,13711,13712],{},"which",[5256,13714,13715],{},"\"major\""," (основні мітки) або ",[5256,13718,13719],{},"\"both\""," (основні + другорядні)",[5278,13722,13724],{"id":13723},"сигнатура-методу-axgrid-та-розширені-варіації-координатної-сітки","Сигнатура методу ax.grid() та розширені варіації координатної сітки",[5252,13726,10049,13727,13730],{},[5256,13728,13729],{},"ax.grid()"," керує нанесенням ліній координатної сітки для швидкого візуального зчитування значень з графіків.",[5290,13732,13735],{"className":5292,"code":13733,"filename":13734,"language":5294,"meta":5295,"style":5295},"Axes.grid(\n    visible: bool | None = None,\n    which: Literal['major', 'minor', 'both'] = 'major',\n    axis: Literal['both', 'x', 'y'] = 'both',\n    **kwargs  # color, linestyle, linewidth, alpha\n) -> None\n","Сигнатура ax.grid",[5256,13736,13737,13742,13759,13783,13806,13814],{"__ignoreMap":5295},[5299,13738,13739],{"class":5301,"line":5302},[5299,13740,13741],{"class":5309},"Axes.grid(\n",[5299,13743,13744,13747,13749,13751,13753,13755,13757],{"class":5301,"line":5319},[5299,13745,13746],{"class":5309},"    visible: ",[5299,13748,7441],{"class":6689},[5299,13750,7444],{"class":5309},[5299,13752,7498],{"class":5515},[5299,13754,6953],{"class":5309},[5299,13756,7498],{"class":5509},[5299,13758,6678],{"class":5309},[5299,13760,13761,13764,13767,13769,13772,13774,13777,13779,13781],{"class":5301,"line":5326},[5299,13762,13763],{"class":5309},"    which: Literal[",[5299,13765,13766],{"class":5477},"'major'",[5299,13768,5336],{"class":5309},[5299,13770,13771],{"class":5477},"'minor'",[5299,13773,5336],{"class":5309},[5299,13775,13776],{"class":5477},"'both'",[5299,13778,12203],{"class":5309},[5299,13780,13766],{"class":5477},[5299,13782,6678],{"class":5309},[5299,13784,13785,13788,13790,13792,13795,13797,13800,13802,13804],{"class":5301,"line":5355},[5299,13786,13787],{"class":5309},"    axis: Literal[",[5299,13789,13776],{"class":5477},[5299,13791,5336],{"class":5309},[5299,13793,13794],{"class":5477},"'x'",[5299,13796,5336],{"class":5309},[5299,13798,13799],{"class":5477},"'y'",[5299,13801,12203],{"class":5309},[5299,13803,13776],{"class":5477},[5299,13805,6678],{"class":5309},[5299,13807,13808,13811],{"class":5301,"line":5448},[5299,13809,13810],{"class":5309},"    **kwargs  ",[5299,13812,13813],{"class":5616},"# color, linestyle, linewidth, alpha\n",[5299,13815,13816,13818,13820],{"class":5301,"line":5527},[5299,13817,7621],{"class":5309},[5299,13819,7625],{"class":7624},[5299,13821,13822],{"class":5509}," None\n",[5252,13824,13825],{},[5221,13826,13827,13828,13676],{},"Аналіз параметрів методу ",[5256,13829,13675],{},[5198,13831,13832,13844,13869,13884],{},[5201,13833,13834,13837,13838,13840,13841,13843],{},[5256,13835,13836],{},"visible",": логічний прапорець показу сітки (",[5256,13839,5510],{}," — показати, ",[5256,13842,7452],{}," — приховати).",[5201,13845,13846,13848,13849],{},[5256,13847,13712],{},": шкала засічок, на якій базується сітка:\n",[5198,13850,13851,13856,13864],{},[5201,13852,13853,13855],{},[5256,13854,13766],{}," — за основними числовими мітками.",[5201,13857,13858,13860,13861,6184],{},[5256,13859,13771],{}," — за проміжними (допоміжними) засічками (активуються через ",[5256,13862,13863],{},"ax.minorticks_on()",[5201,13865,13866,13868],{},[5256,13867,13776],{}," — одночасно за обома шкалами (для щільного аналізу).",[5201,13870,13871,13874,13875,13877,13878,13880,13881,13883],{},[5256,13872,13873],{},"axis",": напрямок ліній сітки (",[5256,13876,13776],{}," — повна сітка, ",[5256,13879,13794],{}," — вертикальні лінії для таймлайнів, ",[5256,13882,13799],{}," — горизонтальні лінії для порівняння рівнів значень).",[5201,13885,13886,5336,13888,5336,13890,5336,13892,13894],{},[5256,13887,6593],{},[5256,13889,6479],{},[5256,13891,5643],{},[5256,13893,5516],{},": параметри накреслення ліній сітки.",[5531,13896,13898],{"title":13897},"grid_signature_variations.ipynb",[5535,13899,13900,14603],{"execution-count":5333},[5290,13901,13903],{"className":5292,"code":13902,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, axes = plt.subplots(2, 2, figsize=(13, 8), layout=\"constrained\")\nx = np.linspace(0, 10, 100)\ny = 5 * np.exp(-x\u002F3) * np.cos(2*x)\n\n# 1. Тільки горизонтальна сітка для значень Y\nax = axes[0, 0]\nax.plot(x, y, color=\"#2563EB\", lw=2)\nax.set_title(\"1. Тільки вісь Y: grid(axis='y', alpha=0.5)\", fontsize=11, fontweight=\"bold\")\nax.grid(axis=\"y\", color=\"#94A3B8\", linestyle=\"-\", linewidth=0.8, alpha=0.6)\nax.set_xlabel(\"x\")\nax.set_ylabel(\"y\")\n\n# 2. Тільки вертикальна сітка для часових етапів\nax = axes[0, 1]\nax.plot(x, y, color=\"#DC2626\", lw=2)\nax.set_title(\"2. Тільки вісь X: grid(axis='x', linestyle=':')\", fontsize=11, fontweight=\"bold\")\nax.grid(axis=\"x\", color=\"#DC2626\", linestyle=\":\", linewidth=1.2, alpha=0.5)\nax.set_xlabel(\"Час (дні)\")\nax.set_ylabel(\"y\")\n\n# 3. Дворівнева сітка: major + minor\nax = axes[1, 0]\nax.plot(x, y, color=\"#059669\", lw=2)\nax.minorticks_on()\nax.grid(which=\"major\", color=\"#1E293B\", linestyle=\"-\", linewidth=0.8, alpha=0.5)\nax.grid(which=\"minor\", color=\"#64748B\", linestyle=\":\", linewidth=0.5, alpha=0.4)\nax.set_title(\"3. Подвійна сітка: which='major' + which='minor'\", fontsize=11, fontweight=\"bold\")\nax.set_xlabel(\"x\")\nax.set_ylabel(\"y\")\n\n# 4. Стилізована сітка на фоновій підкладці\nax = axes[1, 1]\nax.plot(x, y, color=\"#D97706\", lw=2)\nax.set_facecolor(\"#F8FAFC\")\nax.grid(True, color=\"#CBD5E1\", linestyle=(0, (4, 4)), linewidth=1.5, alpha=0.8)\nax.set_title(\"4. Кастомний патерн на підкладці (facecolor='#F8FAFC')\", fontsize=11, fontweight=\"bold\")\nax.set_xlabel(\"x\")\nax.set_ylabel(\"y\")\n\nfig.suptitle(\"Варіації налаштування координатної сітки: ax.grid()\", fontsize=14, fontweight=\"bold\")\nplt.show()\n",[5256,13904,13905,13915,13925,13929,13961,13977,13996,14000,14005,14017,14037,14062,14107,14115,14123,14127,14132,14144,14164,14189,14233,14242,14250,14254,14259,14271,14291,14296,14341,14388,14413,14421,14429,14433,14438,14450,14470,14480,14529,14554,14562,14570,14574,14599],{"__ignoreMap":5295},[5299,13906,13907,13909,13911,13913],{"class":5301,"line":5302},[5299,13908,5306],{"class":5305},[5299,13910,5310],{"class":5309},[5299,13912,5313],{"class":5305},[5299,13914,5316],{"class":5309},[5299,13916,13917,13919,13921,13923],{"class":5301,"line":5319},[5299,13918,5306],{"class":5305},[5299,13920,5558],{"class":5309},[5299,13922,5313],{"class":5305},[5299,13924,5563],{"class":5309},[5299,13926,13927],{"class":5301,"line":5326},[5299,13928,5323],{"emptyLinePlaceholder":5322},[5299,13930,13931,13933,13935,13937,13939,13941,13943,13945,13947,13949,13951,13953,13955,13957,13959],{"class":5301,"line":5355},[5299,13932,10514],{"class":5309},[5299,13934,5389],{"class":5332},[5299,13936,5336],{"class":5309},[5299,13938,5389],{"class":5332},[5299,13940,5336],{"class":5309},[5299,13942,5583],{"class":5515},[5299,13944,5586],{"class":5309},[5299,13946,6053],{"class":5332},[5299,13948,5336],{"class":5309},[5299,13950,6751],{"class":5332},[5299,13952,5597],{"class":5309},[5299,13954,5600],{"class":5515},[5299,13956,5519],{"class":5309},[5299,13958,7778],{"class":5477},[5299,13960,5481],{"class":5309},[5299,13962,13963,13965,13967,13969,13971,13973,13975],{"class":5301,"line":5448},[5299,13964,6424],{"class":5309},[5299,13966,6427],{"class":5332},[5299,13968,5336],{"class":5309},[5299,13970,5695],{"class":5332},[5299,13972,5336],{"class":5309},[5299,13974,6436],{"class":5332},[5299,13976,5481],{"class":5309},[5299,13978,13979,13982,13984,13987,13989,13992,13994],{"class":5301,"line":5527},[5299,13980,13981],{"class":5309},"y = ",[5299,13983,5403],{"class":5332},[5299,13985,13986],{"class":5309}," * np.exp(-x\u002F",[5299,13988,5394],{"class":5332},[5299,13990,13991],{"class":5309},") * np.cos(",[5299,13993,5389],{"class":5332},[5299,13995,11909],{"class":5309},[5299,13997,13998],{"class":5301,"line":5620},[5299,13999,5323],{"emptyLinePlaceholder":5322},[5299,14001,14002],{"class":5301,"line":5672},[5299,14003,14004],{"class":5616},"# 1. Тільки горизонтальна сітка для значень Y\n",[5299,14006,14007,14009,14011,14013,14015],{"class":5301,"line":5710},[5299,14008,10572],{"class":5309},[5299,14010,6427],{"class":5332},[5299,14012,5336],{"class":5309},[5299,14014,6427],{"class":5332},[5299,14016,5406],{"class":5309},[5299,14018,14019,14021,14023,14025,14027,14029,14031,14033,14035],{"class":5301,"line":5729},[5299,14020,6457],{"class":5309},[5299,14022,5643],{"class":5515},[5299,14024,5519],{"class":5309},[5299,14026,7843],{"class":5477},[5299,14028,5336],{"class":5309},[5299,14030,5663],{"class":5515},[5299,14032,5519],{"class":5309},[5299,14034,5389],{"class":5332},[5299,14036,5481],{"class":5309},[5299,14038,14039,14041,14044,14046,14048,14050,14052,14054,14056,14058,14060],{"class":5301,"line":5734},[5299,14040,6499],{"class":5309},[5299,14042,14043],{"class":5477},"\"1. Тільки вісь Y: grid(axis='y', alpha=0.5)\"",[5299,14045,5336],{"class":5309},[5299,14047,5690],{"class":5515},[5299,14049,5519],{"class":5309},[5299,14051,7869],{"class":5332},[5299,14053,5336],{"class":5309},[5299,14055,5700],{"class":5515},[5299,14057,5519],{"class":5309},[5299,14059,6519],{"class":5477},[5299,14061,5481],{"class":5309},[5299,14063,14064,14066,14068,14070,14072,14074,14076,14078,14081,14083,14085,14087,14089,14091,14093,14095,14097,14099,14101,14103,14105],{"class":5301,"line":5740},[5299,14065,6578],{"class":5309},[5299,14067,13873],{"class":5515},[5299,14069,5519],{"class":5309},[5299,14071,7086],{"class":5477},[5299,14073,5336],{"class":5309},[5299,14075,5643],{"class":5515},[5299,14077,5519],{"class":5309},[5299,14079,14080],{"class":5477},"\"#94A3B8\"",[5299,14082,5336],{"class":5309},[5299,14084,6593],{"class":5515},[5299,14086,5519],{"class":5309},[5299,14088,9276],{"class":5477},[5299,14090,5336],{"class":5309},[5299,14092,6479],{"class":5515},[5299,14094,5519],{"class":5309},[5299,14096,6631],{"class":5332},[5299,14098,5336],{"class":5309},[5299,14100,5516],{"class":5515},[5299,14102,5519],{"class":5309},[5299,14104,6756],{"class":5332},[5299,14106,5481],{"class":5309},[5299,14108,14109,14111,14113],{"class":5301,"line":5765},[5299,14110,6526],{"class":5309},[5299,14112,7077],{"class":5477},[5299,14114,5481],{"class":5309},[5299,14116,14117,14119,14121],{"class":5301,"line":5790},[5299,14118,6545],{"class":5309},[5299,14120,7086],{"class":5477},[5299,14122,5481],{"class":5309},[5299,14124,14125],{"class":5301,"line":5822},[5299,14126,5323],{"emptyLinePlaceholder":5322},[5299,14128,14129],{"class":5301,"line":5854},[5299,14130,14131],{"class":5616},"# 2. Тільки вертикальна сітка для часових етапів\n",[5299,14133,14134,14136,14138,14140,14142],{"class":5301,"line":5872},[5299,14135,10572],{"class":5309},[5299,14137,6427],{"class":5332},[5299,14139,5336],{"class":5309},[5299,14141,5333],{"class":5332},[5299,14143,5406],{"class":5309},[5299,14145,14146,14148,14150,14152,14154,14156,14158,14160,14162],{"class":5301,"line":5877},[5299,14147,6457],{"class":5309},[5299,14149,5643],{"class":5515},[5299,14151,5519],{"class":5309},[5299,14153,7983],{"class":5477},[5299,14155,5336],{"class":5309},[5299,14157,5663],{"class":5515},[5299,14159,5519],{"class":5309},[5299,14161,5389],{"class":5332},[5299,14163,5481],{"class":5309},[5299,14165,14166,14168,14171,14173,14175,14177,14179,14181,14183,14185,14187],{"class":5301,"line":5883},[5299,14167,6499],{"class":5309},[5299,14169,14170],{"class":5477},"\"2. Тільки вісь X: grid(axis='x', linestyle=':')\"",[5299,14172,5336],{"class":5309},[5299,14174,5690],{"class":5515},[5299,14176,5519],{"class":5309},[5299,14178,7869],{"class":5332},[5299,14180,5336],{"class":5309},[5299,14182,5700],{"class":5515},[5299,14184,5519],{"class":5309},[5299,14186,6519],{"class":5477},[5299,14188,5481],{"class":5309},[5299,14190,14191,14193,14195,14197,14199,14201,14203,14205,14207,14209,14211,14213,14215,14217,14219,14221,14223,14225,14227,14229,14231],{"class":5301,"line":5925},[5299,14192,6578],{"class":5309},[5299,14194,13873],{"class":5515},[5299,14196,5519],{"class":5309},[5299,14198,7077],{"class":5477},[5299,14200,5336],{"class":5309},[5299,14202,5643],{"class":5515},[5299,14204,5519],{"class":5309},[5299,14206,7983],{"class":5477},[5299,14208,5336],{"class":5309},[5299,14210,6593],{"class":5515},[5299,14212,5519],{"class":5309},[5299,14214,10010],{"class":5477},[5299,14216,5336],{"class":5309},[5299,14218,6479],{"class":5515},[5299,14220,5519],{"class":5309},[5299,14222,11051],{"class":5332},[5299,14224,5336],{"class":5309},[5299,14226,5516],{"class":5515},[5299,14228,5519],{"class":5309},[5299,14230,6858],{"class":5332},[5299,14232,5481],{"class":5309},[5299,14234,14235,14237,14240],{"class":5301,"line":5966},[5299,14236,6526],{"class":5309},[5299,14238,14239],{"class":5477},"\"Час (дні)\"",[5299,14241,5481],{"class":5309},[5299,14243,14244,14246,14248],{"class":5301,"line":5985},[5299,14245,6545],{"class":5309},[5299,14247,7086],{"class":5477},[5299,14249,5481],{"class":5309},[5299,14251,14252],{"class":5301,"line":6004},[5299,14253,5323],{"emptyLinePlaceholder":5322},[5299,14255,14256],{"class":5301,"line":6033},[5299,14257,14258],{"class":5616},"# 3. Дворівнева сітка: major + minor\n",[5299,14260,14261,14263,14265,14267,14269],{"class":5301,"line":6038},[5299,14262,10572],{"class":5309},[5299,14264,5333],{"class":5332},[5299,14266,5336],{"class":5309},[5299,14268,6427],{"class":5332},[5299,14270,5406],{"class":5309},[5299,14272,14273,14275,14277,14279,14281,14283,14285,14287,14289],{"class":5301,"line":6066},[5299,14274,6457],{"class":5309},[5299,14276,5643],{"class":5515},[5299,14278,5519],{"class":5309},[5299,14280,10649],{"class":5477},[5299,14282,5336],{"class":5309},[5299,14284,5663],{"class":5515},[5299,14286,5519],{"class":5309},[5299,14288,5389],{"class":5332},[5299,14290,5481],{"class":5309},[5299,14292,14293],{"class":5301,"line":6681},[5299,14294,14295],{"class":5309},"ax.minorticks_on()\n",[5299,14297,14298,14300,14302,14304,14306,14308,14310,14312,14315,14317,14319,14321,14323,14325,14327,14329,14331,14333,14335,14337,14339],{"class":5301,"line":6714},[5299,14299,6578],{"class":5309},[5299,14301,13712],{"class":5515},[5299,14303,5519],{"class":5309},[5299,14305,13715],{"class":5477},[5299,14307,5336],{"class":5309},[5299,14309,5643],{"class":5515},[5299,14311,5519],{"class":5309},[5299,14313,14314],{"class":5477},"\"#1E293B\"",[5299,14316,5336],{"class":5309},[5299,14318,6593],{"class":5515},[5299,14320,5519],{"class":5309},[5299,14322,9276],{"class":5477},[5299,14324,5336],{"class":5309},[5299,14326,6479],{"class":5515},[5299,14328,5519],{"class":5309},[5299,14330,6631],{"class":5332},[5299,14332,5336],{"class":5309},[5299,14334,5516],{"class":5515},[5299,14336,5519],{"class":5309},[5299,14338,6858],{"class":5332},[5299,14340,5481],{"class":5309},[5299,14342,14343,14345,14347,14349,14352,14354,14356,14358,14361,14363,14365,14367,14369,14371,14373,14375,14377,14379,14381,14383,14386],{"class":5301,"line":6719},[5299,14344,6578],{"class":5309},[5299,14346,13712],{"class":5515},[5299,14348,5519],{"class":5309},[5299,14350,14351],{"class":5477},"\"minor\"",[5299,14353,5336],{"class":5309},[5299,14355,5643],{"class":5515},[5299,14357,5519],{"class":5309},[5299,14359,14360],{"class":5477},"\"#64748B\"",[5299,14362,5336],{"class":5309},[5299,14364,6593],{"class":5515},[5299,14366,5519],{"class":5309},[5299,14368,10010],{"class":5477},[5299,14370,5336],{"class":5309},[5299,14372,6479],{"class":5515},[5299,14374,5519],{"class":5309},[5299,14376,6858],{"class":5332},[5299,14378,5336],{"class":5309},[5299,14380,5516],{"class":5515},[5299,14382,5519],{"class":5309},[5299,14384,14385],{"class":5332},"0.4",[5299,14387,5481],{"class":5309},[5299,14389,14390,14392,14395,14397,14399,14401,14403,14405,14407,14409,14411],{"class":5301,"line":6761},[5299,14391,6499],{"class":5309},[5299,14393,14394],{"class":5477},"\"3. Подвійна сітка: which='major' + which='minor'\"",[5299,14396,5336],{"class":5309},[5299,14398,5690],{"class":5515},[5299,14400,5519],{"class":5309},[5299,14402,7869],{"class":5332},[5299,14404,5336],{"class":5309},[5299,14406,5700],{"class":5515},[5299,14408,5519],{"class":5309},[5299,14410,6519],{"class":5477},[5299,14412,5481],{"class":5309},[5299,14414,14415,14417,14419],{"class":5301,"line":6789},[5299,14416,6526],{"class":5309},[5299,14418,7077],{"class":5477},[5299,14420,5481],{"class":5309},[5299,14422,14423,14425,14427],{"class":5301,"line":6816},[5299,14424,6545],{"class":5309},[5299,14426,7086],{"class":5477},[5299,14428,5481],{"class":5309},[5299,14430,14431],{"class":5301,"line":6821},[5299,14432,5323],{"emptyLinePlaceholder":5322},[5299,14434,14435],{"class":5301,"line":6863},[5299,14436,14437],{"class":5616},"# 4. Стилізована сітка на фоновій підкладці\n",[5299,14439,14440,14442,14444,14446,14448],{"class":5301,"line":6891},[5299,14441,10572],{"class":5309},[5299,14443,5333],{"class":5332},[5299,14445,5336],{"class":5309},[5299,14447,5333],{"class":5332},[5299,14449,5406],{"class":5309},[5299,14451,14452,14454,14456,14458,14460,14462,14464,14466,14468],{"class":5301,"line":6918},[5299,14453,6457],{"class":5309},[5299,14455,5643],{"class":5515},[5299,14457,5519],{"class":5309},[5299,14459,8507],{"class":5477},[5299,14461,5336],{"class":5309},[5299,14463,5663],{"class":5515},[5299,14465,5519],{"class":5309},[5299,14467,5389],{"class":5332},[5299,14469,5481],{"class":5309},[5299,14471,14472,14475,14478],{"class":5301,"line":6923},[5299,14473,14474],{"class":5309},"ax.set_facecolor(",[5299,14476,14477],{"class":5477},"\"#F8FAFC\"",[5299,14479,5481],{"class":5309},[5299,14481,14482,14484,14486,14488,14490,14492,14495,14497,14499,14501,14503,14505,14507,14509,14511,14513,14515,14517,14519,14521,14523,14525,14527],{"class":5301,"line":6929},[5299,14483,6578],{"class":5309},[5299,14485,5510],{"class":5509},[5299,14487,5336],{"class":5309},[5299,14489,5643],{"class":5515},[5299,14491,5519],{"class":5309},[5299,14493,14494],{"class":5477},"\"#CBD5E1\"",[5299,14496,5336],{"class":5309},[5299,14498,6593],{"class":5515},[5299,14500,5586],{"class":5309},[5299,14502,6427],{"class":5332},[5299,14504,10682],{"class":5309},[5299,14506,5339],{"class":5332},[5299,14508,5336],{"class":5309},[5299,14510,5339],{"class":5332},[5299,14512,10703],{"class":5309},[5299,14514,6479],{"class":5515},[5299,14516,5519],{"class":5309},[5299,14518,8254],{"class":5332},[5299,14520,5336],{"class":5309},[5299,14522,5516],{"class":5515},[5299,14524,5519],{"class":5309},[5299,14526,6631],{"class":5332},[5299,14528,5481],{"class":5309},[5299,14530,14531,14533,14536,14538,14540,14542,14544,14546,14548,14550,14552],{"class":5301,"line":8317},[5299,14532,6499],{"class":5309},[5299,14534,14535],{"class":5477},"\"4. Кастомний патерн на підкладці (facecolor='#F8FAFC')\"",[5299,14537,5336],{"class":5309},[5299,14539,5690],{"class":5515},[5299,14541,5519],{"class":5309},[5299,14543,7869],{"class":5332},[5299,14545,5336],{"class":5309},[5299,14547,5700],{"class":5515},[5299,14549,5519],{"class":5309},[5299,14551,6519],{"class":5477},[5299,14553,5481],{"class":5309},[5299,14555,14556,14558,14560],{"class":5301,"line":8331},[5299,14557,6526],{"class":5309},[5299,14559,7077],{"class":5477},[5299,14561,5481],{"class":5309},[5299,14563,14564,14566,14568],{"class":5301,"line":8346},[5299,14565,6545],{"class":5309},[5299,14567,7086],{"class":5477},[5299,14569,5481],{"class":5309},[5299,14571,14572],{"class":5301,"line":8358},[5299,14573,5323],{"emptyLinePlaceholder":5322},[5299,14575,14576,14578,14581,14583,14585,14587,14589,14591,14593,14595,14597],{"class":5301,"line":8372},[5299,14577,6041],{"class":5309},[5299,14579,14580],{"class":5477},"\"Варіації налаштування координатної сітки: ax.grid()\"",[5299,14582,5336],{"class":5309},[5299,14584,5690],{"class":5515},[5299,14586,5519],{"class":5309},[5299,14588,7269],{"class":5332},[5299,14590,5336],{"class":5309},[5299,14592,5700],{"class":5515},[5299,14594,5519],{"class":5309},[5299,14596,6519],{"class":5477},[5299,14598,5481],{"class":5309},[5299,14600,14601],{"class":5301,"line":8393},[5299,14602,5358],{"class":5309},[6070,14604,14605],{"v-slot:output":5295},[6073,14606],{"alt":14607,"className":14608,"src":14609},"Варіації координатної сітки ax.grid",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F16.png",[5244,14611],{},[5278,14613,14615],{"id":14614},"легенда-що-означають-лінії","Легенда — що означають лінії",[5252,14617,14618,14619,6989],{},"Коли на графіку кілька ліній, легенда ",[5221,14620,14621],{},"обов'язкова",[5531,14623,14625],{"title":14624},"legends.ipynb",[5535,14626,14627,14929],{"execution-count":5333},[5290,14628,14630],{"className":5292,"code":14629,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\n\nfig, ax = plt.subplots(figsize=(10, 6))\n\n# Будуємо три функції з параметром label\nax.plot(x, np.sin(x), label=\"sin(x)\", linewidth=2)\nax.plot(x, np.cos(x), label=\"cos(x)\", linewidth=2)\nax.plot(x, np.sin(x) * np.cos(x), label=\"sin(x)·cos(x)\", linewidth=2, linestyle=\"--\")\n\nax.set_title(\"Тригонометричні функції\", fontsize=14, fontweight=\"bold\")\nax.set_xlabel(\"x\")\nax.set_ylabel(\"y\")\nax.grid(True, alpha=0.3)\n\n# Легенда з параметрами\nax.legend(loc=\"upper right\",       # Розташування\n          fontsize=11,              # Розмір шрифту\n          frameon=True,             # Рамка навколо легенди\n          shadow=True,              # Тінь\n          fancybox=True)            # Заокруглені кути\n\nplt.tight_layout()\nplt.show()\n",[5256,14631,14632,14642,14652,14656,14672,14676,14692,14696,14701,14722,14742,14772,14776,14801,14809,14817,14833,14837,14842,14858,14873,14888,14902,14917,14921,14925],{"__ignoreMap":5295},[5299,14633,14634,14636,14638,14640],{"class":5301,"line":5302},[5299,14635,5306],{"class":5305},[5299,14637,5310],{"class":5309},[5299,14639,5313],{"class":5305},[5299,14641,5316],{"class":5309},[5299,14643,14644,14646,14648,14650],{"class":5301,"line":5319},[5299,14645,5306],{"class":5305},[5299,14647,5558],{"class":5309},[5299,14649,5313],{"class":5305},[5299,14651,5563],{"class":5309},[5299,14653,14654],{"class":5301,"line":5326},[5299,14655,5323],{"emptyLinePlaceholder":5322},[5299,14657,14658,14660,14662,14664,14666,14668,14670],{"class":5301,"line":5355},[5299,14659,6424],{"class":5309},[5299,14661,6427],{"class":5332},[5299,14663,5336],{"class":5309},[5299,14665,5695],{"class":5332},[5299,14667,5336],{"class":5309},[5299,14669,6436],{"class":5332},[5299,14671,5481],{"class":5309},[5299,14673,14674],{"class":5301,"line":5448},[5299,14675,5323],{"emptyLinePlaceholder":5322},[5299,14677,14678,14680,14682,14684,14686,14688,14690],{"class":5301,"line":5527},[5299,14679,7213],{"class":5309},[5299,14681,5583],{"class":5515},[5299,14683,5586],{"class":5309},[5299,14685,5695],{"class":5332},[5299,14687,5336],{"class":5309},[5299,14689,6384],{"class":5332},[5299,14691,6387],{"class":5309},[5299,14693,14694],{"class":5301,"line":5620},[5299,14695,5323],{"emptyLinePlaceholder":5322},[5299,14697,14698],{"class":5301,"line":5672},[5299,14699,14700],{"class":5616},"# Будуємо три функції з параметром label\n",[5299,14702,14703,14706,14708,14710,14712,14714,14716,14718,14720],{"class":5301,"line":5710},[5299,14704,14705],{"class":5309},"ax.plot(x, np.sin(x), ",[5299,14707,6460],{"class":5515},[5299,14709,5519],{"class":5309},[5299,14711,6465],{"class":5477},[5299,14713,5336],{"class":5309},[5299,14715,6479],{"class":5515},[5299,14717,5519],{"class":5309},[5299,14719,5389],{"class":5332},[5299,14721,5481],{"class":5309},[5299,14723,14724,14726,14728,14730,14732,14734,14736,14738,14740],{"class":5301,"line":5729},[5299,14725,13199],{"class":5309},[5299,14727,6460],{"class":5515},[5299,14729,5519],{"class":5309},[5299,14731,8914],{"class":5477},[5299,14733,5336],{"class":5309},[5299,14735,6479],{"class":5515},[5299,14737,5519],{"class":5309},[5299,14739,5389],{"class":5332},[5299,14741,5481],{"class":5309},[5299,14743,14744,14747,14749,14751,14754,14756,14758,14760,14762,14764,14766,14768,14770],{"class":5301,"line":5734},[5299,14745,14746],{"class":5309},"ax.plot(x, np.sin(x) * np.cos(x), ",[5299,14748,6460],{"class":5515},[5299,14750,5519],{"class":5309},[5299,14752,14753],{"class":5477},"\"sin(x)·cos(x)\"",[5299,14755,5336],{"class":5309},[5299,14757,6479],{"class":5515},[5299,14759,5519],{"class":5309},[5299,14761,5389],{"class":5332},[5299,14763,5336],{"class":5309},[5299,14765,6593],{"class":5515},[5299,14767,5519],{"class":5309},[5299,14769,6598],{"class":5477},[5299,14771,5481],{"class":5309},[5299,14773,14774],{"class":5301,"line":5740},[5299,14775,5323],{"emptyLinePlaceholder":5322},[5299,14777,14778,14780,14783,14785,14787,14789,14791,14793,14795,14797,14799],{"class":5301,"line":5765},[5299,14779,6499],{"class":5309},[5299,14781,14782],{"class":5477},"\"Тригонометричні функції\"",[5299,14784,5336],{"class":5309},[5299,14786,5690],{"class":5515},[5299,14788,5519],{"class":5309},[5299,14790,7269],{"class":5332},[5299,14792,5336],{"class":5309},[5299,14794,5700],{"class":5515},[5299,14796,5519],{"class":5309},[5299,14798,6519],{"class":5477},[5299,14800,5481],{"class":5309},[5299,14802,14803,14805,14807],{"class":5301,"line":5790},[5299,14804,6526],{"class":5309},[5299,14806,7077],{"class":5477},[5299,14808,5481],{"class":5309},[5299,14810,14811,14813,14815],{"class":5301,"line":5822},[5299,14812,6545],{"class":5309},[5299,14814,7086],{"class":5477},[5299,14816,5481],{"class":5309},[5299,14818,14819,14821,14823,14825,14827,14829,14831],{"class":5301,"line":5854},[5299,14820,6578],{"class":5309},[5299,14822,5510],{"class":5509},[5299,14824,5336],{"class":5309},[5299,14826,5516],{"class":5515},[5299,14828,5519],{"class":5309},[5299,14830,5522],{"class":5332},[5299,14832,5481],{"class":5309},[5299,14834,14835],{"class":5301,"line":5872},[5299,14836,5323],{"emptyLinePlaceholder":5322},[5299,14838,14839],{"class":5301,"line":5877},[5299,14840,14841],{"class":5616},"# Легенда з параметрами\n",[5299,14843,14844,14846,14848,14850,14852,14855],{"class":5301,"line":5883},[5299,14845,6563],{"class":5309},[5299,14847,6566],{"class":5515},[5299,14849,5519],{"class":5309},[5299,14851,6571],{"class":5477},[5299,14853,14854],{"class":5309},",       ",[5299,14856,14857],{"class":5616},"# Розташування\n",[5299,14859,14860,14863,14865,14867,14870],{"class":5301,"line":5925},[5299,14861,14862],{"class":5515},"          fontsize",[5299,14864,5519],{"class":5309},[5299,14866,7869],{"class":5332},[5299,14868,14869],{"class":5309},",              ",[5299,14871,14872],{"class":5616},"# Розмір шрифту\n",[5299,14874,14875,14878,14880,14882,14885],{"class":5301,"line":5966},[5299,14876,14877],{"class":5515},"          frameon",[5299,14879,5519],{"class":5309},[5299,14881,5510],{"class":5509},[5299,14883,14884],{"class":5309},",             ",[5299,14886,14887],{"class":5616},"# Рамка навколо легенди\n",[5299,14889,14890,14893,14895,14897,14899],{"class":5301,"line":5985},[5299,14891,14892],{"class":5515},"          shadow",[5299,14894,5519],{"class":5309},[5299,14896,5510],{"class":5509},[5299,14898,14869],{"class":5309},[5299,14900,14901],{"class":5616},"# Тінь\n",[5299,14903,14904,14907,14909,14911,14914],{"class":5301,"line":6004},[5299,14905,14906],{"class":5515},"          fancybox",[5299,14908,5519],{"class":5309},[5299,14910,5510],{"class":5509},[5299,14912,14913],{"class":5309},")            ",[5299,14915,14916],{"class":5616},"# Заокруглені кути\n",[5299,14918,14919],{"class":5301,"line":6033},[5299,14920,5323],{"emptyLinePlaceholder":5322},[5299,14922,14923],{"class":5301,"line":6038},[5299,14924,6926],{"class":5309},[5299,14926,14927],{"class":5301,"line":6066},[5299,14928,5358],{"class":5309},[6070,14930,14931],{"v-slot:output":5295},[6073,14932],{"alt":14933,"className":14934,"src":14935},"Графік з легендою",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F09.png",[6940,14937,14938,14946,15015],{},[5252,14939,14940],{},[5221,14941,14942,14943,14945],{},"Позиціонування легенди (",[5256,14944,6566],{},"):",[9919,14947,14948,14958],{},[9922,14949,14950],{},[9925,14951,14952,14955],{},[9928,14953,14954],{"align":9930},"Значення",[9928,14956,14957],{"align":9930},"Розташування",[9941,14959,14960,14969,14978,14987,14997,15006],{},[9925,14961,14962,14966],{},[9946,14963,14964],{"align":9930},[5256,14965,9865],{},[9946,14967,14968],{"align":9930},"Автоматично (уникає перекриття з даними)",[9925,14970,14971,14975],{},[9946,14972,14973],{"align":9930},[5256,14974,6571],{},[9946,14976,14977],{"align":9930},"Правий верхній кут",[9925,14979,14980,14984],{},[9946,14981,14982],{"align":9930},[5256,14983,9434],{},[9946,14985,14986],{"align":9930},"Лівий верхній кут",[9925,14988,14989,14994],{},[9946,14990,14991],{"align":9930},[5256,14992,14993],{},"\"lower right\"",[9946,14995,14996],{"align":9930},"Правий нижній кут",[9925,14998,14999,15003],{},[9946,15000,15001],{"align":9930},[5256,15002,11447],{},[9946,15004,15005],{"align":9930},"Лівий нижній кут",[9925,15007,15008,15012],{},[9946,15009,15010],{"align":9930},[5256,15011,8132],{},[9946,15013,15014],{"align":9930},"По центру",[5252,15016,15017,15018,15020],{},"Рекомендація: використовуйте ",[5256,15019,9865],{}," — matplotlib сам обере найкраще місце.",[5278,15022,15024],{"id":15023},"сигнатура-методу-axlegend-та-варіації-конфігурації","Сигнатура методу ax.legend() та варіації конфігурації",[5252,15026,10049,15027,15030,15031,15033],{},[5256,15028,15029],{},"ax.legend()"," збирає всі елементи графіків, що мають атрибут ",[5256,15032,6460],{},", та формує блок розшифровки позначень.",[5290,15035,15038],{"className":5292,"code":15036,"filename":15037,"language":5294,"meta":5295,"style":5295},"Axes.legend(\n    *args,\n    loc: str | int | tuple[float, float] = 'best',\n    bbox_to_anchor: tuple[float, float] | BboxBase | None = None,\n    ncols: int = 1,  # У Matplotlib 3.6+ додано ncols замість застарілого ncol\n    fontsize: int | float | str | None = None,\n    title: str | None = None,\n    title_fontsize: int | float | str | None = None,\n    frameon: bool = True,\n    framealpha: float | None = None,\n    facecolor: ColorType | None = None,\n    edgecolor: ColorType | None = None,\n    fancybox: bool = True,\n    shadow: bool | dict = False,\n    **kwargs\n) -> Legend\n","Сигнатура ax.legend",[5256,15039,15040,15045,15050,15077,15099,15115,15140,15157,15182,15195,15212,15225,15238,15251,15268,15272],{"__ignoreMap":5295},[5299,15041,15042],{"class":5301,"line":5302},[5299,15043,15044],{"class":5309},"Axes.legend(\n",[5299,15046,15047],{"class":5301,"line":5319},[5299,15048,15049],{"class":5309},"    *args,\n",[5299,15051,15052,15055,15057,15059,15061,15064,15066,15068,15070,15072,15075],{"class":5301,"line":5326},[5299,15053,15054],{"class":5309},"    loc: ",[5299,15056,7447],{"class":6689},[5299,15058,7444],{"class":5309},[5299,15060,7409],{"class":6689},[5299,15062,15063],{"class":5309}," | tuple[",[5299,15065,7492],{"class":6689},[5299,15067,5336],{"class":5309},[5299,15069,7492],{"class":6689},[5299,15071,12203],{"class":5309},[5299,15073,15074],{"class":5477},"'best'",[5299,15076,6678],{"class":5309},[5299,15078,15079,15082,15084,15086,15088,15091,15093,15095,15097],{"class":5301,"line":5355},[5299,15080,15081],{"class":5309},"    bbox_to_anchor: tuple[",[5299,15083,7492],{"class":6689},[5299,15085,5336],{"class":5309},[5299,15087,7492],{"class":6689},[5299,15089,15090],{"class":5309},"] | BboxBase | ",[5299,15092,7498],{"class":5515},[5299,15094,6953],{"class":5309},[5299,15096,7498],{"class":5509},[5299,15098,6678],{"class":5309},[5299,15100,15101,15103,15105,15107,15109,15112],{"class":5301,"line":5448},[5299,15102,7420],{"class":5309},[5299,15104,7409],{"class":5515},[5299,15106,6953],{"class":5309},[5299,15108,5333],{"class":5332},[5299,15110,15111],{"class":5309},",  ",[5299,15113,15114],{"class":5616},"# У Matplotlib 3.6+ додано ncols замість застарілого ncol\n",[5299,15116,15117,15120,15122,15124,15126,15128,15130,15132,15134,15136,15138],{"class":5301,"line":5527},[5299,15118,15119],{"class":5309},"    fontsize: ",[5299,15121,7409],{"class":6689},[5299,15123,7444],{"class":5309},[5299,15125,7492],{"class":6689},[5299,15127,7444],{"class":5309},[5299,15129,7447],{"class":6689},[5299,15131,7444],{"class":5309},[5299,15133,7498],{"class":5515},[5299,15135,6953],{"class":5309},[5299,15137,7498],{"class":5509},[5299,15139,6678],{"class":5309},[5299,15141,15142,15145,15147,15149,15151,15153,15155],{"class":5301,"line":5620},[5299,15143,15144],{"class":5309},"    title: ",[5299,15146,7447],{"class":6689},[5299,15148,7444],{"class":5309},[5299,15150,7498],{"class":5515},[5299,15152,6953],{"class":5309},[5299,15154,7498],{"class":5509},[5299,15156,6678],{"class":5309},[5299,15158,15159,15162,15164,15166,15168,15170,15172,15174,15176,15178,15180],{"class":5301,"line":5672},[5299,15160,15161],{"class":5309},"    title_fontsize: ",[5299,15163,7409],{"class":6689},[5299,15165,7444],{"class":5309},[5299,15167,7492],{"class":6689},[5299,15169,7444],{"class":5309},[5299,15171,7447],{"class":6689},[5299,15173,7444],{"class":5309},[5299,15175,7498],{"class":5515},[5299,15177,6953],{"class":5309},[5299,15179,7498],{"class":5509},[5299,15181,6678],{"class":5309},[5299,15183,15184,15187,15189,15191,15193],{"class":5301,"line":5710},[5299,15185,15186],{"class":5309},"    frameon: ",[5299,15188,7441],{"class":5515},[5299,15190,6953],{"class":5309},[5299,15192,5510],{"class":5509},[5299,15194,6678],{"class":5309},[5299,15196,15197,15200,15202,15204,15206,15208,15210],{"class":5301,"line":5729},[5299,15198,15199],{"class":5309},"    framealpha: ",[5299,15201,7492],{"class":6689},[5299,15203,7444],{"class":5309},[5299,15205,7498],{"class":5515},[5299,15207,6953],{"class":5309},[5299,15209,7498],{"class":5509},[5299,15211,6678],{"class":5309},[5299,15213,15214,15217,15219,15221,15223],{"class":5301,"line":5734},[5299,15215,15216],{"class":5309},"    facecolor: ColorType | ",[5299,15218,7498],{"class":5515},[5299,15220,6953],{"class":5309},[5299,15222,7498],{"class":5509},[5299,15224,6678],{"class":5309},[5299,15226,15227,15230,15232,15234,15236],{"class":5301,"line":5740},[5299,15228,15229],{"class":5309},"    edgecolor: ColorType | ",[5299,15231,7498],{"class":5515},[5299,15233,6953],{"class":5309},[5299,15235,7498],{"class":5509},[5299,15237,6678],{"class":5309},[5299,15239,15240,15243,15245,15247,15249],{"class":5301,"line":5765},[5299,15241,15242],{"class":5309},"    fancybox: ",[5299,15244,7441],{"class":5515},[5299,15246,6953],{"class":5309},[5299,15248,5510],{"class":5509},[5299,15250,6678],{"class":5309},[5299,15252,15253,15256,15258,15260,15262,15264,15266],{"class":5301,"line":5790},[5299,15254,15255],{"class":5309},"    shadow: ",[5299,15257,7441],{"class":6689},[5299,15259,7444],{"class":5309},[5299,15261,6690],{"class":5515},[5299,15263,6953],{"class":5309},[5299,15265,7452],{"class":5509},[5299,15267,6678],{"class":5309},[5299,15269,15270],{"class":5301,"line":5822},[5299,15271,10337],{"class":5309},[5299,15273,15274,15276,15278],{"class":5301,"line":5854},[5299,15275,7621],{"class":5309},[5299,15277,7625],{"class":7624},[5299,15279,15280],{"class":5309}," Legend\n",[6080,15282,15283,15286,15287,15289,15290,15293,15294,15296,15297,15299,15300,6989],{},[5221,15284,15285],{},"Сучасний API (Matplotlib 3.6+):"," Використовуйте параметр ",[5256,15288,7643],{}," замість застарілого ",[5256,15291,15292],{},"ncol",". Хоча ",[5256,15295,15292],{}," зберігається для зворотної сумісності, ",[5256,15298,7643],{}," відповідає стандарту найменування множини стовпців, прийнятому в ",[5256,15301,15302],{},"plt.subplots(nrows, ncols)",[5252,15304,15305],{},[5221,15306,10351],{},[5198,15308,15309,15314,15335,15340,15346,15357],{},[5201,15310,15311,15313],{},[5256,15312,6566],{},": положення легенди відносно обмежувальної рамки осей або координатної прив'язки.",[5201,15315,15316,15319,15320,7698,15323,15326,15327,15330,15331,15334],{},[5256,15317,15318],{},"bbox_to_anchor",": кортеж координат ",[5256,15321,15322],{},"(x, y)",[5256,15324,15325],{},"(x, y, width, height)"," у відносних координатах осі ",[5256,15328,15329],{},"[0, 1]",". Дозволяє винести легенду за межі графіка (наприклад, ",[5256,15332,15333],{},"bbox_to_anchor=(1.02, 1)",", щоб легенда не закривала дані).",[5201,15336,15337,15339],{},[5256,15338,7643],{},": кількість колонок для розміщення підписів горизонтально.",[5201,15341,15342,15345],{},[5256,15343,15344],{},"title",": текстовий заголовок блоку легенди.",[5201,15347,15348,5336,15351,5336,15354,15356],{},[5256,15349,15350],{},"frameon",[5256,15352,15353],{},"facecolor",[5256,15355,8602],{},": керування наявністю рамки, кольором тла та кольором обвідки.",[5201,15358,15359,15362],{},[5256,15360,15361],{},"fancybox",": заокруглення кутів плашки легенди.",[5531,15364,15366],{"title":15365},"legend_signature_variations.ipynb",[5535,15367,15368,16092],{"execution-count":5333},[5290,15369,15371],{"className":5292,"code":15370,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, axes = plt.subplots(2, 2, figsize=(14, 9), layout=\"constrained\")\nx = np.linspace(0, 6, 50)\ny1 = np.sin(x)\ny2 = np.cos(x)\ny3 = np.sin(x) * np.cos(x)\n\ndef draw_lines(ax):\n    ax.plot(x, y1, label=\"Канал A: sin(x)\", color=\"#2563EB\", lw=2)\n    ax.plot(x, y2, label=\"Канал B: cos(x)\", color=\"#DC2626\", lw=2)\n    ax.plot(x, y3, label=\"Канал C: sin·cos\", color=\"#059669\", lw=2, ls=\"--\")\n    ax.grid(True, alpha=0.25, ls=\"--\")\n\n# 1. Базове кутове розташування\nax = axes[0, 0]\ndraw_lines(ax)\nax.set_title(\"1. Стандартні позиції: loc='upper right'\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"upper right\", frameon=True, facecolor=\"white\", edgecolor=\"#CBD5E1\")\n\n# 2. Багатоколонкова легенда (ncols=3)\nax = axes[0, 1]\ndraw_lines(ax)\nax.set_title(\"2. Багатоколонкова: ncols=3, loc='upper center'\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"upper center\", ncols=3, fontsize=8.5, frameon=True, \n          facecolor=\"#F1F5F9\", edgecolor=\"#94A3B8\")\n\n# 3. Винесена за межі графіка (bbox_to_anchor)\nax = axes[1, 0]\ndraw_lines(ax)\nax.set_title(\"3. Винесена назовні: bbox_to_anchor=(1.02, 1)\", fontsize=11, fontweight=\"bold\")\nax.legend(bbox_to_anchor=(1.02, 1), loc=\"upper left\", borderaxespad=0,\n          title=\"Джерела сигналу\", title_fontsize=9, fontsize=8.5)\n\n# 4. Стилізована картка легенди (title, shadow, fancybox, alpha)\nax = axes[1, 1]\ndraw_lines(ax)\nax.set_title(\"4. Кастомізована плашка: title, shadow=True, fancybox\", fontsize=11, fontweight=\"bold\")\nax.legend(loc=\"lower left\", title=\"Метрики сенсорів\", title_fontproperties={\"weight\": \"bold\"},\n          fontsize=9, fancybox=True, shadow=True, facecolor=\"#FEF3C7\", \n          edgecolor=\"#F59E0B\", framealpha=0.9, borderpad=0.8)\n\nfig.suptitle(\"Варіації позиціонування та стилізації легенди: ax.legend()\", fontsize=14, fontweight=\"bold\")\nplt.show()\n",[5256,15372,15373,15383,15393,15397,15429,15445,15449,15453,15458,15462,15477,15507,15537,15575,15600,15604,15609,15621,15626,15651,15687,15691,15696,15708,15712,15737,15774,15794,15798,15803,15815,15819,15844,15878,15907,15911,15916,15928,15932,15957,15995,16031,16059,16063,16088],{"__ignoreMap":5295},[5299,15374,15375,15377,15379,15381],{"class":5301,"line":5302},[5299,15376,5306],{"class":5305},[5299,15378,5310],{"class":5309},[5299,15380,5313],{"class":5305},[5299,15382,5316],{"class":5309},[5299,15384,15385,15387,15389,15391],{"class":5301,"line":5319},[5299,15386,5306],{"class":5305},[5299,15388,5558],{"class":5309},[5299,15390,5313],{"class":5305},[5299,15392,5563],{"class":5309},[5299,15394,15395],{"class":5301,"line":5326},[5299,15396,5323],{"emptyLinePlaceholder":5322},[5299,15398,15399,15401,15403,15405,15407,15409,15411,15413,15415,15417,15419,15421,15423,15425,15427],{"class":5301,"line":5355},[5299,15400,10514],{"class":5309},[5299,15402,5389],{"class":5332},[5299,15404,5336],{"class":5309},[5299,15406,5389],{"class":5332},[5299,15408,5336],{"class":5309},[5299,15410,5583],{"class":5515},[5299,15412,5586],{"class":5309},[5299,15414,7269],{"class":5332},[5299,15416,5336],{"class":5309},[5299,15418,5344],{"class":5332},[5299,15420,5597],{"class":5309},[5299,15422,5600],{"class":5515},[5299,15424,5519],{"class":5309},[5299,15426,7778],{"class":5477},[5299,15428,5481],{"class":5309},[5299,15430,15431,15433,15435,15437,15439,15441,15443],{"class":5301,"line":5448},[5299,15432,6424],{"class":5309},[5299,15434,6427],{"class":5332},[5299,15436,5336],{"class":5309},[5299,15438,6384],{"class":5332},[5299,15440,5336],{"class":5309},[5299,15442,12604],{"class":5332},[5299,15444,5481],{"class":5309},[5299,15446,15447],{"class":5301,"line":5527},[5299,15448,8826],{"class":5309},[5299,15450,15451],{"class":5301,"line":5620},[5299,15452,8831],{"class":5309},[5299,15454,15455],{"class":5301,"line":5672},[5299,15456,15457],{"class":5309},"y3 = np.sin(x) * np.cos(x)\n",[5299,15459,15460],{"class":5301,"line":5710},[5299,15461,5323],{"emptyLinePlaceholder":5322},[5299,15463,15464,15467,15470,15472,15475],{"class":5301,"line":5729},[5299,15465,15466],{"class":5509},"def",[5299,15468,15469],{"class":8194}," draw_lines",[5299,15471,6693],{"class":5309},[5299,15473,15474],{"class":5515},"ax",[5299,15476,8202],{"class":5309},[5299,15478,15479,15482,15484,15486,15489,15491,15493,15495,15497,15499,15501,15503,15505],{"class":5301,"line":5734},[5299,15480,15481],{"class":5309},"    ax.plot(x, y1, ",[5299,15483,6460],{"class":5515},[5299,15485,5519],{"class":5309},[5299,15487,15488],{"class":5477},"\"Канал A: sin(x)\"",[5299,15490,5336],{"class":5309},[5299,15492,5643],{"class":5515},[5299,15494,5519],{"class":5309},[5299,15496,7843],{"class":5477},[5299,15498,5336],{"class":5309},[5299,15500,5663],{"class":5515},[5299,15502,5519],{"class":5309},[5299,15504,5389],{"class":5332},[5299,15506,5481],{"class":5309},[5299,15508,15509,15512,15514,15516,15519,15521,15523,15525,15527,15529,15531,15533,15535],{"class":5301,"line":5740},[5299,15510,15511],{"class":5309},"    ax.plot(x, y2, ",[5299,15513,6460],{"class":5515},[5299,15515,5519],{"class":5309},[5299,15517,15518],{"class":5477},"\"Канал B: cos(x)\"",[5299,15520,5336],{"class":5309},[5299,15522,5643],{"class":5515},[5299,15524,5519],{"class":5309},[5299,15526,7983],{"class":5477},[5299,15528,5336],{"class":5309},[5299,15530,5663],{"class":5515},[5299,15532,5519],{"class":5309},[5299,15534,5389],{"class":5332},[5299,15536,5481],{"class":5309},[5299,15538,15539,15542,15544,15546,15549,15551,15553,15555,15557,15559,15561,15563,15565,15567,15569,15571,15573],{"class":5301,"line":5765},[5299,15540,15541],{"class":5309},"    ax.plot(x, y3, ",[5299,15543,6460],{"class":5515},[5299,15545,5519],{"class":5309},[5299,15547,15548],{"class":5477},"\"Канал C: sin·cos\"",[5299,15550,5336],{"class":5309},[5299,15552,5643],{"class":5515},[5299,15554,5519],{"class":5309},[5299,15556,10649],{"class":5477},[5299,15558,5336],{"class":5309},[5299,15560,5663],{"class":5515},[5299,15562,5519],{"class":5309},[5299,15564,5389],{"class":5332},[5299,15566,5336],{"class":5309},[5299,15568,6023],{"class":5515},[5299,15570,5519],{"class":5309},[5299,15572,6598],{"class":5477},[5299,15574,5481],{"class":5309},[5299,15576,15577,15580,15582,15584,15586,15588,15590,15592,15594,15596,15598],{"class":5301,"line":5790},[5299,15578,15579],{"class":5309},"    ax.grid(",[5299,15581,5510],{"class":5509},[5299,15583,5336],{"class":5309},[5299,15585,5516],{"class":5515},[5299,15587,5519],{"class":5309},[5299,15589,7912],{"class":5332},[5299,15591,5336],{"class":5309},[5299,15593,6023],{"class":5515},[5299,15595,5519],{"class":5309},[5299,15597,6598],{"class":5477},[5299,15599,5481],{"class":5309},[5299,15601,15602],{"class":5301,"line":5822},[5299,15603,5323],{"emptyLinePlaceholder":5322},[5299,15605,15606],{"class":5301,"line":5854},[5299,15607,15608],{"class":5616},"# 1. Базове кутове розташування\n",[5299,15610,15611,15613,15615,15617,15619],{"class":5301,"line":5872},[5299,15612,10572],{"class":5309},[5299,15614,6427],{"class":5332},[5299,15616,5336],{"class":5309},[5299,15618,6427],{"class":5332},[5299,15620,5406],{"class":5309},[5299,15622,15623],{"class":5301,"line":5877},[5299,15624,15625],{"class":5309},"draw_lines(ax)\n",[5299,15627,15628,15630,15633,15635,15637,15639,15641,15643,15645,15647,15649],{"class":5301,"line":5883},[5299,15629,6499],{"class":5309},[5299,15631,15632],{"class":5477},"\"1. Стандартні позиції: loc='upper right'\"",[5299,15634,5336],{"class":5309},[5299,15636,5690],{"class":5515},[5299,15638,5519],{"class":5309},[5299,15640,7869],{"class":5332},[5299,15642,5336],{"class":5309},[5299,15644,5700],{"class":5515},[5299,15646,5519],{"class":5309},[5299,15648,6519],{"class":5477},[5299,15650,5481],{"class":5309},[5299,15652,15653,15655,15657,15659,15661,15663,15665,15667,15669,15671,15673,15675,15677,15679,15681,15683,15685],{"class":5301,"line":5925},[5299,15654,6563],{"class":5309},[5299,15656,6566],{"class":5515},[5299,15658,5519],{"class":5309},[5299,15660,6571],{"class":5477},[5299,15662,5336],{"class":5309},[5299,15664,15350],{"class":5515},[5299,15666,5519],{"class":5309},[5299,15668,5510],{"class":5509},[5299,15670,5336],{"class":5309},[5299,15672,15353],{"class":5515},[5299,15674,5519],{"class":5309},[5299,15676,12853],{"class":5477},[5299,15678,5336],{"class":5309},[5299,15680,8602],{"class":5515},[5299,15682,5519],{"class":5309},[5299,15684,14494],{"class":5477},[5299,15686,5481],{"class":5309},[5299,15688,15689],{"class":5301,"line":5966},[5299,15690,5323],{"emptyLinePlaceholder":5322},[5299,15692,15693],{"class":5301,"line":5985},[5299,15694,15695],{"class":5616},"# 2. Багатоколонкова легенда (ncols=3)\n",[5299,15697,15698,15700,15702,15704,15706],{"class":5301,"line":6004},[5299,15699,10572],{"class":5309},[5299,15701,6427],{"class":5332},[5299,15703,5336],{"class":5309},[5299,15705,5333],{"class":5332},[5299,15707,5406],{"class":5309},[5299,15709,15710],{"class":5301,"line":6033},[5299,15711,15625],{"class":5309},[5299,15713,15714,15716,15719,15721,15723,15725,15727,15729,15731,15733,15735],{"class":5301,"line":6038},[5299,15715,6499],{"class":5309},[5299,15717,15718],{"class":5477},"\"2. Багатоколонкова: ncols=3, loc='upper center'\"",[5299,15720,5336],{"class":5309},[5299,15722,5690],{"class":5515},[5299,15724,5519],{"class":5309},[5299,15726,7869],{"class":5332},[5299,15728,5336],{"class":5309},[5299,15730,5700],{"class":5515},[5299,15732,5519],{"class":5309},[5299,15734,6519],{"class":5477},[5299,15736,5481],{"class":5309},[5299,15738,15739,15741,15743,15745,15748,15750,15752,15754,15756,15758,15760,15762,15764,15766,15768,15770,15772],{"class":5301,"line":6066},[5299,15740,6563],{"class":5309},[5299,15742,6566],{"class":5515},[5299,15744,5519],{"class":5309},[5299,15746,15747],{"class":5477},"\"upper center\"",[5299,15749,5336],{"class":5309},[5299,15751,7643],{"class":5515},[5299,15753,5519],{"class":5309},[5299,15755,5394],{"class":5332},[5299,15757,5336],{"class":5309},[5299,15759,5690],{"class":5515},[5299,15761,5519],{"class":5309},[5299,15763,10803],{"class":5332},[5299,15765,5336],{"class":5309},[5299,15767,15350],{"class":5515},[5299,15769,5519],{"class":5309},[5299,15771,5510],{"class":5509},[5299,15773,8122],{"class":5309},[5299,15775,15776,15779,15781,15784,15786,15788,15790,15792],{"class":5301,"line":6681},[5299,15777,15778],{"class":5515},"          facecolor",[5299,15780,5519],{"class":5309},[5299,15782,15783],{"class":5477},"\"#F1F5F9\"",[5299,15785,5336],{"class":5309},[5299,15787,8602],{"class":5515},[5299,15789,5519],{"class":5309},[5299,15791,14080],{"class":5477},[5299,15793,5481],{"class":5309},[5299,15795,15796],{"class":5301,"line":6714},[5299,15797,5323],{"emptyLinePlaceholder":5322},[5299,15799,15800],{"class":5301,"line":6719},[5299,15801,15802],{"class":5616},"# 3. Винесена за межі графіка (bbox_to_anchor)\n",[5299,15804,15805,15807,15809,15811,15813],{"class":5301,"line":6761},[5299,15806,10572],{"class":5309},[5299,15808,5333],{"class":5332},[5299,15810,5336],{"class":5309},[5299,15812,6427],{"class":5332},[5299,15814,5406],{"class":5309},[5299,15816,15817],{"class":5301,"line":6789},[5299,15818,15625],{"class":5309},[5299,15820,15821,15823,15826,15828,15830,15832,15834,15836,15838,15840,15842],{"class":5301,"line":6816},[5299,15822,6499],{"class":5309},[5299,15824,15825],{"class":5477},"\"3. Винесена назовні: bbox_to_anchor=(1.02, 1)\"",[5299,15827,5336],{"class":5309},[5299,15829,5690],{"class":5515},[5299,15831,5519],{"class":5309},[5299,15833,7869],{"class":5332},[5299,15835,5336],{"class":5309},[5299,15837,5700],{"class":5515},[5299,15839,5519],{"class":5309},[5299,15841,6519],{"class":5477},[5299,15843,5481],{"class":5309},[5299,15845,15846,15848,15850,15852,15855,15857,15859,15861,15863,15865,15867,15869,15872,15874,15876],{"class":5301,"line":6821},[5299,15847,6563],{"class":5309},[5299,15849,15318],{"class":5515},[5299,15851,5586],{"class":5309},[5299,15853,15854],{"class":5332},"1.02",[5299,15856,5336],{"class":5309},[5299,15858,5333],{"class":5332},[5299,15860,5597],{"class":5309},[5299,15862,6566],{"class":5515},[5299,15864,5519],{"class":5309},[5299,15866,9434],{"class":5477},[5299,15868,5336],{"class":5309},[5299,15870,15871],{"class":5515},"borderaxespad",[5299,15873,5519],{"class":5309},[5299,15875,6427],{"class":5332},[5299,15877,6678],{"class":5309},[5299,15879,15880,15883,15885,15888,15890,15893,15895,15897,15899,15901,15903,15905],{"class":5301,"line":6863},[5299,15881,15882],{"class":5515},"          title",[5299,15884,5519],{"class":5309},[5299,15886,15887],{"class":5477},"\"Джерела сигналу\"",[5299,15889,5336],{"class":5309},[5299,15891,15892],{"class":5515},"title_fontsize",[5299,15894,5519],{"class":5309},[5299,15896,5344],{"class":5332},[5299,15898,5336],{"class":5309},[5299,15900,5690],{"class":5515},[5299,15902,5519],{"class":5309},[5299,15904,10803],{"class":5332},[5299,15906,5481],{"class":5309},[5299,15908,15909],{"class":5301,"line":6891},[5299,15910,5323],{"emptyLinePlaceholder":5322},[5299,15912,15913],{"class":5301,"line":6918},[5299,15914,15915],{"class":5616},"# 4. Стилізована картка легенди (title, shadow, fancybox, alpha)\n",[5299,15917,15918,15920,15922,15924,15926],{"class":5301,"line":6923},[5299,15919,10572],{"class":5309},[5299,15921,5333],{"class":5332},[5299,15923,5336],{"class":5309},[5299,15925,5333],{"class":5332},[5299,15927,5406],{"class":5309},[5299,15929,15930],{"class":5301,"line":6929},[5299,15931,15625],{"class":5309},[5299,15933,15934,15936,15939,15941,15943,15945,15947,15949,15951,15953,15955],{"class":5301,"line":8317},[5299,15935,6499],{"class":5309},[5299,15937,15938],{"class":5477},"\"4. Кастомізована плашка: title, shadow=True, fancybox\"",[5299,15940,5336],{"class":5309},[5299,15942,5690],{"class":5515},[5299,15944,5519],{"class":5309},[5299,15946,7869],{"class":5332},[5299,15948,5336],{"class":5309},[5299,15950,5700],{"class":5515},[5299,15952,5519],{"class":5309},[5299,15954,6519],{"class":5477},[5299,15956,5481],{"class":5309},[5299,15958,15959,15961,15963,15965,15967,15969,15971,15973,15976,15978,15981,15984,15987,15990,15992],{"class":5301,"line":8331},[5299,15960,6563],{"class":5309},[5299,15962,6566],{"class":5515},[5299,15964,5519],{"class":5309},[5299,15966,11447],{"class":5477},[5299,15968,5336],{"class":5309},[5299,15970,15344],{"class":5515},[5299,15972,5519],{"class":5309},[5299,15974,15975],{"class":5477},"\"Метрики сенсорів\"",[5299,15977,5336],{"class":5309},[5299,15979,15980],{"class":5515},"title_fontproperties",[5299,15982,15983],{"class":5309},"={",[5299,15985,15986],{"class":5477},"\"weight\"",[5299,15988,15989],{"class":5309},": ",[5299,15991,6519],{"class":5477},[5299,15993,15994],{"class":5309},"},\n",[5299,15996,15997,15999,16001,16003,16005,16007,16009,16011,16013,16016,16018,16020,16022,16024,16026,16029],{"class":5301,"line":8346},[5299,15998,14862],{"class":5515},[5299,16000,5519],{"class":5309},[5299,16002,5344],{"class":5332},[5299,16004,5336],{"class":5309},[5299,16006,15361],{"class":5515},[5299,16008,5519],{"class":5309},[5299,16010,5510],{"class":5509},[5299,16012,5336],{"class":5309},[5299,16014,16015],{"class":5515},"shadow",[5299,16017,5519],{"class":5309},[5299,16019,5510],{"class":5509},[5299,16021,5336],{"class":5309},[5299,16023,15353],{"class":5515},[5299,16025,5519],{"class":5309},[5299,16027,16028],{"class":5477},"\"#FEF3C7\"",[5299,16030,8122],{"class":5309},[5299,16032,16033,16036,16038,16040,16042,16044,16046,16048,16050,16053,16055,16057],{"class":5301,"line":8358},[5299,16034,16035],{"class":5515},"          edgecolor",[5299,16037,5519],{"class":5309},[5299,16039,8597],{"class":5477},[5299,16041,5336],{"class":5309},[5299,16043,10808],{"class":5515},[5299,16045,5519],{"class":5309},[5299,16047,6645],{"class":5332},[5299,16049,5336],{"class":5309},[5299,16051,16052],{"class":5515},"borderpad",[5299,16054,5519],{"class":5309},[5299,16056,6631],{"class":5332},[5299,16058,5481],{"class":5309},[5299,16060,16061],{"class":5301,"line":8372},[5299,16062,5323],{"emptyLinePlaceholder":5322},[5299,16064,16065,16067,16070,16072,16074,16076,16078,16080,16082,16084,16086],{"class":5301,"line":8393},[5299,16066,6041],{"class":5309},[5299,16068,16069],{"class":5477},"\"Варіації позиціонування та стилізації легенди: ax.legend()\"",[5299,16071,5336],{"class":5309},[5299,16073,5690],{"class":5515},[5299,16075,5519],{"class":5309},[5299,16077,7269],{"class":5332},[5299,16079,5336],{"class":5309},[5299,16081,5700],{"class":5515},[5299,16083,5519],{"class":5309},[5299,16085,6519],{"class":5477},[5299,16087,5481],{"class":5309},[5299,16089,16090],{"class":5301,"line":8421},[5299,16091,5358],{"class":5309},[6070,16093,16094],{"v-slot:output":5295},[6073,16095],{"alt":16096,"className":16097,"src":16098},"Варіації позиціонування легенди ax.legend",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F17.png",[5244,16100],{},[5278,16102,16104],{"id":16103},"кольори-та-стилі","Кольори та стилі",[5252,16106,16107,16108,16111],{},"Колір — це не прикраса, а ",[5221,16109,16110],{},"інформація",". Правильний вибір кольорів робить графік зрозумілішим.",[5531,16113,16115,16124],{"title":16114},"colors_styles.ipynb",[5535,16116,16117,16121],{"type":6324},[5278,16118,16120],{"id":16119},"способи-задання-кольорів","Способи задання кольорів",[5252,16122,16123],{},"Matplotlib підтримує кілька форматів",[5535,16125,16126,16462],{"execution-count":5333},[5290,16127,16129],{"className":5292,"code":16128,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 5, 50)\n\nfig, ax = plt.subplots(figsize=(10, 6))\n\n# Способи задання кольорів:\nax.plot(x, x + 0, color=\"red\", label=\"Назва кольору: 'red'\", linewidth=2)\nax.plot(x, x + 1, color=\"r\", label=\"Короткий код: 'r'\", linewidth=2)\nax.plot(x, x + 2, color=\"#FF6B35\", label=\"HEX: '#FF6B35'\", linewidth=2)\nax.plot(x, x + 3, color=(0.2, 0.4, 0.8), label=\"RGB tuple: (0.2, 0.4, 0.8)\", linewidth=2)\nax.plot(x, x + 4, color=\"C4\", label=\"Колір з палітри: 'C4'\", linewidth=2)\n\nax.set_title(\"Способи задання кольорів\", fontsize=14, fontweight=\"bold\")\nax.set_xlabel(\"x\")\nax.set_ylabel(\"y\")\nax.legend(loc=\"upper left\")\nax.grid(True, alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5256,16130,16131,16141,16151,16155,16171,16175,16191,16195,16200,16234,16268,16302,16343,16377,16381,16406,16414,16422,16434,16450,16454,16458],{"__ignoreMap":5295},[5299,16132,16133,16135,16137,16139],{"class":5301,"line":5302},[5299,16134,5306],{"class":5305},[5299,16136,5310],{"class":5309},[5299,16138,5313],{"class":5305},[5299,16140,5316],{"class":5309},[5299,16142,16143,16145,16147,16149],{"class":5301,"line":5319},[5299,16144,5306],{"class":5305},[5299,16146,5558],{"class":5309},[5299,16148,5313],{"class":5305},[5299,16150,5563],{"class":5309},[5299,16152,16153],{"class":5301,"line":5326},[5299,16154,5323],{"emptyLinePlaceholder":5322},[5299,16156,16157,16159,16161,16163,16165,16167,16169],{"class":5301,"line":5355},[5299,16158,6424],{"class":5309},[5299,16160,6427],{"class":5332},[5299,16162,5336],{"class":5309},[5299,16164,5403],{"class":5332},[5299,16166,5336],{"class":5309},[5299,16168,12604],{"class":5332},[5299,16170,5481],{"class":5309},[5299,16172,16173],{"class":5301,"line":5448},[5299,16174,5323],{"emptyLinePlaceholder":5322},[5299,16176,16177,16179,16181,16183,16185,16187,16189],{"class":5301,"line":5527},[5299,16178,7213],{"class":5309},[5299,16180,5583],{"class":5515},[5299,16182,5586],{"class":5309},[5299,16184,5695],{"class":5332},[5299,16186,5336],{"class":5309},[5299,16188,6384],{"class":5332},[5299,16190,6387],{"class":5309},[5299,16192,16193],{"class":5301,"line":5620},[5299,16194,5323],{"emptyLinePlaceholder":5322},[5299,16196,16197],{"class":5301,"line":5672},[5299,16198,16199],{"class":5616},"# Способи задання кольорів:\n",[5299,16201,16202,16205,16207,16209,16211,16213,16215,16217,16219,16221,16224,16226,16228,16230,16232],{"class":5301,"line":5710},[5299,16203,16204],{"class":5309},"ax.plot(x, x + ",[5299,16206,6427],{"class":5332},[5299,16208,5336],{"class":5309},[5299,16210,5643],{"class":5515},[5299,16212,5519],{"class":5309},[5299,16214,6666],{"class":5477},[5299,16216,5336],{"class":5309},[5299,16218,6460],{"class":5515},[5299,16220,5519],{"class":5309},[5299,16222,16223],{"class":5477},"\"Назва кольору: 'red'\"",[5299,16225,5336],{"class":5309},[5299,16227,6479],{"class":5515},[5299,16229,5519],{"class":5309},[5299,16231,5389],{"class":5332},[5299,16233,5481],{"class":5309},[5299,16235,16236,16238,16240,16242,16244,16246,16249,16251,16253,16255,16258,16260,16262,16264,16266],{"class":5301,"line":5729},[5299,16237,16204],{"class":5309},[5299,16239,5333],{"class":5332},[5299,16241,5336],{"class":5309},[5299,16243,5643],{"class":5515},[5299,16245,5519],{"class":5309},[5299,16247,16248],{"class":5477},"\"r\"",[5299,16250,5336],{"class":5309},[5299,16252,6460],{"class":5515},[5299,16254,5519],{"class":5309},[5299,16256,16257],{"class":5477},"\"Короткий код: 'r'\"",[5299,16259,5336],{"class":5309},[5299,16261,6479],{"class":5515},[5299,16263,5519],{"class":5309},[5299,16265,5389],{"class":5332},[5299,16267,5481],{"class":5309},[5299,16269,16270,16272,16274,16276,16278,16280,16283,16285,16287,16289,16292,16294,16296,16298,16300],{"class":5301,"line":5734},[5299,16271,16204],{"class":5309},[5299,16273,5389],{"class":5332},[5299,16275,5336],{"class":5309},[5299,16277,5643],{"class":5515},[5299,16279,5519],{"class":5309},[5299,16281,16282],{"class":5477},"\"#FF6B35\"",[5299,16284,5336],{"class":5309},[5299,16286,6460],{"class":5515},[5299,16288,5519],{"class":5309},[5299,16290,16291],{"class":5477},"\"HEX: '#FF6B35'\"",[5299,16293,5336],{"class":5309},[5299,16295,6479],{"class":5515},[5299,16297,5519],{"class":5309},[5299,16299,5389],{"class":5332},[5299,16301,5481],{"class":5309},[5299,16303,16304,16306,16308,16310,16312,16314,16316,16318,16320,16322,16324,16326,16328,16330,16333,16335,16337,16339,16341],{"class":5301,"line":5740},[5299,16305,16204],{"class":5309},[5299,16307,5394],{"class":5332},[5299,16309,5336],{"class":5309},[5299,16311,5643],{"class":5515},[5299,16313,5586],{"class":5309},[5299,16315,5724],{"class":5332},[5299,16317,5336],{"class":5309},[5299,16319,14385],{"class":5332},[5299,16321,5336],{"class":5309},[5299,16323,6631],{"class":5332},[5299,16325,5597],{"class":5309},[5299,16327,6460],{"class":5515},[5299,16329,5519],{"class":5309},[5299,16331,16332],{"class":5477},"\"RGB tuple: (0.2, 0.4, 0.8)\"",[5299,16334,5336],{"class":5309},[5299,16336,6479],{"class":5515},[5299,16338,5519],{"class":5309},[5299,16340,5389],{"class":5332},[5299,16342,5481],{"class":5309},[5299,16344,16345,16347,16349,16351,16353,16355,16358,16360,16362,16364,16367,16369,16371,16373,16375],{"class":5301,"line":5765},[5299,16346,16204],{"class":5309},[5299,16348,5339],{"class":5332},[5299,16350,5336],{"class":5309},[5299,16352,5643],{"class":5515},[5299,16354,5519],{"class":5309},[5299,16356,16357],{"class":5477},"\"C4\"",[5299,16359,5336],{"class":5309},[5299,16361,6460],{"class":5515},[5299,16363,5519],{"class":5309},[5299,16365,16366],{"class":5477},"\"Колір з палітри: 'C4'\"",[5299,16368,5336],{"class":5309},[5299,16370,6479],{"class":5515},[5299,16372,5519],{"class":5309},[5299,16374,5389],{"class":5332},[5299,16376,5481],{"class":5309},[5299,16378,16379],{"class":5301,"line":5790},[5299,16380,5323],{"emptyLinePlaceholder":5322},[5299,16382,16383,16385,16388,16390,16392,16394,16396,16398,16400,16402,16404],{"class":5301,"line":5822},[5299,16384,6499],{"class":5309},[5299,16386,16387],{"class":5477},"\"Способи задання кольорів\"",[5299,16389,5336],{"class":5309},[5299,16391,5690],{"class":5515},[5299,16393,5519],{"class":5309},[5299,16395,7269],{"class":5332},[5299,16397,5336],{"class":5309},[5299,16399,5700],{"class":5515},[5299,16401,5519],{"class":5309},[5299,16403,6519],{"class":5477},[5299,16405,5481],{"class":5309},[5299,16407,16408,16410,16412],{"class":5301,"line":5854},[5299,16409,6526],{"class":5309},[5299,16411,7077],{"class":5477},[5299,16413,5481],{"class":5309},[5299,16415,16416,16418,16420],{"class":5301,"line":5872},[5299,16417,6545],{"class":5309},[5299,16419,7086],{"class":5477},[5299,16421,5481],{"class":5309},[5299,16423,16424,16426,16428,16430,16432],{"class":5301,"line":5877},[5299,16425,6563],{"class":5309},[5299,16427,6566],{"class":5515},[5299,16429,5519],{"class":5309},[5299,16431,9434],{"class":5477},[5299,16433,5481],{"class":5309},[5299,16435,16436,16438,16440,16442,16444,16446,16448],{"class":5301,"line":5883},[5299,16437,6578],{"class":5309},[5299,16439,5510],{"class":5509},[5299,16441,5336],{"class":5309},[5299,16443,5516],{"class":5515},[5299,16445,5519],{"class":5309},[5299,16447,5522],{"class":5332},[5299,16449,5481],{"class":5309},[5299,16451,16452],{"class":5301,"line":5925},[5299,16453,5323],{"emptyLinePlaceholder":5322},[5299,16455,16456],{"class":5301,"line":5966},[5299,16457,6926],{"class":5309},[5299,16459,16460],{"class":5301,"line":5985},[5299,16461,5358],{"class":5309},[6070,16463,16464],{"v-slot:output":5295},[6073,16465],{"alt":16466,"className":16467,"src":16468},"Різні способи задання кольорів",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F10.png",[16470,16471,16472,16477,16484,16487,16498],"warning",{},[5252,16473,16474],{},[5221,16475,16476],{},"Колірна сліпота (Color Blindness):",[5252,16478,16479,16480,16483],{},"~8% чоловіків та ~0.5% жінок мають порушення кольорового зору. ",[5221,16481,16482],{},"Не використовуйте лише червоний та зелений"," для розрізнення категорій!",[5252,16485,16486],{},"Безпечні комбінації:",[5198,16488,16489,16492,16495],{},[5201,16490,16491],{},"Синій + Помаранчевий",[5201,16493,16494],{},"Синій + Жовтий",[5201,16496,16497],{},"Фіолетовий + Зелений",[5252,16499,16500,16501,7370,16504,10435,16506,16509],{},"Використовуйте різні ",[5221,16502,16503],{},"стилі ліній",[5256,16505,6593],{},[5221,16507,16508],{},"маркери"," як додатковий канал інформації.",[5244,16511],{},[5278,16513,16515],{"id":16514},"розміри-та-пропорції","Розміри та пропорції",[5252,16517,16518],{},"Розмір графіка впливає на читабельність. Занадто маленький — не видно деталей. Занадто великий — марнування місця.",[5531,16520,16522],{"title":16521},"figure_sizes.ipynb",[5535,16523,16524,16806],{"execution-count":5333},[5290,16525,16527],{"className":5292,"code":16526,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\ny = np.sin(x)\n\n# Три різні розміри\nfig, (ax1, ax2, ax3) = plt.subplots(1, 3, figsize=(16, 4))\n\n# Маленька фігура (не рекомендується для складних графіків)\nax1.plot(x, y)\nax1.set_title(\"4x3 дюйми (замала)\", fontsize=10)\nax1.set_xlabel(\"x\", fontsize=8)\nax1.set_ylabel(\"y\", fontsize=8)\n\n# Оптимальна фігура для звітів\nax2.plot(x, y)\nax2.set_title(\"8x6 дюймів (оптимально)\", fontsize=12)\nax2.set_xlabel(\"x\", fontsize=10)\nax2.set_ylabel(\"y\", fontsize=10)\n\n# Велика фігура для презентацій\nax3.plot(x, y)\nax3.set_title(\"12x9 дюймів (презентація)\", fontsize=14)\nax3.set_xlabel(\"x\", fontsize=12)\nax3.set_ylabel(\"y\", fontsize=12)\n\nplt.tight_layout()\nplt.show()\n",[5256,16528,16529,16539,16549,16553,16569,16573,16577,16582,16606,16610,16615,16619,16636,16652,16668,16672,16677,16681,16698,16715,16732,16736,16741,16745,16762,16778,16794,16798,16802],{"__ignoreMap":5295},[5299,16530,16531,16533,16535,16537],{"class":5301,"line":5302},[5299,16532,5306],{"class":5305},[5299,16534,5310],{"class":5309},[5299,16536,5313],{"class":5305},[5299,16538,5316],{"class":5309},[5299,16540,16541,16543,16545,16547],{"class":5301,"line":5319},[5299,16542,5306],{"class":5305},[5299,16544,5558],{"class":5309},[5299,16546,5313],{"class":5305},[5299,16548,5563],{"class":5309},[5299,16550,16551],{"class":5301,"line":5326},[5299,16552,5323],{"emptyLinePlaceholder":5322},[5299,16554,16555,16557,16559,16561,16563,16565,16567],{"class":5301,"line":5355},[5299,16556,6424],{"class":5309},[5299,16558,6427],{"class":5332},[5299,16560,5336],{"class":5309},[5299,16562,5695],{"class":5332},[5299,16564,5336],{"class":5309},[5299,16566,6436],{"class":5332},[5299,16568,5481],{"class":5309},[5299,16570,16571],{"class":5301,"line":5448},[5299,16572,6443],{"class":5309},[5299,16574,16575],{"class":5301,"line":5527},[5299,16576,5323],{"emptyLinePlaceholder":5322},[5299,16578,16579],{"class":5301,"line":5620},[5299,16580,16581],{"class":5616},"# Три різні розміри\n",[5299,16583,16584,16586,16588,16590,16592,16594,16596,16598,16600,16602,16604],{"class":5301,"line":5672},[5299,16585,5572],{"class":5309},[5299,16587,5333],{"class":5332},[5299,16589,5336],{"class":5309},[5299,16591,5394],{"class":5332},[5299,16593,5336],{"class":5309},[5299,16595,5583],{"class":5515},[5299,16597,5586],{"class":5309},[5299,16599,5349],{"class":5332},[5299,16601,5336],{"class":5309},[5299,16603,5339],{"class":5332},[5299,16605,6387],{"class":5309},[5299,16607,16608],{"class":5301,"line":5710},[5299,16609,5323],{"emptyLinePlaceholder":5322},[5299,16611,16612],{"class":5301,"line":5729},[5299,16613,16614],{"class":5616},"# Маленька фігура (не рекомендується для складних графіків)\n",[5299,16616,16617],{"class":5301,"line":5734},[5299,16618,13542],{"class":5309},[5299,16620,16621,16623,16626,16628,16630,16632,16634],{"class":5301,"line":5740},[5299,16622,5675],{"class":5309},[5299,16624,16625],{"class":5477},"\"4x3 дюйми (замала)\"",[5299,16627,5336],{"class":5309},[5299,16629,5690],{"class":5515},[5299,16631,5519],{"class":5309},[5299,16633,5695],{"class":5332},[5299,16635,5481],{"class":5309},[5299,16637,16638,16640,16642,16644,16646,16648,16650],{"class":5301,"line":5765},[5299,16639,7884],{"class":5309},[5299,16641,7077],{"class":5477},[5299,16643,5336],{"class":5309},[5299,16645,5690],{"class":5515},[5299,16647,5519],{"class":5309},[5299,16649,6751],{"class":5332},[5299,16651,5481],{"class":5309},[5299,16653,16654,16656,16658,16660,16662,16664,16666],{"class":5301,"line":5790},[5299,16655,7893],{"class":5309},[5299,16657,7086],{"class":5477},[5299,16659,5336],{"class":5309},[5299,16661,5690],{"class":5515},[5299,16663,5519],{"class":5309},[5299,16665,6751],{"class":5332},[5299,16667,5481],{"class":5309},[5299,16669,16670],{"class":5301,"line":5822},[5299,16671,5323],{"emptyLinePlaceholder":5322},[5299,16673,16674],{"class":5301,"line":5854},[5299,16675,16676],{"class":5616},"# Оптимальна фігура для звітів\n",[5299,16678,16679],{"class":5301,"line":5872},[5299,16680,13565],{"class":5309},[5299,16682,16683,16685,16688,16690,16692,16694,16696],{"class":5301,"line":5877},[5299,16684,5825],{"class":5309},[5299,16686,16687],{"class":5477},"\"8x6 дюймів (оптимально)\"",[5299,16689,5336],{"class":5309},[5299,16691,5690],{"class":5515},[5299,16693,5519],{"class":5309},[5299,16695,6538],{"class":5332},[5299,16697,5481],{"class":5309},[5299,16699,16700,16703,16705,16707,16709,16711,16713],{"class":5301,"line":5883},[5299,16701,16702],{"class":5309},"ax2.set_xlabel(",[5299,16704,7077],{"class":5477},[5299,16706,5336],{"class":5309},[5299,16708,5690],{"class":5515},[5299,16710,5519],{"class":5309},[5299,16712,5695],{"class":5332},[5299,16714,5481],{"class":5309},[5299,16716,16717,16720,16722,16724,16726,16728,16730],{"class":5301,"line":5925},[5299,16718,16719],{"class":5309},"ax2.set_ylabel(",[5299,16721,7086],{"class":5477},[5299,16723,5336],{"class":5309},[5299,16725,5690],{"class":5515},[5299,16727,5519],{"class":5309},[5299,16729,5695],{"class":5332},[5299,16731,5481],{"class":5309},[5299,16733,16734],{"class":5301,"line":5966},[5299,16735,5323],{"emptyLinePlaceholder":5322},[5299,16737,16738],{"class":5301,"line":5985},[5299,16739,16740],{"class":5616},"# Велика фігура для презентацій\n",[5299,16742,16743],{"class":5301,"line":6004},[5299,16744,13596],{"class":5309},[5299,16746,16747,16749,16752,16754,16756,16758,16760],{"class":5301,"line":6033},[5299,16748,5928],{"class":5309},[5299,16750,16751],{"class":5477},"\"12x9 дюймів (презентація)\"",[5299,16753,5336],{"class":5309},[5299,16755,5690],{"class":5515},[5299,16757,5519],{"class":5309},[5299,16759,7269],{"class":5332},[5299,16761,5481],{"class":5309},[5299,16763,16764,16766,16768,16770,16772,16774,16776],{"class":5301,"line":6038},[5299,16765,5969],{"class":5309},[5299,16767,7077],{"class":5477},[5299,16769,5336],{"class":5309},[5299,16771,5690],{"class":5515},[5299,16773,5519],{"class":5309},[5299,16775,6538],{"class":5332},[5299,16777,5481],{"class":5309},[5299,16779,16780,16782,16784,16786,16788,16790,16792],{"class":5301,"line":6066},[5299,16781,5988],{"class":5309},[5299,16783,7086],{"class":5477},[5299,16785,5336],{"class":5309},[5299,16787,5690],{"class":5515},[5299,16789,5519],{"class":5309},[5299,16791,6538],{"class":5332},[5299,16793,5481],{"class":5309},[5299,16795,16796],{"class":5301,"line":6681},[5299,16797,5323],{"emptyLinePlaceholder":5322},[5299,16799,16800],{"class":5301,"line":6714},[5299,16801,6926],{"class":5309},[5299,16803,16804],{"class":5301,"line":6719},[5299,16805,5358],{"class":5309},[6070,16807,16808],{"v-slot:output":5295},[6073,16809],{"alt":16810,"className":16811,"src":16812},"Порівняння розмірів фігур",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F11.png",[6940,16814,16815,16824,16905],{},[5252,16816,16817],{},[5221,16818,16819,16820,16823],{},"Рекомендовані розміри ",[5256,16821,16822],{},"figsize=(width, height)"," у дюймах:",[9919,16825,16826,16839],{},[9922,16827,16828],{},[9925,16829,16830,16833,16836],{},[9928,16831,16832],{"align":9930},"Призначення",[9928,16834,16835],{"align":9930},"Розмір",[9928,16837,16838],{"align":9930},"Пропорції",[9941,16840,16841,16853,16866,16879,16892],{},[9925,16842,16843,16845,16850],{},[9946,16844,3704],{"align":9930},[9946,16846,16847],{"align":9930},[5256,16848,16849],{},"(8, 5)",[9946,16851,16852],{"align":9930},"16:10",[9925,16854,16855,16858,16863],{},[9946,16856,16857],{"align":9930},"Наукова стаття",[9946,16859,16860],{"align":9930},[5256,16861,16862],{},"(6, 4)",[9946,16864,16865],{"align":9930},"3:2",[9925,16867,16868,16871,16876],{},[9946,16869,16870],{"align":9930},"Презентація (слайд)",[9946,16872,16873],{"align":9930},[5256,16874,16875],{},"(10, 6)",[9946,16877,16878],{"align":9930},"16:9.6",[9925,16880,16881,16884,16889],{},[9946,16882,16883],{"align":9930},"Дашборд (широкий)",[9946,16885,16886],{"align":9930},[5256,16887,16888],{},"(12, 4)",[9946,16890,16891],{"align":9930},"3:1",[9925,16893,16894,16897,16902],{},[9946,16895,16896],{"align":9930},"Квадратний графік",[9946,16898,16899],{"align":9930},[5256,16900,16901],{},"(6, 6)",[9946,16903,16904],{"align":9930},"1:1",[5252,16906,16907,16908,16911],{},"За замовчуванням matplotlib використовує ",[5256,16909,16910],{},"(6.4, 4.8)"," дюймів = 640x480 пікселів при dpi=100.",[5278,16913,16915],{"id":16914},"сигнатури-керування-шкалами-засічками-та-мітками-осей-xlim-ylim-xticks-tick_params","Сигнатури керування шкалами, засічками та мітками осей (xlim, ylim, xticks, tick_params)",[5252,16917,16918],{},"Повний контроль над геометрією осей дозволяє фокусувати увагу на ключових ділянках даних, додавати текстові назви категорій або змінювати напрямок шкал.",[5290,16920,16923],{"className":5292,"code":16921,"filename":16922,"language":5294,"meta":5295,"style":5295},"Axes.set_xlim(\n    left: float | None = None,\n    right: float | None = None,\n    *,\n    emit: bool = True,\n    auto: bool = False,\n    **kwargs\n) -> tuple[float, float]\n\nAxes.set_ylim(\n    bottom: float | None = None,\n    top: float | None = None,\n    *,\n    emit: bool = True,\n    auto: bool = False,\n    **kwargs\n) -> tuple[float, float]\n\nAxes.set_xticks(\n    ticks: Sequence[float],\n    labels: Sequence[str] | None = None,\n    *,\n    minor: bool = False,\n    **kwargs\n) -> list[Tick]\n\nAxes.tick_params(\n    axis: Literal['both', 'x', 'y'] = 'both',\n    **kwargs  # which, direction, length, width, color, pad, labelsize, rotation\n) -> None\n","Сигнатури методів керування осями та мітками",[5256,16924,16925,16930,16947,16964,16968,16981,16994,16998,17015,17019,17024,17041,17058,17062,17074,17086,17090,17106,17110,17115,17125,17142,17146,17159,17163,17172,17176,17181,17201,17208],{"__ignoreMap":5295},[5299,16926,16927],{"class":5301,"line":5302},[5299,16928,16929],{"class":5309},"Axes.set_xlim(\n",[5299,16931,16932,16935,16937,16939,16941,16943,16945],{"class":5301,"line":5319},[5299,16933,16934],{"class":5309},"    left: ",[5299,16936,7492],{"class":6689},[5299,16938,7444],{"class":5309},[5299,16940,7498],{"class":5515},[5299,16942,6953],{"class":5309},[5299,16944,7498],{"class":5509},[5299,16946,6678],{"class":5309},[5299,16948,16949,16952,16954,16956,16958,16960,16962],{"class":5301,"line":5326},[5299,16950,16951],{"class":5309},"    right: ",[5299,16953,7492],{"class":6689},[5299,16955,7444],{"class":5309},[5299,16957,7498],{"class":5515},[5299,16959,6953],{"class":5309},[5299,16961,7498],{"class":5509},[5299,16963,6678],{"class":5309},[5299,16965,16966],{"class":5301,"line":5355},[5299,16967,7433],{"class":5309},[5299,16969,16970,16973,16975,16977,16979],{"class":5301,"line":5448},[5299,16971,16972],{"class":5309},"    emit: ",[5299,16974,7441],{"class":5515},[5299,16976,6953],{"class":5309},[5299,16978,5510],{"class":5509},[5299,16980,6678],{"class":5309},[5299,16982,16983,16986,16988,16990,16992],{"class":5301,"line":5527},[5299,16984,16985],{"class":5309},"    auto: ",[5299,16987,7441],{"class":5515},[5299,16989,6953],{"class":5309},[5299,16991,7452],{"class":5509},[5299,16993,6678],{"class":5309},[5299,16995,16996],{"class":5301,"line":5620},[5299,16997,10337],{"class":5309},[5299,16999,17000,17002,17004,17007,17009,17011,17013],{"class":5301,"line":5672},[5299,17001,7621],{"class":5309},[5299,17003,7625],{"class":7624},[5299,17005,17006],{"class":5309}," tuple[",[5299,17008,7492],{"class":6689},[5299,17010,5336],{"class":5309},[5299,17012,7492],{"class":6689},[5299,17014,5406],{"class":5309},[5299,17016,17017],{"class":5301,"line":5710},[5299,17018,5323],{"emptyLinePlaceholder":5322},[5299,17020,17021],{"class":5301,"line":5729},[5299,17022,17023],{"class":5309},"Axes.set_ylim(\n",[5299,17025,17026,17029,17031,17033,17035,17037,17039],{"class":5301,"line":5734},[5299,17027,17028],{"class":5309},"    bottom: ",[5299,17030,7492],{"class":6689},[5299,17032,7444],{"class":5309},[5299,17034,7498],{"class":5515},[5299,17036,6953],{"class":5309},[5299,17038,7498],{"class":5509},[5299,17040,6678],{"class":5309},[5299,17042,17043,17046,17048,17050,17052,17054,17056],{"class":5301,"line":5740},[5299,17044,17045],{"class":5309},"    top: ",[5299,17047,7492],{"class":6689},[5299,17049,7444],{"class":5309},[5299,17051,7498],{"class":5515},[5299,17053,6953],{"class":5309},[5299,17055,7498],{"class":5509},[5299,17057,6678],{"class":5309},[5299,17059,17060],{"class":5301,"line":5765},[5299,17061,7433],{"class":5309},[5299,17063,17064,17066,17068,17070,17072],{"class":5301,"line":5790},[5299,17065,16972],{"class":5309},[5299,17067,7441],{"class":5515},[5299,17069,6953],{"class":5309},[5299,17071,5510],{"class":5509},[5299,17073,6678],{"class":5309},[5299,17075,17076,17078,17080,17082,17084],{"class":5301,"line":5822},[5299,17077,16985],{"class":5309},[5299,17079,7441],{"class":5515},[5299,17081,6953],{"class":5309},[5299,17083,7452],{"class":5509},[5299,17085,6678],{"class":5309},[5299,17087,17088],{"class":5301,"line":5854},[5299,17089,10337],{"class":5309},[5299,17091,17092,17094,17096,17098,17100,17102,17104],{"class":5301,"line":5872},[5299,17093,7621],{"class":5309},[5299,17095,7625],{"class":7624},[5299,17097,17006],{"class":5309},[5299,17099,7492],{"class":6689},[5299,17101,5336],{"class":5309},[5299,17103,7492],{"class":6689},[5299,17105,5406],{"class":5309},[5299,17107,17108],{"class":5301,"line":5877},[5299,17109,5323],{"emptyLinePlaceholder":5322},[5299,17111,17112],{"class":5301,"line":5883},[5299,17113,17114],{"class":5309},"Axes.set_xticks(\n",[5299,17116,17117,17120,17122],{"class":5301,"line":5925},[5299,17118,17119],{"class":5309},"    ticks: Sequence[",[5299,17121,7492],{"class":6689},[5299,17123,17124],{"class":5309},"],\n",[5299,17126,17127,17130,17132,17134,17136,17138,17140],{"class":5301,"line":5966},[5299,17128,17129],{"class":5309},"    labels: Sequence[",[5299,17131,7447],{"class":6689},[5299,17133,7495],{"class":5309},[5299,17135,7498],{"class":5515},[5299,17137,6953],{"class":5309},[5299,17139,7498],{"class":5509},[5299,17141,6678],{"class":5309},[5299,17143,17144],{"class":5301,"line":5985},[5299,17145,7433],{"class":5309},[5299,17147,17148,17151,17153,17155,17157],{"class":5301,"line":6004},[5299,17149,17150],{"class":5309},"    minor: ",[5299,17152,7441],{"class":5515},[5299,17154,6953],{"class":5309},[5299,17156,7452],{"class":5509},[5299,17158,6678],{"class":5309},[5299,17160,17161],{"class":5301,"line":6033},[5299,17162,10337],{"class":5309},[5299,17164,17165,17167,17169],{"class":5301,"line":6038},[5299,17166,7621],{"class":5309},[5299,17168,7625],{"class":7624},[5299,17170,17171],{"class":5309}," list[Tick]\n",[5299,17173,17174],{"class":5301,"line":6066},[5299,17175,5323],{"emptyLinePlaceholder":5322},[5299,17177,17178],{"class":5301,"line":6681},[5299,17179,17180],{"class":5309},"Axes.tick_params(\n",[5299,17182,17183,17185,17187,17189,17191,17193,17195,17197,17199],{"class":5301,"line":6714},[5299,17184,13787],{"class":5309},[5299,17186,13776],{"class":5477},[5299,17188,5336],{"class":5309},[5299,17190,13794],{"class":5477},[5299,17192,5336],{"class":5309},[5299,17194,13799],{"class":5477},[5299,17196,12203],{"class":5309},[5299,17198,13776],{"class":5477},[5299,17200,6678],{"class":5309},[5299,17202,17203,17205],{"class":5301,"line":6719},[5299,17204,13810],{"class":5309},[5299,17206,17207],{"class":5616},"# which, direction, length, width, color, pad, labelsize, rotation\n",[5299,17209,17210,17212,17214],{"class":5301,"line":6761},[5299,17211,7621],{"class":5309},[5299,17213,7625],{"class":7624},[5299,17215,13822],{"class":5509},[6940,17217,17218,17221,17222,7712,17225,17228,17229,17232,17233,6989],{},[5221,17219,17220],{},"Сучасний API для підписів засічок:"," У старих версіях Matplotlib використовували пару викликів ",[5256,17223,17224],{},"ax.set_xticks(ticks)",[5256,17226,17227],{},"ax.set_xticklabels(labels)",". Починаючи з версії 3.5, рекомендовано передавати мітки безпосередньо у метод ",[5256,17230,17231],{},"ax.set_xticks(ticks, labels=labels)",". Це гарантує взаємно-однозначну прив'язку засічок до міток і запобігає попередженню ",[5256,17234,17235],{},"UserWarning: FixedFormatter should only be used together with FixedLocator",[5252,17237,17238],{},[5221,17239,17240],{},"Аналіз параметрів:",[5198,17242,17243,17262,17270,17283],{},[5201,17244,17245,5336,17247,17250,17251,5336,17254,17257,17258,17261],{},[5256,17246,9930],{},[5256,17248,17249],{},"right"," (або ",[5256,17252,17253],{},"bottom",[5256,17255,17256],{},"top","): межі видимої області. Якщо передати значення у зворотному порядку (наприклад, ",[5256,17259,17260],{},"set_xlim(10, 0)","), вісь інвертується — це корисно для глибини чи рангових списків.",[5201,17263,17264,5336,17267,17269],{},[5256,17265,17266],{},"ticks",[5256,17268,9386],{},": числові позиції засічок та відповідні їм текстові підписи.",[5201,17271,17272,17275,17276,17279,17280,6184],{},[5256,17273,17274],{},"tick_params(direction='in' | 'out' | 'inout')",": спрямування засічок всередину чи назовні графіка, налаштування їхньої довжини (",[5256,17277,17278],{},"length",") та товщини (",[5256,17281,17282],{},"width",[5201,17284,17285,12483,17288,17291],{},[5256,17286,17287],{},"ax.set_xscale('log')",[5256,17289,17290],{},"ax.set_yscale('log')",": перемикання лінійної шкали на логарифмічну для даних з експоненційним зростанням.",[5531,17293,17295],{"title":17294},"axes_ticks_variations.ipynb",[5535,17296,17297,17998],{"execution-count":5333},[5290,17298,17300],{"className":5292,"code":17299,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, axes = plt.subplots(2, 2, figsize=(14, 8), layout=\"constrained\")\nx = np.linspace(0, 10, 100)\ny = np.sin(x)\n\n# 1. Межі та інверсія осей\nax = axes[0, 0]\nax.plot(x, y, color=\"#2563EB\", lw=2)\nax.set_xlim(10, 0)  # Інверсія осі X від 10 до 0\nax.set_ylim(-1.5, 1.5)\nax.set_title(\"1. Інверсія осі X: set_xlim(10, 0)\", fontsize=11, fontweight=\"bold\")\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 2. Сучасний API: set_xticks(ticks, labels=...)\nax = axes[0, 1]\ndays_x = [0, 2, 4, 6, 8, 10]\ndays_labels = [\"Пн\", \"Ср\", \"Пт\", \"Нд\", \"Вівт (наст.)\", \"Четв (наст.)\"]\nax.plot(x, y, color=\"#DC2626\", lw=2)\nax.set_xticks(days_x, labels=days_labels, rotation=30, fontsize=9)\nax.set_title(\"2. Текстові мітки: set_xticks(ticks, labels=...)\", fontsize=11, fontweight=\"bold\")\nax.grid(True, alpha=0.25, ls=\"--\")\n\n# 3. Налаштування засічок tick_params (внутрішні засічки)\nax = axes[1, 0]\nax.plot(x, y, color=\"#059669\", lw=2)\nax.tick_params(direction=\"in\", length=8, width=1.8, colors=\"#1E293B\",\n               grid_color=\"#94A3B8\", grid_alpha=0.4, top=True, right=True)\nax.grid(True)\nax.set_title(\"3. Засічки всередину: tick_params(direction='in', top=True)\", fontsize=11, fontweight=\"bold\")\n\n# 4. Логарифмічний масштаб осей\nax = axes[1, 1]\nx_exp = np.linspace(1, 100, 200)\ny_exp = x_exp ** 2\nax.plot(x_exp, y_exp, color=\"#7C3AED\", lw=2)\nax.set_xscale(\"log\")\nax.set_yscale(\"log\")\nax.set_title(\"4. Логарифмічні шкали: set_xscale('log'), set_yscale('log')\", fontsize=11, fontweight=\"bold\")\nax.grid(True, which=\"both\", alpha=0.25, ls=\"--\")\n\nfig.suptitle(\"Варіації керування шкалами, засічками та мітками\", fontsize=14, fontweight=\"bold\")\nplt.show()\n",[5256,17301,17302,17312,17322,17326,17358,17374,17378,17382,17387,17399,17419,17434,17446,17471,17495,17499,17504,17516,17545,17576,17596,17623,17648,17672,17676,17681,17693,17713,17754,17790,17798,17823,17827,17832,17844,17861,17868,17889,17899,17908,17933,17965,17969,17994],{"__ignoreMap":5295},[5299,17303,17304,17306,17308,17310],{"class":5301,"line":5302},[5299,17305,5306],{"class":5305},[5299,17307,5310],{"class":5309},[5299,17309,5313],{"class":5305},[5299,17311,5316],{"class":5309},[5299,17313,17314,17316,17318,17320],{"class":5301,"line":5319},[5299,17315,5306],{"class":5305},[5299,17317,5558],{"class":5309},[5299,17319,5313],{"class":5305},[5299,17321,5563],{"class":5309},[5299,17323,17324],{"class":5301,"line":5326},[5299,17325,5323],{"emptyLinePlaceholder":5322},[5299,17327,17328,17330,17332,17334,17336,17338,17340,17342,17344,17346,17348,17350,17352,17354,17356],{"class":5301,"line":5355},[5299,17329,10514],{"class":5309},[5299,17331,5389],{"class":5332},[5299,17333,5336],{"class":5309},[5299,17335,5389],{"class":5332},[5299,17337,5336],{"class":5309},[5299,17339,5583],{"class":5515},[5299,17341,5586],{"class":5309},[5299,17343,7269],{"class":5332},[5299,17345,5336],{"class":5309},[5299,17347,6751],{"class":5332},[5299,17349,5597],{"class":5309},[5299,17351,5600],{"class":5515},[5299,17353,5519],{"class":5309},[5299,17355,7778],{"class":5477},[5299,17357,5481],{"class":5309},[5299,17359,17360,17362,17364,17366,17368,17370,17372],{"class":5301,"line":5448},[5299,17361,6424],{"class":5309},[5299,17363,6427],{"class":5332},[5299,17365,5336],{"class":5309},[5299,17367,5695],{"class":5332},[5299,17369,5336],{"class":5309},[5299,17371,6436],{"class":5332},[5299,17373,5481],{"class":5309},[5299,17375,17376],{"class":5301,"line":5527},[5299,17377,6443],{"class":5309},[5299,17379,17380],{"class":5301,"line":5620},[5299,17381,5323],{"emptyLinePlaceholder":5322},[5299,17383,17384],{"class":5301,"line":5672},[5299,17385,17386],{"class":5616},"# 1. Межі та інверсія осей\n",[5299,17388,17389,17391,17393,17395,17397],{"class":5301,"line":5710},[5299,17390,10572],{"class":5309},[5299,17392,6427],{"class":5332},[5299,17394,5336],{"class":5309},[5299,17396,6427],{"class":5332},[5299,17398,5406],{"class":5309},[5299,17400,17401,17403,17405,17407,17409,17411,17413,17415,17417],{"class":5301,"line":5729},[5299,17402,6457],{"class":5309},[5299,17404,5643],{"class":5515},[5299,17406,5519],{"class":5309},[5299,17408,7843],{"class":5477},[5299,17410,5336],{"class":5309},[5299,17412,5663],{"class":5515},[5299,17414,5519],{"class":5309},[5299,17416,5389],{"class":5332},[5299,17418,5481],{"class":5309},[5299,17420,17421,17423,17425,17427,17429,17431],{"class":5301,"line":5734},[5299,17422,12095],{"class":5309},[5299,17424,5695],{"class":5332},[5299,17426,5336],{"class":5309},[5299,17428,6427],{"class":5332},[5299,17430,6407],{"class":5309},[5299,17432,17433],{"class":5616},"# Інверсія осі X від 10 до 0\n",[5299,17435,17436,17438,17440,17442,17444],{"class":5301,"line":5740},[5299,17437,12108],{"class":5309},[5299,17439,8254],{"class":5332},[5299,17441,5336],{"class":5309},[5299,17443,8254],{"class":5332},[5299,17445,5481],{"class":5309},[5299,17447,17448,17450,17453,17455,17457,17459,17461,17463,17465,17467,17469],{"class":5301,"line":5765},[5299,17449,6499],{"class":5309},[5299,17451,17452],{"class":5477},"\"1. Інверсія осі X: set_xlim(10, 0)\"",[5299,17454,5336],{"class":5309},[5299,17456,5690],{"class":5515},[5299,17458,5519],{"class":5309},[5299,17460,7869],{"class":5332},[5299,17462,5336],{"class":5309},[5299,17464,5700],{"class":5515},[5299,17466,5519],{"class":5309},[5299,17468,6519],{"class":5477},[5299,17470,5481],{"class":5309},[5299,17472,17473,17475,17477,17479,17481,17483,17485,17487,17489,17491,17493],{"class":5301,"line":5790},[5299,17474,6578],{"class":5309},[5299,17476,5510],{"class":5509},[5299,17478,5336],{"class":5309},[5299,17480,5516],{"class":5515},[5299,17482,5519],{"class":5309},[5299,17484,7912],{"class":5332},[5299,17486,5336],{"class":5309},[5299,17488,6023],{"class":5515},[5299,17490,5519],{"class":5309},[5299,17492,6598],{"class":5477},[5299,17494,5481],{"class":5309},[5299,17496,17497],{"class":5301,"line":5822},[5299,17498,5323],{"emptyLinePlaceholder":5322},[5299,17500,17501],{"class":5301,"line":5854},[5299,17502,17503],{"class":5616},"# 2. Сучасний API: set_xticks(ticks, labels=...)\n",[5299,17505,17506,17508,17510,17512,17514],{"class":5301,"line":5872},[5299,17507,10572],{"class":5309},[5299,17509,6427],{"class":5332},[5299,17511,5336],{"class":5309},[5299,17513,5333],{"class":5332},[5299,17515,5406],{"class":5309},[5299,17517,17518,17521,17523,17525,17527,17529,17531,17533,17535,17537,17539,17541,17543],{"class":5301,"line":5877},[5299,17519,17520],{"class":5309},"days_x = [",[5299,17522,6427],{"class":5332},[5299,17524,5336],{"class":5309},[5299,17526,5389],{"class":5332},[5299,17528,5336],{"class":5309},[5299,17530,5339],{"class":5332},[5299,17532,5336],{"class":5309},[5299,17534,6384],{"class":5332},[5299,17536,5336],{"class":5309},[5299,17538,6751],{"class":5332},[5299,17540,5336],{"class":5309},[5299,17542,5695],{"class":5332},[5299,17544,5406],{"class":5309},[5299,17546,17547,17550,17552,17554,17556,17558,17560,17562,17564,17566,17569,17571,17574],{"class":5301,"line":5883},[5299,17548,17549],{"class":5309},"days_labels = [",[5299,17551,9391],{"class":5477},[5299,17553,5336],{"class":5309},[5299,17555,9401],{"class":5477},[5299,17557,5336],{"class":5309},[5299,17559,9411],{"class":5477},[5299,17561,5336],{"class":5309},[5299,17563,9421],{"class":5477},[5299,17565,5336],{"class":5309},[5299,17567,17568],{"class":5477},"\"Вівт (наст.)\"",[5299,17570,5336],{"class":5309},[5299,17572,17573],{"class":5477},"\"Четв (наст.)\"",[5299,17575,5406],{"class":5309},[5299,17577,17578,17580,17582,17584,17586,17588,17590,17592,17594],{"class":5301,"line":5925},[5299,17579,6457],{"class":5309},[5299,17581,5643],{"class":5515},[5299,17583,5519],{"class":5309},[5299,17585,7983],{"class":5477},[5299,17587,5336],{"class":5309},[5299,17589,5663],{"class":5515},[5299,17591,5519],{"class":5309},[5299,17593,5389],{"class":5332},[5299,17595,5481],{"class":5309},[5299,17597,17598,17601,17603,17606,17608,17610,17613,17615,17617,17619,17621],{"class":5301,"line":5966},[5299,17599,17600],{"class":5309},"ax.set_xticks(days_x, ",[5299,17602,9386],{"class":5515},[5299,17604,17605],{"class":5309},"=days_labels, ",[5299,17607,12518],{"class":5515},[5299,17609,5519],{"class":5309},[5299,17611,17612],{"class":5332},"30",[5299,17614,5336],{"class":5309},[5299,17616,5690],{"class":5515},[5299,17618,5519],{"class":5309},[5299,17620,5344],{"class":5332},[5299,17622,5481],{"class":5309},[5299,17624,17625,17627,17630,17632,17634,17636,17638,17640,17642,17644,17646],{"class":5301,"line":5985},[5299,17626,6499],{"class":5309},[5299,17628,17629],{"class":5477},"\"2. Текстові мітки: set_xticks(ticks, labels=...)\"",[5299,17631,5336],{"class":5309},[5299,17633,5690],{"class":5515},[5299,17635,5519],{"class":5309},[5299,17637,7869],{"class":5332},[5299,17639,5336],{"class":5309},[5299,17641,5700],{"class":5515},[5299,17643,5519],{"class":5309},[5299,17645,6519],{"class":5477},[5299,17647,5481],{"class":5309},[5299,17649,17650,17652,17654,17656,17658,17660,17662,17664,17666,17668,17670],{"class":5301,"line":6004},[5299,17651,6578],{"class":5309},[5299,17653,5510],{"class":5509},[5299,17655,5336],{"class":5309},[5299,17657,5516],{"class":5515},[5299,17659,5519],{"class":5309},[5299,17661,7912],{"class":5332},[5299,17663,5336],{"class":5309},[5299,17665,6023],{"class":5515},[5299,17667,5519],{"class":5309},[5299,17669,6598],{"class":5477},[5299,17671,5481],{"class":5309},[5299,17673,17674],{"class":5301,"line":6033},[5299,17675,5323],{"emptyLinePlaceholder":5322},[5299,17677,17678],{"class":5301,"line":6038},[5299,17679,17680],{"class":5616},"# 3. Налаштування засічок tick_params (внутрішні засічки)\n",[5299,17682,17683,17685,17687,17689,17691],{"class":5301,"line":6066},[5299,17684,10572],{"class":5309},[5299,17686,5333],{"class":5332},[5299,17688,5336],{"class":5309},[5299,17690,6427],{"class":5332},[5299,17692,5406],{"class":5309},[5299,17694,17695,17697,17699,17701,17703,17705,17707,17709,17711],{"class":5301,"line":6681},[5299,17696,6457],{"class":5309},[5299,17698,5643],{"class":5515},[5299,17700,5519],{"class":5309},[5299,17702,10649],{"class":5477},[5299,17704,5336],{"class":5309},[5299,17706,5663],{"class":5515},[5299,17708,5519],{"class":5309},[5299,17710,5389],{"class":5332},[5299,17712,5481],{"class":5309},[5299,17714,17715,17718,17721,17723,17726,17728,17730,17732,17734,17736,17738,17740,17743,17745,17748,17750,17752],{"class":5301,"line":6714},[5299,17716,17717],{"class":5309},"ax.tick_params(",[5299,17719,17720],{"class":5515},"direction",[5299,17722,5519],{"class":5309},[5299,17724,17725],{"class":5477},"\"in\"",[5299,17727,5336],{"class":5309},[5299,17729,17278],{"class":5515},[5299,17731,5519],{"class":5309},[5299,17733,6751],{"class":5332},[5299,17735,5336],{"class":5309},[5299,17737,17282],{"class":5515},[5299,17739,5519],{"class":5309},[5299,17741,17742],{"class":5332},"1.8",[5299,17744,5336],{"class":5309},[5299,17746,17747],{"class":5515},"colors",[5299,17749,5519],{"class":5309},[5299,17751,14314],{"class":5477},[5299,17753,6678],{"class":5309},[5299,17755,17756,17759,17761,17763,17765,17768,17770,17772,17774,17776,17778,17780,17782,17784,17786,17788],{"class":5301,"line":6719},[5299,17757,17758],{"class":5515},"               grid_color",[5299,17760,5519],{"class":5309},[5299,17762,14080],{"class":5477},[5299,17764,5336],{"class":5309},[5299,17766,17767],{"class":5515},"grid_alpha",[5299,17769,5519],{"class":5309},[5299,17771,14385],{"class":5332},[5299,17773,5336],{"class":5309},[5299,17775,17256],{"class":5515},[5299,17777,5519],{"class":5309},[5299,17779,5510],{"class":5509},[5299,17781,5336],{"class":5309},[5299,17783,17249],{"class":5515},[5299,17785,5519],{"class":5309},[5299,17787,5510],{"class":5509},[5299,17789,5481],{"class":5309},[5299,17791,17792,17794,17796],{"class":5301,"line":6761},[5299,17793,6578],{"class":5309},[5299,17795,5510],{"class":5509},[5299,17797,5481],{"class":5309},[5299,17799,17800,17802,17805,17807,17809,17811,17813,17815,17817,17819,17821],{"class":5301,"line":6789},[5299,17801,6499],{"class":5309},[5299,17803,17804],{"class":5477},"\"3. Засічки всередину: tick_params(direction='in', top=True)\"",[5299,17806,5336],{"class":5309},[5299,17808,5690],{"class":5515},[5299,17810,5519],{"class":5309},[5299,17812,7869],{"class":5332},[5299,17814,5336],{"class":5309},[5299,17816,5700],{"class":5515},[5299,17818,5519],{"class":5309},[5299,17820,6519],{"class":5477},[5299,17822,5481],{"class":5309},[5299,17824,17825],{"class":5301,"line":6816},[5299,17826,5323],{"emptyLinePlaceholder":5322},[5299,17828,17829],{"class":5301,"line":6821},[5299,17830,17831],{"class":5616},"# 4. Логарифмічний масштаб осей\n",[5299,17833,17834,17836,17838,17840,17842],{"class":5301,"line":6863},[5299,17835,10572],{"class":5309},[5299,17837,5333],{"class":5332},[5299,17839,5336],{"class":5309},[5299,17841,5333],{"class":5332},[5299,17843,5406],{"class":5309},[5299,17845,17846,17849,17851,17853,17855,17857,17859],{"class":5301,"line":6891},[5299,17847,17848],{"class":5309},"x_exp = np.linspace(",[5299,17850,5333],{"class":5332},[5299,17852,5336],{"class":5309},[5299,17854,6436],{"class":5332},[5299,17856,5336],{"class":5309},[5299,17858,9602],{"class":5332},[5299,17860,5481],{"class":5309},[5299,17862,17863,17866],{"class":5301,"line":6918},[5299,17864,17865],{"class":5309},"y_exp = x_exp ** ",[5299,17867,7047],{"class":5332},[5299,17869,17870,17873,17875,17877,17879,17881,17883,17885,17887],{"class":5301,"line":6923},[5299,17871,17872],{"class":5309},"ax.plot(x_exp, y_exp, ",[5299,17874,5643],{"class":5515},[5299,17876,5519],{"class":5309},[5299,17878,8245],{"class":5477},[5299,17880,5336],{"class":5309},[5299,17882,5663],{"class":5515},[5299,17884,5519],{"class":5309},[5299,17886,5389],{"class":5332},[5299,17888,5481],{"class":5309},[5299,17890,17891,17894,17897],{"class":5301,"line":6929},[5299,17892,17893],{"class":5309},"ax.set_xscale(",[5299,17895,17896],{"class":5477},"\"log\"",[5299,17898,5481],{"class":5309},[5299,17900,17901,17904,17906],{"class":5301,"line":8317},[5299,17902,17903],{"class":5309},"ax.set_yscale(",[5299,17905,17896],{"class":5477},[5299,17907,5481],{"class":5309},[5299,17909,17910,17912,17915,17917,17919,17921,17923,17925,17927,17929,17931],{"class":5301,"line":8331},[5299,17911,6499],{"class":5309},[5299,17913,17914],{"class":5477},"\"4. Логарифмічні шкали: set_xscale('log'), set_yscale('log')\"",[5299,17916,5336],{"class":5309},[5299,17918,5690],{"class":5515},[5299,17920,5519],{"class":5309},[5299,17922,7869],{"class":5332},[5299,17924,5336],{"class":5309},[5299,17926,5700],{"class":5515},[5299,17928,5519],{"class":5309},[5299,17930,6519],{"class":5477},[5299,17932,5481],{"class":5309},[5299,17934,17935,17937,17939,17941,17943,17945,17947,17949,17951,17953,17955,17957,17959,17961,17963],{"class":5301,"line":8346},[5299,17936,6578],{"class":5309},[5299,17938,5510],{"class":5509},[5299,17940,5336],{"class":5309},[5299,17942,13712],{"class":5515},[5299,17944,5519],{"class":5309},[5299,17946,13719],{"class":5477},[5299,17948,5336],{"class":5309},[5299,17950,5516],{"class":5515},[5299,17952,5519],{"class":5309},[5299,17954,7912],{"class":5332},[5299,17956,5336],{"class":5309},[5299,17958,6023],{"class":5515},[5299,17960,5519],{"class":5309},[5299,17962,6598],{"class":5477},[5299,17964,5481],{"class":5309},[5299,17966,17967],{"class":5301,"line":8358},[5299,17968,5323],{"emptyLinePlaceholder":5322},[5299,17970,17971,17973,17976,17978,17980,17982,17984,17986,17988,17990,17992],{"class":5301,"line":8372},[5299,17972,6041],{"class":5309},[5299,17974,17975],{"class":5477},"\"Варіації керування шкалами, засічками та мітками\"",[5299,17977,5336],{"class":5309},[5299,17979,5690],{"class":5515},[5299,17981,5519],{"class":5309},[5299,17983,7269],{"class":5332},[5299,17985,5336],{"class":5309},[5299,17987,5700],{"class":5515},[5299,17989,5519],{"class":5309},[5299,17991,6519],{"class":5477},[5299,17993,5481],{"class":5309},[5299,17995,17996],{"class":5301,"line":8393},[5299,17997,5358],{"class":5309},[6070,17999,18000],{"v-slot:output":5295},[6073,18001],{"alt":18002,"className":18003,"src":18004},"Варіації керування шкалами та засічками",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F18.png",[5244,18006],{},[5247,18008,18010],{"id":18009},"збереження-графіків-у-файли","Збереження графіків у файли",[5252,18012,18013],{},"Після створення графіка його потрібно зберегти для звітів, презентацій або публікацій.",[5261,18015,18016,18024],{},[5252,18017,18018,18021,18023],{},[5221,18019,18020],{},"Сюжетна лінія (Етап 5: Фінальний реліз та публікація):",[5269,18022],{},"\nВаш дашборд або графік нарешті готовий. Залишився останній крок — поділитися ним зі світом. Але в якому форматі?",[5198,18025,18026,18036],{},[5201,18027,18028,18029,7698,18032,18035],{},"Для наукового звіту, курсової чи статті у форматі PDF\u002FLaTeX потрібна векторна графіка (",[5256,18030,18031],{},".pdf",[5256,18033,18034],{},".svg","), де лінії ніколи не розмиваються при масштабуванні чи друку.",[5201,18037,18038,18039,18042,18043,18046],{},"Для бізнес-презентації або сайту з темною темою потрібен високоякісний растровий ",[5256,18040,18041],{},".png"," із прозорим фоном (",[5256,18044,18045],{},"transparent=True","), щоб графік гармонійно лягав на будь-який дизайн слайду без білої рамки.",[5531,18048,18050],{"title":18049},"saving_figures.ipynb",[5535,18051,18052,18290],{"execution-count":5333},[5290,18053,18055],{"className":5292,"code":18054,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\ny = np.sin(x)\n\nfig, ax = plt.subplots(figsize=(8, 5))\nax.plot(x, y, linewidth=2)\nax.set_title(\"Синусоїда для звіту\", fontsize=14)\nax.set_xlabel(\"x\")\nax.set_ylabel(\"sin(x)\")\nax.grid(True, alpha=0.3)\n\n# Збереження у різних форматах\nfig.savefig(\"sinus_plot.png\", dpi=300, bbox_inches=\"tight\")     # Растр (для веб)\nfig.savefig(\"sinus_plot.pdf\", bbox_inches=\"tight\")              # Вектор (для друку)\nfig.savefig(\"sinus_plot.svg\", bbox_inches=\"tight\")              # Вектор (для веб)\n\nprint(\"✅ Графік збережено у трьох форматах!\")\n\nplt.show()\n",[5256,18056,18057,18067,18077,18081,18097,18101,18105,18121,18133,18150,18158,18166,18182,18186,18191,18225,18246,18266,18270,18282,18286],{"__ignoreMap":5295},[5299,18058,18059,18061,18063,18065],{"class":5301,"line":5302},[5299,18060,5306],{"class":5305},[5299,18062,5310],{"class":5309},[5299,18064,5313],{"class":5305},[5299,18066,5316],{"class":5309},[5299,18068,18069,18071,18073,18075],{"class":5301,"line":5319},[5299,18070,5306],{"class":5305},[5299,18072,5558],{"class":5309},[5299,18074,5313],{"class":5305},[5299,18076,5563],{"class":5309},[5299,18078,18079],{"class":5301,"line":5326},[5299,18080,5323],{"emptyLinePlaceholder":5322},[5299,18082,18083,18085,18087,18089,18091,18093,18095],{"class":5301,"line":5355},[5299,18084,6424],{"class":5309},[5299,18086,6427],{"class":5332},[5299,18088,5336],{"class":5309},[5299,18090,5695],{"class":5332},[5299,18092,5336],{"class":5309},[5299,18094,6436],{"class":5332},[5299,18096,5481],{"class":5309},[5299,18098,18099],{"class":5301,"line":5448},[5299,18100,6443],{"class":5309},[5299,18102,18103],{"class":5301,"line":5527},[5299,18104,5323],{"emptyLinePlaceholder":5322},[5299,18106,18107,18109,18111,18113,18115,18117,18119],{"class":5301,"line":5620},[5299,18108,7213],{"class":5309},[5299,18110,5583],{"class":5515},[5299,18112,5586],{"class":5309},[5299,18114,6751],{"class":5332},[5299,18116,5336],{"class":5309},[5299,18118,5403],{"class":5332},[5299,18120,6387],{"class":5309},[5299,18122,18123,18125,18127,18129,18131],{"class":5301,"line":5672},[5299,18124,6457],{"class":5309},[5299,18126,6479],{"class":5515},[5299,18128,5519],{"class":5309},[5299,18130,5389],{"class":5332},[5299,18132,5481],{"class":5309},[5299,18134,18135,18137,18140,18142,18144,18146,18148],{"class":5301,"line":5710},[5299,18136,6499],{"class":5309},[5299,18138,18139],{"class":5477},"\"Синусоїда для звіту\"",[5299,18141,5336],{"class":5309},[5299,18143,5690],{"class":5515},[5299,18145,5519],{"class":5309},[5299,18147,7269],{"class":5332},[5299,18149,5481],{"class":5309},[5299,18151,18152,18154,18156],{"class":5301,"line":5729},[5299,18153,6526],{"class":5309},[5299,18155,7077],{"class":5477},[5299,18157,5481],{"class":5309},[5299,18159,18160,18162,18164],{"class":5301,"line":5734},[5299,18161,6545],{"class":5309},[5299,18163,6465],{"class":5477},[5299,18165,5481],{"class":5309},[5299,18167,18168,18170,18172,18174,18176,18178,18180],{"class":5301,"line":5740},[5299,18169,6578],{"class":5309},[5299,18171,5510],{"class":5509},[5299,18173,5336],{"class":5309},[5299,18175,5516],{"class":5515},[5299,18177,5519],{"class":5309},[5299,18179,5522],{"class":5332},[5299,18181,5481],{"class":5309},[5299,18183,18184],{"class":5301,"line":5765},[5299,18185,5323],{"emptyLinePlaceholder":5322},[5299,18187,18188],{"class":5301,"line":5790},[5299,18189,18190],{"class":5616},"# Збереження у різних форматах\n",[5299,18192,18193,18196,18199,18201,18204,18206,18209,18211,18214,18216,18219,18222],{"class":5301,"line":5822},[5299,18194,18195],{"class":5309},"fig.savefig(",[5299,18197,18198],{"class":5477},"\"sinus_plot.png\"",[5299,18200,5336],{"class":5309},[5299,18202,18203],{"class":5515},"dpi",[5299,18205,5519],{"class":5309},[5299,18207,18208],{"class":5332},"300",[5299,18210,5336],{"class":5309},[5299,18212,18213],{"class":5515},"bbox_inches",[5299,18215,5519],{"class":5309},[5299,18217,18218],{"class":5477},"\"tight\"",[5299,18220,18221],{"class":5309},")     ",[5299,18223,18224],{"class":5616},"# Растр (для веб)\n",[5299,18226,18227,18229,18232,18234,18236,18238,18240,18243],{"class":5301,"line":5854},[5299,18228,18195],{"class":5309},[5299,18230,18231],{"class":5477},"\"sinus_plot.pdf\"",[5299,18233,5336],{"class":5309},[5299,18235,18213],{"class":5515},[5299,18237,5519],{"class":5309},[5299,18239,18218],{"class":5477},[5299,18241,18242],{"class":5309},")              ",[5299,18244,18245],{"class":5616},"# Вектор (для друку)\n",[5299,18247,18248,18250,18253,18255,18257,18259,18261,18263],{"class":5301,"line":5872},[5299,18249,18195],{"class":5309},[5299,18251,18252],{"class":5477},"\"sinus_plot.svg\"",[5299,18254,5336],{"class":5309},[5299,18256,18213],{"class":5515},[5299,18258,5519],{"class":5309},[5299,18260,18218],{"class":5477},[5299,18262,18242],{"class":5309},[5299,18264,18265],{"class":5616},"# Вектор (для веб)\n",[5299,18267,18268],{"class":5301,"line":5877},[5299,18269,5323],{"emptyLinePlaceholder":5322},[5299,18271,18272,18275,18277,18280],{"class":5301,"line":5883},[5299,18273,18274],{"class":8194},"print",[5299,18276,6693],{"class":5309},[5299,18278,18279],{"class":5477},"\"✅ Графік збережено у трьох форматах!\"",[5299,18281,5481],{"class":5309},[5299,18283,18284],{"class":5301,"line":5925},[5299,18285,5323],{"emptyLinePlaceholder":5322},[5299,18287,18288],{"class":5301,"line":5966},[5299,18289,5358],{"class":5309},[6070,18291,18292,18295],{"v-slot:output":5295},[5252,18293,18294],{},"✅ Графік збережено у трьох форматах!",[5252,18296,18297],{},[6073,18298],{"alt":18299,"className":18300,"src":18301},"Синусоїда для звіту (savefig)",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F12.png",[6080,18303,18304,18311,18354,18359],{},[5252,18305,18306],{},[5221,18307,13672,18308,13676],{},[5256,18309,18310],{},"savefig()",[5198,18312,18313,18318,18324,18329,18335],{},[5201,18314,18315,18317],{},[5256,18316,18203],{}," — роздільна здатність (dots per inch). Для екрану: 100–150. Для друку: 300+",[5201,18319,18320,18323],{},[5256,18321,18322],{},"bbox_inches=\"tight\""," — обрізати зайві поля навколо графіка",[5201,18325,18326,18328],{},[5256,18327,18045],{}," — прозорий фон (корисно для презентацій)",[5201,18330,18331,18334],{},[5256,18332,18333],{},"facecolor=\"white\""," — колір фону (якщо не прозорий)",[5201,18336,18337,18340,18341,5336,18344,5336,18347,5336,18350,18353],{},[5256,18338,18339],{},"format"," — формат файлу (",[5256,18342,18343],{},"\"png\"",[5256,18345,18346],{},"\"pdf\"",[5256,18348,18349],{},"\"svg\"",[5256,18351,18352],{},"\"jpg\"","). Визначається автоматично з розширення",[5252,18355,18356],{},[5221,18357,18358],{},"Вибір формату:",[5198,18360,18361,18367,18373,18379],{},[5201,18362,18363,18366],{},[5221,18364,18365],{},"PNG"," — растр, універсальний, підтримується всюди",[5201,18368,18369,18372],{},[5221,18370,18371],{},"PDF"," — вектор, ідеально для наукових статей (можна збільшувати без втрати якості)",[5201,18374,18375,18378],{},[5221,18376,18377],{},"SVG"," — вектор, для веб-сторінок та інтерактивних графіків",[5201,18380,18381,18384],{},[5221,18382,18383],{},"JPG"," — уникайте для графіків (втрати через стиснення)",[5278,18386,18388],{"id":18387},"сигнатура-методу-figsavefig-та-розширені-режими-експорту","Сигнатура методу fig.savefig() та розширені режими експорту",[5252,18390,10049,18391,18394],{},[5256,18392,18393],{},"fig.savefig()"," відповідає за збереження графічного полотна на диск у растрових (PNG, JPEG) або векторних (PDF, SVG) форматах.",[5290,18396,18399],{"className":5292,"code":18397,"filename":18398,"language":5294,"meta":5295,"style":5295},"Figure.savefig(\n    fname: str | PathLike | BinaryIO,\n    *,\n    dpi: float | Literal['figure'] = 'figure',\n    format: str | None = None,\n    bbox_inches: Literal['tight'] | Bbox | None = None,\n    pad_inches: float = 0.1,\n    facecolor: ColorType = 'auto',\n    edgecolor: ColorType = 'auto',\n    transparent: bool = False,\n    **kwargs\n) -> None\n","Сигнатура fig.savefig",[5256,18400,18401,18406,18416,18420,18438,18457,18475,18488,18503,18516,18529,18533],{"__ignoreMap":5295},[5299,18402,18403],{"class":5301,"line":5302},[5299,18404,18405],{"class":5309},"Figure.savefig(\n",[5299,18407,18408,18411,18413],{"class":5301,"line":5319},[5299,18409,18410],{"class":5309},"    fname: ",[5299,18412,7447],{"class":6689},[5299,18414,18415],{"class":5309}," | PathLike | BinaryIO,\n",[5299,18417,18418],{"class":5301,"line":5326},[5299,18419,7433],{"class":5309},[5299,18421,18422,18424,18426,18429,18432,18434,18436],{"class":5301,"line":5355},[5299,18423,7582],{"class":5309},[5299,18425,7492],{"class":6689},[5299,18427,18428],{"class":5309}," | Literal[",[5299,18430,18431],{"class":5477},"'figure'",[5299,18433,12203],{"class":5309},[5299,18435,18431],{"class":5477},[5299,18437,6678],{"class":5309},[5299,18439,18440,18443,18445,18447,18449,18451,18453,18455],{"class":5301,"line":5448},[5299,18441,18442],{"class":8194},"    format",[5299,18444,15989],{"class":5309},[5299,18446,7447],{"class":6689},[5299,18448,7444],{"class":5309},[5299,18450,7498],{"class":5515},[5299,18452,6953],{"class":5309},[5299,18454,7498],{"class":5509},[5299,18456,6678],{"class":5309},[5299,18458,18459,18462,18464,18467,18469,18471,18473],{"class":5301,"line":5527},[5299,18460,18461],{"class":5309},"    bbox_inches: Literal[",[5299,18463,7701],{"class":5477},[5299,18465,18466],{"class":5309},"] | Bbox | ",[5299,18468,7498],{"class":5515},[5299,18470,6953],{"class":5309},[5299,18472,7498],{"class":5509},[5299,18474,6678],{"class":5309},[5299,18476,18477,18480,18482,18484,18486],{"class":5301,"line":5620},[5299,18478,18479],{"class":5309},"    pad_inches: ",[5299,18481,7492],{"class":5515},[5299,18483,6953],{"class":5309},[5299,18485,6844],{"class":5332},[5299,18487,6678],{"class":5309},[5299,18489,18490,18493,18496,18498,18501],{"class":5301,"line":5672},[5299,18491,18492],{"class":5309},"    facecolor: ",[5299,18494,18495],{"class":5515},"ColorType",[5299,18497,6953],{"class":5309},[5299,18499,18500],{"class":5477},"'auto'",[5299,18502,6678],{"class":5309},[5299,18504,18505,18508,18510,18512,18514],{"class":5301,"line":5710},[5299,18506,18507],{"class":5309},"    edgecolor: ",[5299,18509,18495],{"class":5515},[5299,18511,6953],{"class":5309},[5299,18513,18500],{"class":5477},[5299,18515,6678],{"class":5309},[5299,18517,18518,18521,18523,18525,18527],{"class":5301,"line":5729},[5299,18519,18520],{"class":5309},"    transparent: ",[5299,18522,7441],{"class":5515},[5299,18524,6953],{"class":5309},[5299,18526,7452],{"class":5509},[5299,18528,6678],{"class":5309},[5299,18530,18531],{"class":5301,"line":5734},[5299,18532,10337],{"class":5309},[5299,18534,18535,18537,18539],{"class":5301,"line":5740},[5299,18536,7621],{"class":5309},[5299,18538,7625],{"class":7624},[5299,18540,13822],{"class":5509},[5252,18542,18543],{},[5221,18544,18545],{},"Критичні параметри збереження:",[5198,18547,18548,18557,18570,18576,18584,18590],{},[5201,18549,18550,18553,18554,6184],{},[5256,18551,18552],{},"fname",": шлях до файлу (з розширенням) або файловий об'єкт у пам'яті (",[5256,18555,18556],{},"io.BytesIO",[5201,18558,18559,18561,18562,10405,18564,18566,18567,18569],{},[5256,18560,18203],{},": роздільна здатність у точках на дюйм (dots per inch). Для презентацій і екранів достатньо ",[5256,18563,6436],{},[5256,18565,9587],{},", для поліграфічного друку — ",[5256,18568,18208],{},"+.",[5201,18571,18572,18575],{},[5256,18573,18574],{},"bbox_inches='tight'",": обчислює реальні межі всіх написів і легенд та обрізає зайві порожні поля навколо графіків.",[5201,18577,18578,18581,18582,6184],{},[5256,18579,18580],{},"pad_inches",": додатковий захисний відступ у дюймах навколо обрізаної області (за замовчуванням ",[5256,18583,6844],{},[5201,18585,18586,18589],{},[5256,18587,18588],{},"transparent",": зберігає графік з прозорим альфа-каналом замість білого фону (ідеально для вбудовування в слайди презентацій чи вебсайти з темною темою).",[5201,18591,18592,18594,18595,18597],{},[5256,18593,18339],{},": примусове зазначення формату файлу (якщо розширення у ",[5256,18596,18552],{}," не вказано явно).",[5531,18599,18601],{"title":18600},"savefig_signature_variations.ipynb",[5535,18602,18603,19000],{"execution-count":5333},[5290,18604,18606],{"className":5292,"code":18605,"language":5294,"meta":5295,"style":5295},"import matplotlib.pyplot as plt\nimport numpy as np\n\nfig, axes = plt.subplots(1, 3, figsize=(15, 4.5), layout=\"constrained\")\nx = np.linspace(0, 10, 100)\ny = np.cos(x) * np.exp(-x\u002F5)\n\n# 1. Низька роздільна здатність (preview \u002F screen draft)\naxes[0].plot(x, y, color=\"#2563EB\", lw=2)\naxes[0].set_title(\"dpi=50 (Чернетка \u002F Швидкий рендер)\\n~400x250 px, розмиті лінії на ретіні\", fontsize=10, fontweight=\"bold\")\naxes[0].grid(True, alpha=0.3)\n\n# 2. Стандартна висока роздільна здатність для вебу та звітів\naxes[1].plot(x, y, color=\"#059669\", lw=2)\naxes[1].set_title(\"dpi=150 + bbox_inches='tight'\\nОптимальний баланс для документації\", fontsize=10, fontweight=\"bold\")\naxes[1].grid(True, alpha=0.3)\n\n# 3. Прозорий фон для темних\u002Fсвітлих тем (transparent=True)\naxes[2].plot(x, y, color=\"#D97706\", lw=2)\naxes[2].set_title(\"transparent=True (Без білого фону)\\nІдеально для вбудовування в слайди\", fontsize=10, fontweight=\"bold\")\naxes[2].set_facecolor(\"#FEF3C7\")\naxes[2].grid(True, alpha=0.3)\n\nfig.suptitle(\"Порівняння режимів експорту графіків через fig.savefig()\", fontsize=14, fontweight=\"bold\")\nplt.show()\n",[5256,18607,18608,18618,18628,18632,18664,18680,18689,18693,18698,18724,18759,18780,18784,18789,18813,18847,18867,18871,18876,18900,18934,18947,18967,18971,18996],{"__ignoreMap":5295},[5299,18609,18610,18612,18614,18616],{"class":5301,"line":5302},[5299,18611,5306],{"class":5305},[5299,18613,5310],{"class":5309},[5299,18615,5313],{"class":5305},[5299,18617,5316],{"class":5309},[5299,18619,18620,18622,18624,18626],{"class":5301,"line":5319},[5299,18621,5306],{"class":5305},[5299,18623,5558],{"class":5309},[5299,18625,5313],{"class":5305},[5299,18627,5563],{"class":5309},[5299,18629,18630],{"class":5301,"line":5326},[5299,18631,5323],{"emptyLinePlaceholder":5322},[5299,18633,18634,18636,18638,18640,18642,18644,18646,18648,18650,18652,18654,18656,18658,18660,18662],{"class":5301,"line":5355},[5299,18635,10514],{"class":5309},[5299,18637,5333],{"class":5332},[5299,18639,5336],{"class":5309},[5299,18641,5394],{"class":5332},[5299,18643,5336],{"class":5309},[5299,18645,5583],{"class":5515},[5299,18647,5586],{"class":5309},[5299,18649,5589],{"class":5332},[5299,18651,5336],{"class":5309},[5299,18653,5594],{"class":5332},[5299,18655,5597],{"class":5309},[5299,18657,5600],{"class":5515},[5299,18659,5519],{"class":5309},[5299,18661,7778],{"class":5477},[5299,18663,5481],{"class":5309},[5299,18665,18666,18668,18670,18672,18674,18676,18678],{"class":5301,"line":5448},[5299,18667,6424],{"class":5309},[5299,18669,6427],{"class":5332},[5299,18671,5336],{"class":5309},[5299,18673,5695],{"class":5332},[5299,18675,5336],{"class":5309},[5299,18677,6436],{"class":5332},[5299,18679,5481],{"class":5309},[5299,18681,18682,18685,18687],{"class":5301,"line":5527},[5299,18683,18684],{"class":5309},"y = np.cos(x) * np.exp(-x\u002F",[5299,18686,5403],{"class":5332},[5299,18688,5481],{"class":5309},[5299,18690,18691],{"class":5301,"line":5620},[5299,18692,5323],{"emptyLinePlaceholder":5322},[5299,18694,18695],{"class":5301,"line":5672},[5299,18696,18697],{"class":5616},"# 1. Низька роздільна здатність (preview \u002F screen draft)\n",[5299,18699,18700,18703,18705,18708,18710,18712,18714,18716,18718,18720,18722],{"class":5301,"line":5710},[5299,18701,18702],{"class":5309},"axes[",[5299,18704,6427],{"class":5332},[5299,18706,18707],{"class":5309},"].plot(x, y, ",[5299,18709,5643],{"class":5515},[5299,18711,5519],{"class":5309},[5299,18713,7843],{"class":5477},[5299,18715,5336],{"class":5309},[5299,18717,5663],{"class":5515},[5299,18719,5519],{"class":5309},[5299,18721,5389],{"class":5332},[5299,18723,5481],{"class":5309},[5299,18725,18726,18728,18730,18733,18736,18738,18741,18743,18745,18747,18749,18751,18753,18755,18757],{"class":5301,"line":5729},[5299,18727,18702],{"class":5309},[5299,18729,6427],{"class":5332},[5299,18731,18732],{"class":5309},"].set_title(",[5299,18734,18735],{"class":5477},"\"dpi=50 (Чернетка \u002F Швидкий рендер)",[5299,18737,5682],{"class":5681},[5299,18739,18740],{"class":5477},"~400x250 px, розмиті лінії на ретіні\"",[5299,18742,5336],{"class":5309},[5299,18744,5690],{"class":5515},[5299,18746,5519],{"class":5309},[5299,18748,5695],{"class":5332},[5299,18750,5336],{"class":5309},[5299,18752,5700],{"class":5515},[5299,18754,5519],{"class":5309},[5299,18756,6519],{"class":5477},[5299,18758,5481],{"class":5309},[5299,18760,18761,18763,18765,18768,18770,18772,18774,18776,18778],{"class":5301,"line":5734},[5299,18762,18702],{"class":5309},[5299,18764,6427],{"class":5332},[5299,18766,18767],{"class":5309},"].grid(",[5299,18769,5510],{"class":5509},[5299,18771,5336],{"class":5309},[5299,18773,5516],{"class":5515},[5299,18775,5519],{"class":5309},[5299,18777,5522],{"class":5332},[5299,18779,5481],{"class":5309},[5299,18781,18782],{"class":5301,"line":5740},[5299,18783,5323],{"emptyLinePlaceholder":5322},[5299,18785,18786],{"class":5301,"line":5765},[5299,18787,18788],{"class":5616},"# 2. Стандартна висока роздільна здатність для вебу та звітів\n",[5299,18790,18791,18793,18795,18797,18799,18801,18803,18805,18807,18809,18811],{"class":5301,"line":5790},[5299,18792,18702],{"class":5309},[5299,18794,5333],{"class":5332},[5299,18796,18707],{"class":5309},[5299,18798,5643],{"class":5515},[5299,18800,5519],{"class":5309},[5299,18802,10649],{"class":5477},[5299,18804,5336],{"class":5309},[5299,18806,5663],{"class":5515},[5299,18808,5519],{"class":5309},[5299,18810,5389],{"class":5332},[5299,18812,5481],{"class":5309},[5299,18814,18815,18817,18819,18821,18824,18826,18829,18831,18833,18835,18837,18839,18841,18843,18845],{"class":5301,"line":5822},[5299,18816,18702],{"class":5309},[5299,18818,5333],{"class":5332},[5299,18820,18732],{"class":5309},[5299,18822,18823],{"class":5477},"\"dpi=150 + bbox_inches='tight'",[5299,18825,5682],{"class":5681},[5299,18827,18828],{"class":5477},"Оптимальний баланс для документації\"",[5299,18830,5336],{"class":5309},[5299,18832,5690],{"class":5515},[5299,18834,5519],{"class":5309},[5299,18836,5695],{"class":5332},[5299,18838,5336],{"class":5309},[5299,18840,5700],{"class":5515},[5299,18842,5519],{"class":5309},[5299,18844,6519],{"class":5477},[5299,18846,5481],{"class":5309},[5299,18848,18849,18851,18853,18855,18857,18859,18861,18863,18865],{"class":5301,"line":5854},[5299,18850,18702],{"class":5309},[5299,18852,5333],{"class":5332},[5299,18854,18767],{"class":5309},[5299,18856,5510],{"class":5509},[5299,18858,5336],{"class":5309},[5299,18860,5516],{"class":5515},[5299,18862,5519],{"class":5309},[5299,18864,5522],{"class":5332},[5299,18866,5481],{"class":5309},[5299,18868,18869],{"class":5301,"line":5872},[5299,18870,5323],{"emptyLinePlaceholder":5322},[5299,18872,18873],{"class":5301,"line":5877},[5299,18874,18875],{"class":5616},"# 3. Прозорий фон для темних\u002Fсвітлих тем (transparent=True)\n",[5299,18877,18878,18880,18882,18884,18886,18888,18890,18892,18894,18896,18898],{"class":5301,"line":5883},[5299,18879,18702],{"class":5309},[5299,18881,5389],{"class":5332},[5299,18883,18707],{"class":5309},[5299,18885,5643],{"class":5515},[5299,18887,5519],{"class":5309},[5299,18889,8507],{"class":5477},[5299,18891,5336],{"class":5309},[5299,18893,5663],{"class":5515},[5299,18895,5519],{"class":5309},[5299,18897,5389],{"class":5332},[5299,18899,5481],{"class":5309},[5299,18901,18902,18904,18906,18908,18911,18913,18916,18918,18920,18922,18924,18926,18928,18930,18932],{"class":5301,"line":5925},[5299,18903,18702],{"class":5309},[5299,18905,5389],{"class":5332},[5299,18907,18732],{"class":5309},[5299,18909,18910],{"class":5477},"\"transparent=True (Без білого фону)",[5299,18912,5682],{"class":5681},[5299,18914,18915],{"class":5477},"Ідеально для вбудовування в слайди\"",[5299,18917,5336],{"class":5309},[5299,18919,5690],{"class":5515},[5299,18921,5519],{"class":5309},[5299,18923,5695],{"class":5332},[5299,18925,5336],{"class":5309},[5299,18927,5700],{"class":5515},[5299,18929,5519],{"class":5309},[5299,18931,6519],{"class":5477},[5299,18933,5481],{"class":5309},[5299,18935,18936,18938,18940,18943,18945],{"class":5301,"line":5966},[5299,18937,18702],{"class":5309},[5299,18939,5389],{"class":5332},[5299,18941,18942],{"class":5309},"].set_facecolor(",[5299,18944,16028],{"class":5477},[5299,18946,5481],{"class":5309},[5299,18948,18949,18951,18953,18955,18957,18959,18961,18963,18965],{"class":5301,"line":5985},[5299,18950,18702],{"class":5309},[5299,18952,5389],{"class":5332},[5299,18954,18767],{"class":5309},[5299,18956,5510],{"class":5509},[5299,18958,5336],{"class":5309},[5299,18960,5516],{"class":5515},[5299,18962,5519],{"class":5309},[5299,18964,5522],{"class":5332},[5299,18966,5481],{"class":5309},[5299,18968,18969],{"class":5301,"line":6004},[5299,18970,5323],{"emptyLinePlaceholder":5322},[5299,18972,18973,18975,18978,18980,18982,18984,18986,18988,18990,18992,18994],{"class":5301,"line":6033},[5299,18974,6041],{"class":5309},[5299,18976,18977],{"class":5477},"\"Порівняння режимів експорту графіків через fig.savefig()\"",[5299,18979,5336],{"class":5309},[5299,18981,5690],{"class":5515},[5299,18983,5519],{"class":5309},[5299,18985,7269],{"class":5332},[5299,18987,5336],{"class":5309},[5299,18989,5700],{"class":5515},[5299,18991,5519],{"class":5309},[5299,18993,6519],{"class":5477},[5299,18995,5481],{"class":5309},[5299,18997,18998],{"class":5301,"line":6038},[5299,18999,5358],{"class":5309},[6070,19001,19002],{"v-slot:output":5295},[6073,19003],{"alt":19004,"className":19005,"src":19006},"Порівняння режимів експорту графіків fig.savefig",[6077],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics\u002F19.png",[5244,19008],{},[5247,19010,19012],{"id":19011},"практичні-завдання","Практичні завдання",[5190,19014,19015,19058,19087],{},[5193,19016,19019,19033,19039],{"icon":19017,"title":19018},"i-lucide-pencil","📝 Рівень 1: Базові навички",[5252,19020,19021,19024,19025,19028,19029,19032],{},[5221,19022,19023],{},"Завдання 1.1:"," Побудуйте графік функції ",[5256,19026,19027],{},"y = x³ - 5x² + 2x + 8"," на інтервалі ",[5256,19030,19031],{},"[-3, 5]",". Додайте заголовок, підписи осей, сітку.",[5252,19034,19035,19038],{},[5221,19036,19037],{},"Завдання 1.2:"," Створіть графік температури повітря за тиждень (придумайте дані). Використайте маркери та лінію. Підпишіть дні тижня на осі X.",[5252,19040,19041,19044,19045,5336,19048,5336,19051,19028,19054,19057],{},[5221,19042,19043],{},"Завдання 1.3:"," Побудуйте три функції на одному графіку: ",[5256,19046,19047],{},"sin(x)",[5256,19049,19050],{},"cos(x)",[5256,19052,19053],{},"tan(x)",[5256,19055,19056],{},"[0, π]",". Додайте легенду.",[5193,19059,19061,19067,19077],{"icon":2990,"title":19060},"🧮 Рівень 2: Аналіз даних",[5252,19062,19063,19066],{},[5221,19064,19065],{},"Завдання 2.1:"," Завантажте будь-який CSV-датасет (наприклад, з Kaggle). Побудуйте лінійний графік для двох числових стовпців. Додайте всі необхідні підписи та легенду.",[5252,19068,19069,19072,19073,19076],{},[5221,19070,19071],{},"Завдання 2.2:"," Створіть графік динаміки курсу долара за місяць (згенеруйте випадкові дані з трендом). Підсвітіть зоною (",[5256,19074,19075],{},"ax.axhspan()",") діапазон, коли курс був вище 40 грн.",[5252,19078,19079,19082,19083,19086],{},[5221,19080,19081],{},"Завдання 2.3:"," Побудуйте графік з двома осями Y (",[5256,19084,19085],{},"ax.twinx()",") — наприклад, температура та вологість на одному графіку.",[5193,19088,19090,19099,19116],{"icon":4749,"title":19089},"🚀 Рівень 3: Дослідницький проєкт",[5252,19091,19092,19095,19096,14945],{},[5221,19093,19094],{},"Проєкт:"," Створіть «дашборд погоди» — один графік з 4 підграфіками (використайте ",[5256,19097,19098],{},"subplots(2, 2)",[6094,19100,19101,19104,19107,19110],{},[5201,19102,19103],{},"Температура за тиждень (лінійний графік)",[5201,19105,19106],{},"Опади за тиждень (bar chart — наступна підтема)",[5201,19108,19109],{},"Напрямок вітру (кругова діаграма сторін світу)",[5201,19111,19112,19113,13697],{},"Тиск (лінійний графік з областю заливки ",[5256,19114,19115],{},"ax.fill_between()",[5252,19117,19118],{},"Усі графіки мають бути стилізовані єдино (колірна схема, шрифти).",[5244,19120],{},[5247,19122,19124],{"id":19123},"резюме-підтеми","Резюме підтеми",[5190,19126,19127,19153,19195],{},[5193,19128,19130,19147],{"icon":943,"title":19129},"🎨 Архітектура matplotlib",[5198,19131,19132,19137,19142],{},[5201,19133,19134,19136],{},[5221,19135,5223],{}," — полотно (може містити кілька графіків)",[5201,19138,19139,19141],{},[5221,19140,5229],{}," — система координат (сам графік)",[5201,19143,19144,19146],{},[5221,19145,6316],{}," — дані на графіку (лінії, точки тощо)",[5252,19148,19149,19150,19152],{},"Формула: ",[5256,19151,6183],{}," → універсальний початок",[5193,19154,19157],{"icon":19155,"title":19156},"i-lucide-trending-up","📊 Лінійні графіки",[5198,19158,19159,19165,19176,19186,19191],{},[5201,19160,19161,19164],{},[5256,19162,19163],{},"ax.plot(x, y)"," — базова побудова",[5201,19166,19167,19169,19170,5336,19172,5336,19174,13697],{},[5256,19168,5653],{}," — форма точок (",[5256,19171,9267],{},[5256,19173,9741],{},[5256,19175,9772],{},[5201,19177,19178,13688,19180,5336,19182,5336,19184,13697],{},[5256,19179,6593],{},[5256,19181,9276],{},[5256,19183,6598],{},[5256,19185,10010],{},[5201,19187,19188,19190],{},[5256,19189,5643],{}," — колір (назва, HEX, RGB)",[5201,19192,19193,13702],{},[5256,19194,6479],{},[5193,19196,19199],{"icon":19197,"title":19198},"i-lucide-palette","🎯 Кастомізація",[5198,19200,19201,19207,19216,19221,19226],{},[5201,19202,19203,19206],{},[5256,19204,19205],{},"ax.set_title()"," — заголовок",[5201,19208,19209,5336,19212,19215],{},[5256,19210,19211],{},"ax.set_xlabel()",[5256,19213,19214],{},"ax.set_ylabel()"," — підписи осей",[5201,19217,19218,19220],{},[5256,19219,15029],{}," — легенда",[5201,19222,19223,19225],{},[5256,19224,13729],{}," — сітка",[5201,19227,19228,19230],{},[5256,19229,18393],{}," — збереження",[6940,19232,19233,19238],{},[5252,19234,19235],{},[5221,19236,19237],{},"Чек-лист ідеального графіка:",[5198,19239,19242,19255,19265,19271,19277,19283],{"className":19240},[19241],"contains-task-list",[5201,19243,19246,19250,19251,19254],{"className":19244},[19245],"task-list-item",[19247,19248],"input",{"disabled":5322,"type":19249},"checkbox"," Заголовок, що пояснює ",[5221,19252,19253],{},"що"," зображено",[5201,19256,19258,19260,19261,19264],{"className":19257},[19245],[19247,19259],{"disabled":5322,"type":19249}," Підписи осей з ",[5221,19262,19263],{},"одиницями виміру"," (°C, км, грн тощо)",[5201,19266,19268,19270],{"className":19267},[19245],[19247,19269],{"disabled":5322,"type":19249}," Легенда, якщо на графіку > 1 лінії",[5201,19272,19274,19276],{"className":19273},[19245],[19247,19275],{"disabled":5322,"type":19249}," Сітка для зручності читання (alpha=0.3)",[5201,19278,19280,19282],{"className":19279},[19245],[19247,19281],{"disabled":5322,"type":19249}," Розмір шрифтів достатній для читання (≥10pt для осей, ≥12pt для заголовка)",[5201,19284,19286,19288],{"className":19285},[19245],[19247,19287],{"disabled":5322,"type":19249}," Кольори контрастні та доступні для людей з порушеннями кольорового зору",[5244,19290],{},[5252,19292,19293,19296,19297],{},[5221,19294,19295],{},"Наступна підтема:"," ",[19298,19299,3761],"a",{"href":19300},".\u002F02.distributions",[19302,19303,19304],"style",{},"html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}",{"title":5295,"searchDepth":5319,"depth":5319,"links":19306},[19307,19312,19313,19316,19321,19326,19337,19340,19341],{"id":5249,"depth":5319,"text":5250,"children":19308},[19309,19310,19311],{"id":5280,"depth":5326,"text":5281},{"id":5368,"depth":5326,"text":5369},{"id":5456,"depth":5326,"text":5457},{"id":6121,"depth":5319,"text":6122},{"id":6189,"depth":5319,"text":6190,"children":19314},[19315],{"id":6196,"depth":5326,"text":6197},{"id":6981,"depth":5319,"text":6982,"children":19317},[19318,19319,19320],{"id":6992,"depth":5326,"text":6993},{"id":7147,"depth":5326,"text":7148},{"id":7376,"depth":5326,"text":7377},{"id":9121,"depth":5319,"text":9122,"children":19322},[19323,19324,19325],{"id":9138,"depth":5326,"text":9139},{"id":9482,"depth":5326,"text":9483},{"id":10045,"depth":5326,"text":10046},{"id":11804,"depth":5319,"text":11805,"children":19327},[19328,19329,19330,19331,19332,19333,19334,19335,19336],{"id":11844,"depth":5326,"text":11845},{"id":12138,"depth":5326,"text":12139},{"id":13442,"depth":5326,"text":13443},{"id":13723,"depth":5326,"text":13724},{"id":14614,"depth":5326,"text":14615},{"id":15023,"depth":5326,"text":15024},{"id":16103,"depth":5326,"text":16104},{"id":16514,"depth":5326,"text":16515},{"id":16914,"depth":5326,"text":16915},{"id":18009,"depth":5319,"text":18010,"children":19338},[19339],{"id":18387,"depth":5326,"text":18388},{"id":19011,"depth":5319,"text":19012},{"id":19123,"depth":5319,"text":19124},"Архітектура matplotlib, різниця між pyplot та OOP інтерфейсами, побудова лінійних графіків, базова кастомізація","md",null,{},{"title":3757,"description":19342},"3Ltw189EsUI6EBbFEjB5U_ei8z9v9REHVWhX89rOhoQ",[19349,19351],{"title":3751,"path":3752,"stem":3753,"description":19350,"children":-1},"Комплексний модуль про побудову графіків у Python — від базових концепцій до складних багатопанельних візуалізацій",{"title":3761,"path":3762,"stem":3763,"description":19352,"children":-1},"Гістограми для неперервних даних, правило вибору bins, box plots для виявлення викидів, violin plots для порівняння груп",1792055049271]