Add interactive projects mindmap (markmap)
This commit is contained in:
neo committed
1 parent
b42b866a8c
commit
357729b091
2 files changed
+129
No files matched your search
@@ -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":"Мои проекты","children":[{"content":"🎯 wow-design","children":[{"content":"<strong>calls24-landing</strong>","children":[{"content":"index-v4.html — продакшн","children":[],"payload":{"tag":"li","lines":"4,5"}},{"content":"STATUS.md — трекинг","children":[],"payload":{"tag":"li","lines":"5,6"}},{"content":"logos/ — SVG-логотипы","children":[],"payload":{"tag":"li","lines":"6,7"}},{"content":"prompts/ — AI-промпты","children":[],"payload":{"tag":"li","lines":"7,8"}}],"payload":{"tag":"li","lines":"3,8"}},{"content":"<strong>visual-data</strong>","children":[{"content":"VT2-examples/ (110 файлов)","children":[{"content":"ch3: Data Scraping & ETL","children":[],"payload":{"tag":"li","lines":"10,11"}},{"content":"ch4: Trends & 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 — исследование инструментов","children":[],"payload":{"tag":"li","lines":"16,17"}},{"content":"examples.md — D2, Mermaid, markmap","children":[],"payload":{"tag":"li","lines":"17,18"}}],"payload":{"tag":"li","lines":"8,18"}},{"content":"<strong>dracon-tldraw/</strong>","children":[{"content":"DRAKON-диаграммы (tldraw v5)","children":[],"payload":{"tag":"li","lines":"19,20"}},{"content":"public/dracon.html — HTML-версия","children":[],"payload":{"tag":"li","lines":"20,21"}}],"payload":{"tag":"li","lines":"18,21"}},{"content":"<strong>wow-design-wiki/</strong>","children":[{"content":"2673 Carbon иконки","children":[],"payload":{"tag":"li","lines":"22,23"}},{"content":"74 DESIGN.md бренда","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":"Лендинг ROI24 (100К₽)","children":[],"payload":{"tag":"li","lines":"27,28"}},{"content":"Исследование дизайнов","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":"Дизайн лендингов","children":[],"payload":{"tag":"li","lines":"31,32"}},{"content":"Conversion оптимизация","children":[],"payload":{"tag":"li","lines":"32,34"}}],"payload":{"tag":"li","lines":"30,34"}}],"payload":{"tag":"h2","lines":"2,3"}},{"content":"📞 calls-analytics","children":[{"content":"<strong>callpulse/</strong>","children":[{"content":"app.py — FastAPI","children":[],"payload":{"tag":"li","lines":"36,37"}},{"content":"dashboard.html — ECharts","children":[],"payload":{"tag":"li","lines":"37,38"}},{"content":"engine.py — обработка","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/ — примеры вызовов","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":"обработкCLine truncated
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -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
|
||||||
Reference in new issue
Block a user