도식 카탈로그
7종 재사용 시각화 컴포넌트 — 모든 페이지에서 활용
이 페이지는 플랫폼에서 사용되는 7종 재사용 도식 컴포넌트를 한 눈에 보여줍니다.
포함:
▸ Risk Gauge (반원형 게이지)
▸ Pipeline Diagram (분석 흐름)
▸ Comparative Bars (한국 vs 백인 비교)
▸ Donut Chart (비율 시각화)
▸ Flowchart (의사결정 트리)
▸ Pedigree (가족 트리 표준 표기)
▸ Timeline Stepper (단계별 진행)
포함:
▸ Risk Gauge (반원형 게이지)
▸ Pipeline Diagram (분석 흐름)
▸ Comparative Bars (한국 vs 백인 비교)
▸ Donut Chart (비율 시각화)
▸ Flowchart (의사결정 트리)
▸ Pedigree (가족 트리 표준 표기)
▸ Timeline Stepper (단계별 진행)
1. Risk Gauge (반원형 게이지)
0-100 위험도를 색상으로 직관 표시. 낮음(녹색) / 중간(노랑) / 높음(빨강).
Alzheimer 위험
Diabetes 위험
안전 점수
회복력
2. Pipeline Diagram (분석 흐름)
분석 단계를 좌→우 흐름으로 표현.
🧬
게놈 입력
23andMe TXT
🔬
SNP 추출
~600K markers
🧠
점수 계산
Bayesian PRS
📋
권장 사항
의사용 PDF
3. Comparative Bars (3-way 비교)
본인 vs 한국인 평균 vs 백인 평균.
4. Donut Chart (비율)
품종 composition / 위험 분포 등.
코코의 품종 composition
진돗개
60.0%저먼셰퍼드
25.0%Mixed/Unknown
15.0%5. Decision Flowchart
의사결정 트리 — Yes/No 분기 + action.
❓MDR1 (ABCB1) mutant homozygous?
YES
⚠️ Ivermectin 절대 금기
대안: Selamectin (Revolution)
NO
✅ 표준 용량 가능
Heartgard standard dose OK
6. ⏰ Timeline Stepper
단계별 진행 — 현재 단계 하이라이트.
1
20대
SPF + Vit C — 예방
2
30대
레티놀 + 콜라겐
3
40대
HIFU + 보톡스
4
50대+
리프팅 평가
7. Family Pedigree
표준 의학 pedigree 표기법 — 4세대 가족 트리.
남성
여성
Affected
Carrier
2세대 (부모)
할머니 (Alzheimer 가족력 + 켈로이드 high)
SAMPLE_MIXED_001
3세대 (본인 + 배우자)
엄마
SAMPLE_KOREAN_001
아빠 (유럽계 — F5 Leiden)
SAMPLE_EUROPEAN_001
🐾 반려동물
코코
진돗개 mix
나비
코리안 숏헤어