From 357729b0912f302d8ddc6406f688a8a6fc923981 Mon Sep 17 00:00:00 2001
From: neo <neo@localhost>
Date: Wed, 24 Jun 2026 14:53:24 +0500
Subject: [PATCH] Add interactive projects mindmap (markmap)

---
 projects-mindmap.html | 52 +++++++++++++++++++++++++++++
 projects-mindmap.md   | 77 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 129 insertions(+)
 create mode 100644 projects-mindmap.html
 create mode 100644 projects-mindmap.md

diff --git a/projects-mindmap.html b/projects-mindmap.html
new file mode 100644
index 0000000..269c474
--- /dev/null
+++ b/projects-mindmap.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+<title>Markmap</title>
+<style>
+* {
+  margin: 0;
+  padding: 0;
+}
+html {
+  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+#mindmap {
+  display: block;
+  width: 100vw;
+  height: 100vh;
+}
+.markmap-dark {
+  background: #27272a;
+  color: white;
+}
+</style>
+<link rel="stylesheet" href="https://unpkg.com/markmap-toolbar@0.18.12/dist/style.css">
+</head>
+<body>
+<svg id="mindmap"></svg>
+<script src="https://unpkg.com/d3@7.9.0/dist/d3.min.js"></script><script src="https://unpkg.com/markmap-view@0.18.12/dist/browser/index.js"></script><script src="https://unpkg.com/markmap-toolbar@0.18.12/dist/index.js"></script><script>((r) => {
+          setTimeout(r);
+        })(() => {
+  const { markmap, mm } = window;
+  const toolbar = new markmap.Toolbar();
+  toolbar.attach(mm);
+  const el = toolbar.render();
+  el.setAttribute("style", "position:absolute;bottom:20px;right:20px");
+  document.body.append(el);
+})</script><script>((getMarkmap, getOptions, root2, jsonOptions) => {
+              const markmap = getMarkmap();
+              window.mm = markmap.Markmap.create(
+                "svg#mindmap",
+                (getOptions || markmap.deriveOptions)(jsonOptions),
+                root2
+              );
+              if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+                document.documentElement.classList.add("markmap-dark");
+              }
+            })(() => window.markmap,null,{"content":"&#x41c;&#x43e;&#x438; &#x43f;&#x440;&#x43e;&#x435;&#x43a;&#x442;&#x44b;","children":[{"content":"&#x1f3af; wow-design","children":[{"content":"<strong>calls24-landing</strong>","children":[{"content":"index-v4.html &#x2014; &#x43f;&#x440;&#x43e;&#x434;&#x430;&#x43a;&#x448;&#x43d;","children":[],"payload":{"tag":"li","lines":"4,5"}},{"content":"STATUS.md &#x2014; &#x442;&#x440;&#x435;&#x43a;&#x438;&#x43d;&#x433;","children":[],"payload":{"tag":"li","lines":"5,6"}},{"content":"logos/ &#x2014; SVG-&#x43b;&#x43e;&#x433;&#x43e;&#x442;&#x438;&#x43f;&#x44b;","children":[],"payload":{"tag":"li","lines":"6,7"}},{"content":"prompts/ &#x2014; AI-&#x43f;&#x440;&#x43e;&#x43c;&#x43f;&#x442;&#x44b;","children":[],"payload":{"tag":"li","lines":"7,8"}}],"payload":{"tag":"li","lines":"3,8"}},{"content":"<strong>visual-data</strong>","children":[{"content":"VT2-examples/ (110 &#x444;&#x430;&#x439;&#x43b;&#x43e;&#x432;)","children":[{"content":"ch3: Data Scraping &amp; ETL","children":[],"payload":{"tag":"li","lines":"10,11"}},{"content":"ch4: Trends &amp; Cycles","children":[],"payload":{"tag":"li","lines":"11,12"}},{"content":"ch5: Categorical Data","children":[],"payload":{"tag":"li","lines":"12,13"}},{"content":"ch6: Multivariate Data","children":[],"payload":{"tag":"li","lines":"13,14"}},{"content":"ch7: Spatial Data","children":[],"payload":{"tag":"li","lines":"14,15"}},{"content":"ch8: Distributions","children":[],"payload":{"tag":"li","lines":"15,16"}}],"payload":{"tag":"li","lines":"9,16"}},{"content":"README.md &#x2014; &#x438;&#x441;&#x441;&#x43b;&#x435;&#x434;&#x43e;&#x432;&#x430;&#x43d;&#x438;&#x435; &#x438;&#x43d;&#x441;&#x442;&#x440;&#x443;&#x43c;&#x435;&#x43d;&#x442;&#x43e;&#x432;","children":[],"payload":{"tag":"li","lines":"16,17"}},{"content":"examples.md &#x2014; D2, Mermaid, markmap","children":[],"payload":{"tag":"li","lines":"17,18"}}],"payload":{"tag":"li","lines":"8,18"}},{"content":"<strong>dracon-tldraw/</strong>","children":[{"content":"DRAKON-&#x434;&#x438;&#x430;&#x433;&#x440;&#x430;&#x43c;&#x43c;&#x44b; (tldraw v5)","children":[],"payload":{"tag":"li","lines":"19,20"}},{"content":"public/dracon.html &#x2014; HTML-&#x432;&#x435;&#x440;&#x441;&#x438;&#x44f;","children":[],"payload":{"tag":"li","lines":"20,21"}}],"payload":{"tag":"li","lines":"18,21"}},{"content":"<strong>wow-design-wiki/</strong>","children":[{"content":"2673 Carbon &#x438;&#x43a;&#x43e;&#x43d;&#x43a;&#x438;","children":[],"payload":{"tag":"li","lines":"22,23"}},{"content":"74 DESIGN.md &#x431;&#x440;&#x435;&#x43d;&#x434;&#x430;","children":[],"payload":{"tag":"li","lines":"23,24"}},{"content":"layout, typography, motion","children":[],"payload":{"tag":"li","lines":"24,25"}},{"content":"psychology, systems","children":[],"payload":{"tag":"li","lines":"25,26"}}],"payload":{"tag":"li","lines":"21,26"}},{"content":"<strong>roi24/</strong>","children":[{"content":"&#x41b;&#x435;&#x43d;&#x434;&#x438;&#x43d;&#x433; ROI24 (100&#x41a;&#x20bd;)","children":[],"payload":{"tag":"li","lines":"27,28"}},{"content":"&#x418;&#x441;&#x441;&#x43b;&#x435;&#x434;&#x43e;&#x432;&#x430;&#x43d;&#x438;&#x435; &#x434;&#x438;&#x437;&#x430;&#x439;&#x43d;&#x43e;&#x432;","children":[],"payload":{"tag":"li","lines":"28,29"}},{"content":"ECharts + GSAP","children":[],"payload":{"tag":"li","lines":"29,30"}}],"payload":{"tag":"li","lines":"26,30"}},{"content":"<strong>landing-pages/</strong>","children":[{"content":"&#x414;&#x438;&#x437;&#x430;&#x439;&#x43d; &#x43b;&#x435;&#x43d;&#x434;&#x438;&#x43d;&#x433;&#x43e;&#x432;","children":[],"payload":{"tag":"li","lines":"31,32"}},{"content":"Conversion &#x43e;&#x43f;&#x442;&#x438;&#x43c;&#x438;&#x437;&#x430;&#x446;&#x438;&#x44f;","children":[],"payload":{"tag":"li","lines":"32,34"}}],"payload":{"tag":"li","lines":"30,34"}}],"payload":{"tag":"h2","lines":"2,3"}},{"content":"&#x1f4de; calls-analytics","children":[{"content":"<strong>callpulse/</strong>","children":[{"content":"app.py &#x2014; FastAPI","children":[],"payload":{"tag":"li","lines":"36,37"}},{"content":"dashboard.html &#x2014; ECharts","children":[],"payload":{"tag":"li","lines":"37,38"}},{"content":"engine.py &#x2014; &#x43e;&#x431;&#x440;&#x430;&#x431;&#x43e;&#x442;&#x43a;&#x430;","children":[],"payload":{"tag":"li","lines":"38,39"}},{"content":"config.yaml","children":[],"payload":{"tag":"li","lines":"39,40"}}],"payload":{"tag":"li","lines":"35,40"}},{"content":"<strong>data/</strong>","children":[{"content":"samples/ &#x2014; &#x43f;&#x440;&#x438;&#x43c;&#x435;&#x440;&#x44b; &#x432;&#x44b;&#x437;&#x43e;&#x432;&#x43e;&#x432;","children":[],"payload":{"tag":"li","lines":"41,42"}},{"content":"analysis_report.json","children":[],"payload":{"tag":"li","lines":"42,43"}},{"content":"report.md","children":[],"payload":{"tag":"li","lines":"43,44"}}],"payload":{"tag":"li","lines":"40,44"}},{"content":"<strong>scripts/</strong>","children":[{"content":"&#x43e;&#x431;&#x440;&#x430;&#x431;&#x43e;&#x442;&#x43a;&#x430; &#x430;&#x443;&#x434;&#x438;&#x43e;","children":[],"payload":{"tag":"li","lines":"45,46"}}],"payload":{"tag":"li","lines":"44,46"}},{"content":"<strong>models/</strong>","children":[{"content":"faster-whisper-small","children":[],"payload":{"tag":"li","lines":"47,48"}}],"payload":{"tag":"li","lines":"46,48"}},{"content":"<strong>beeline_api_calls.md</strong> &#x2014; API &#x438;&#x43d;&#x442;&#x435;&#x433;&#x440;&#x430;&#x446;&#x438;&#x44f;","children":[],"payload":{"tag":"li","lines":"48,50"}}],"payload":{"tag":"h2","lines":"34,35"}},{"content":"&#x1f409; algoritm-space","children":[{"content":"drakonwidget.js &#x2014; DRAKON &#x432; JS","children":[],"payload":{"tag":"li","lines":"51,52"}},{"content":"index.html &#x2014; &#x434;&#x435;&#x43c;&#x43e;","children":[],"payload":{"tag":"li","lines":"52,53"}},{"content":"STATUS.md","children":[],"payload":{"tag":"li","lines":"53,54"}},{"content":"RESEARCH.md","children":[],"payload":{"tag":"li","lines":"54,56"}}],"payload":{"tag":"h2","lines":"50,51"}},{"content":"&#x1f4d0; dragon-renderer","children":[{"content":"drakon-renderer.py &#x2014; &#x440;&#x435;&#x43d;&#x434;&#x435;&#x440; DRAKON","children":[],"payload":{"tag":"li","lines":"57,58"}},{"content":"test-output.html &#x2014; HTML &#x432;&#x44b;&#x432;&#x43e;&#x434;","children":[],"payload":{"tag":"li","lines":"58,60"}}],"payload":{"tag":"h2","lines":"56,57"}},{"content":"&#x1f4b0; &#x421;&#x43e;&#x446;&#x43a;&#x43e;&#x43d;&#x442;&#x440;&#x430;&#x43a;&#x442;","children":[{"content":"&#x411;&#x418;&#x417;&#x41d;&#x415;&#x421;-&#x41f;&#x41b;&#x410;&#x41d;.md","children":[],"payload":{"tag":"li","lines":"61,62"}},{"content":"build_docx.py &#x2014; &#x433;&#x435;&#x43d;&#x435;&#x440;&#x430;&#x446;&#x438;&#x44f; DOCX","children":[],"payload":{"tag":"li","lines":"62,63"}},{"content":"&#x411;&#x418;&#x417;&#x41d;&#x415;&#x421;-&#x41f;&#x41b;&#x410;&#x41d;.docx","children":[],"payload":{"tag":"li","lines":"63,64"}},{"content":"&#x41c;&#x43e;&#x435; &#x440;&#x435;&#x437;&#x44e;&#x43c;&#x435;.pdf","children":[],"payload":{"tag":"li","lines":"64,65"}},{"content":"&#x41f;&#x440;&#x438;&#x43c;&#x435;&#x440;_&#x411;&#x41f;.docx","children":[],"payload":{"tag":"li","lines":"65,67"}}],"payload":{"tag":"h2","lines":"60,61"}},{"content":"&#x1f6e0; &#x418;&#x43d;&#x441;&#x442;&#x440;&#x443;&#x43c;&#x435;&#x43d;&#x442;&#x44b;","children":[{"content":"<strong>D2</strong> &#x2014; &#x431;&#x43b;&#x43e;&#x43a;-&#x441;&#x445;&#x435;&#x43c;&#x44b;","children":[],"payload":{"tag":"li","lines":"68,69"}},{"content":"<strong>Mermaid</strong> &#x2014; markdown-&#x434;&#x438;&#x430;&#x433;&#x440;&#x430;&#x43c;&#x43c;&#x44b;","children":[],"payload":{"tag":"li","lines":"69,70"}},{"content":"<strong>markmap</strong> &#x2014; mindmaps","children":[],"payload":{"tag":"li","lines":"70,71"}},{"content":"<strong>ECharts</strong> &#x2014; &#x433;&#x440;&#x430;&#x444;&#x438;&#x43a;&#x438;","children":[],"payload":{"tag":"li","lines":"71,72"}},{"content":"<strong>GSAP</strong> &#x2014; &#x430;&#x43d;&#x438;&#x43c;&#x430;&#x446;&#x438;&#x438;","children":[],"payload":{"tag":"li","lines":"72,73"}},{"content":"<strong>tldraw</strong> &#x2014; &#x432;&#x438;&#x437;&#x443;&#x430;&#x43b;&#x44c;&#x43d;&#x44b;&#x439; &#x440;&#x435;&#x434;&#x430;&#x43a;&#x442;&#x43e;&#x440;","children":[],"payload":{"tag":"li","lines":"73,74"}},{"content":"<strong>SVG</strong> &#x2014; pixel-perfect &#x434;&#x438;&#x437;&#x430;&#x439;&#x43d;","children":[],"payload":{"tag":"li","lines":"74,75"}},{"content":"<strong>DRAKON</strong> &#x2014; &#x431;&#x43b;&#x43e;&#x43a;-&#x441;&#x445;&#x435;&#x43c;&#x44b; &#x43f;&#x440;&#x43e;&#x446;&#x435;&#x441;&#x441;&#x43e;&#x432;","children":[],"payload":{"tag":"li","lines":"75,76"}},{"content":"<strong>tldraw v5</strong> &#x2014; DRAKON &#x432; React","children":[],"payload":{"tag":"li","lines":"76,77"}}],"payload":{"tag":"h2","lines":"67,68"}}],"payload":{"tag":"h1","lines":"0,1"}},null)</script>
+</body>
+</html>
diff --git a/projects-mindmap.md b/projects-mindmap.md
new file mode 100644
index 0000000..68590bd
--- /dev/null
+++ b/projects-mindmap.md
@@ -0,0 +1,77 @@
+# Мои проекты
+
+## 🎯 wow-design
+- **calls24-landing**
+  - index-v4.html — продакшн
+  - STATUS.md — трекинг
+  - logos/ — SVG-логотипы
+  - prompts/ — AI-промпты
+- **visual-data**
+  - VT2-examples/ (110 файлов)
+    - ch3: Data Scraping & ETL
+    - ch4: Trends & Cycles
+    - ch5: Categorical Data
+    - ch6: Multivariate Data
+    - ch7: Spatial Data
+    - ch8: Distributions
+  - README.md — исследование инструментов
+  - examples.md — D2, Mermaid, markmap
+- **dracon-tldraw/**
+  - DRAKON-диаграммы (tldraw v5)
+  - public/dracon.html — HTML-версия
+- **wow-design-wiki/**
+  - 2673 Carbon иконки
+  - 74 DESIGN.md бренда
+  - layout, typography, motion
+  - psychology, systems
+- **roi24/**
+  - Лендинг ROI24 (100К₽)
+  - Исследование дизайнов
+  - ECharts + GSAP
+- **landing-pages/**
+  - Дизайн лендингов
+  - Conversion оптимизация
+
+## 📞 calls-analytics
+- **callpulse/**
+  - app.py — FastAPI
+  - dashboard.html — ECharts
+  - engine.py — обработка
+  - config.yaml
+- **data/**
+  - samples/ — примеры вызовов
+  - analysis_report.json
+  - report.md
+- **scripts/**
+  - обработка аудио
+- **models/**
+  - faster-whisper-small
+- **beeline_api_calls.md** — API интеграция
+
+## 🐉 algoritm-space
+- drakonwidget.js — DRAKON в JS
+- index.html — демо
+- STATUS.md
+- RESEARCH.md
+
+## 📐 dragon-renderer
+- drakon-renderer.py — рендер DRAKON
+- test-output.html — HTML вывод
+
+## 💰 Соцконтракт
+- БИЗНЕС-ПЛАН.md
+- build_docx.py — генерация DOCX
+- БИЗНЕС-ПЛАН.docx
+- Мое резюме.pdf
+- Пример_БП.docx
+
+## 🛠 Инструменты
+- **D2** — блок-схемы
+- **Mermaid** — markdown-диаграммы
+- **markmap** — mindmaps
+- **ECharts** — графики
+- **GSAP** — анимации
+- **tldraw** — визуальный редактор
+- **SVG** — pixel-perfect дизайн
+- **DRAKON** — блок-схемы процессов
+- **tldraw v5** — DRAKON в React