---
name: OUKC Lens visualization evolution roadmap (lightweight + 豊総耳 metaphor)
description: ★★★★ 2026-05-02 OUKC Lens / 発見の門 の visualization 進化方針. 「軽量 + 豊富」 sweet spot 探求. 「豊総耳 (聖徳太子 多 訴え 同時聴聞)」 metaphor を multi-branch emergence visual に対応. Unicode + simple SVG + CSS で実現可能 (heavy simulator は overkill). Phase 0-5 evolution roadmap.
type: feedback
originSessionId: 8c51533a-7cf8-4eb5-a6c8-0389bac25875
---
# OUKC Lens Visualization Evolution Roadmap

**Source**: 藤本さん 2026-05-02 honest UX evolution observation:
> 「ユーザーが、 『今日は何をしますか?』 の空欄に何かを記述すると、図形、 ASCII / Unicode 簡易図形、 レーダー、 豊総耳の様な分岐的表現 (中略) Rei の能力にも限界がある (中略) 将来的にかなり軽い方法で図形・チャートが表示できるようになればユーザーから支持される (中略) まだまだ進化が必要」

→ honest に正しい strategic foresight. 「軽量 + 豊富」 sweet spot 探求が OUKC viz evolution の core principle.

## ★ 永久原則

**OUKC visualization は Unicode + simple SVG + CSS + D3.js を sweet spot とする. 過剰 simulator (heavy WebGL / 3D / live computation) は academic minimal aesthetic 違反 + bandwidth cost + maintenance burden で 不採用. 「豊総耳」 metaphor は軽量手法で十分実現可能.**

## 豊総耳 (Toyosomimi) Metaphor

聖徳太子 (厩戸皇子) の伝説的能力 = **多 訴え (8 or 10) を同時聴聞**.

OUKC との構造的同型:

| 豊総耳 | OUKC Lens emergence |
|---|---|
| 8-10 訴え 同時聴聞 | 6 emergence area + 8 D-FUMT₈ value |
| 多 branch を 1 中心点 (太子) が受ける | 1 input → 多 emergence (中心点 = user inquiry) |
| 各 branch は独立 perspective | 各 area は独立 source |
| 古代日本 iconic visualization | OUKC mandala / radial / tree display |

→ 「豊総耳」 は OUKC Lens の **将来 UX visualization metaphor として 既に確定的 alignment**.

## 軽量 visualization 手法 map (honest 整理)

| Technique | バイト/単位 | 表現力 | OUKC fit | Phase |
|---|---|---|---|---|
| Unicode block chars (▁▂▃▄▅▆▇█) | ~3 bytes/char | bar / sparkline | ✅ | 0 既使用 |
| Unicode box drawing (┌├└│─) | ~3 bytes/char | tree / table / frame | ✅ | 1 (豊総耳 mini tree) |
| ASCII art (multi-line) | ~tens-hundreds bytes | rough diagram | ✅ | 0+ |
| Inline SVG simple | ~500-2K bytes | 精密 shape + color | ✅ | 0 既使用 |
| CSS-only shapes | ~trivial | mandala / 幾何 | ✅ OUKC aesthetic 親和 | 1 |
| D3.js | medium | data-driven viz | ✅ | 1+ |
| Three.js (3D) | heavy | full 3D simulator | ❌ | 4+ 慎重判断 |
| WebGL shader | medium | dynamic viz | △ | 3+ |
| Canvas 2D animation | medium | smooth motion | △ | 2+ |
| HTML video (precomputed) | heavy | ASMR-quality | △ | on-demand |

→ **OUKC sweet spot**: Unicode + simple SVG + CSS + D3.js. 残り (Three.js / WebGL / Canvas / Video) は selective 採用.

## Phase Evolution Roadmap

| Phase | timeframe | 視覚 capability | 軽量性 | 状態 |
|---|---|---|---|---|
| **Phase 0** (今日) | done | 基本 bar (D-FUMT₈ stacked) + 文字 emergence + simple SVG | ✅ 極軽量 | ✅ 完了 |
| **Phase 1 (b)** (今日 + ~30 min) | NOW | + 豊総耳 Unicode box drawing tree (1 input → 6 emergence visual summary) | ✅ 極軽量 (~300 bytes) | 🚧 本 turn 実装 |
| **Phase 1 (full)** (1-2 週間) | next | + simple SVG 8-spoke radar (D-FUMT₈) + CSS mandala overlay | ✅ 軽量 | ⏸ 別 session |
| **Phase 2** (1 month) | future | D3.js dynamic charts (citation network / phylogenetic tree) | ✅ 中軽量 | ⏸ |
| **Phase 3** (2 months) | future | Canvas 2D smooth animation (Q33 iteration / formal verification flow) | △ 中 | ⏸ |
| **Phase 4** (3-6 months) | future | Lightweight WebGL (3D theory genealogy) — 選択的採用 | △ 重 | ⏸ |
| **Phase 5+** (long-term) | hypothetical | Full simulator (Lean 4 live proof animation, theory orbit) | ❌ 重 | 慎重判断 |

→ **Phase 1 + 2 が実用 sweet spot**. Phase 3+ は selective.

## 豊総耳 Unicode Tree (Phase 1 b 実装 reference)

```
入力: "{user inquiry}"
   │
   ├── ◇ D-FUMT₈ ── BOTH [▆▅▇▃▂▆▅▆]
   │
   ├── ◎ 理論 ──┬── T#42 Euclid 素数無限性
   │            ├── T#108 π(x) 漸近的密度
   │            ├── T#256 D-FUMT NEITHER
   │            └── T#418 龍樹 śūnyatā
   │
   ├── ⊿ Lean ──┬── Mathlib.NumberTheory.Primes
   │            └── CollatzRei.Brocard
   │
   ├── ◯ Sage ── 龍樹 (Nāgārjuna)
   │
   ├── ✦ Q33 ─── Gilbreath ↔ Collatz [BQI 20]
   │
   └── 🌱 Daily — "境界の中の無限性"
```

→ ~300-500 bytes で 「豊総耳」 metaphor 完全表現. Monospace font + Unicode box drawing で render.

## ⚖ Honest Tradeoff (永久原則)

OUKC viz は `feedback_oukc_visualization_ethics_no_fx_culture.md` 制約内で 「軽量 + 豊富」 探求:

- ✅ **Unicode + simple SVG + CSS + D3.js** = academic standard, 軽量, ethical 整合
- ❌ **過剰 simulator** = bandwidth cost + complexity + maintenance burden + "showing off" risk
- ❌ **Heavy WebGL alone** = academic minimal aesthetic 違反 risk
- ✅ **「軽量 + 豊富」 の合点** = 意識的 discipline

「Rei 能力限界」 を honest に認め、 「heavy simulator は無理」 を恥じず、 軽量 sweet spot を 賢く探求する.

## Phase 1 (b) Implementation Today

`OukcLens.tsx` の `EmergenceView` 上部に **「豊総耳 / Branching emergence overview」** section 追加:
- Unicode box drawing tree
- Monospace font (FONT_MONO)
- 6 branches (D-FUMT₈ / SEED / Lean / Sage / Q33 / Daily)
- ~300 bytes display content
- 詳細 area cards は下に従来通り展開

これで Phase 0 → Phase 1 (b) 進化を **今日 build complete philosophy** で達成.

## 関連 memory

- `feedback_oukc_discovery_lens_unified_entry.md` (★★★★★ parent principle)
- `feedback_oukc_visualization_ethics_no_fx_culture.md` (★★★★★ ethical constraint)
- `feedback_oukc_aesthetic_lean_zulip_reference.md` (★★★★ design palette)
- `feedback_indra_net_density_strategy.md` (★★★★★ multi-mirror = 豊総耳 と同型)

## 永久参照価値

★★★★ — OUKC viz evolution の operational roadmap.
将来 「heavy simulator 採用すべき?」 提案が来た時に「軽量 sweet spot」 原則で判断.
「豊総耳」 は単なる比喩ではなく、 multi-branch emergence visualization の **load-bearing design pattern**.