Mermaid Live Editor

Mermaid Live Editor

mermaid.live · Feb 21, 2026 검증됨 ·
도구 열기

설명

간단한 텍스트 구문으로 플로우차트, 시퀀스 다이어그램, 간트 차트 등을 만들어요. SVG/PNG 내보내기를 지원하는 라이브 미리보기.

로그인 불필요 작업

"텍스트 구문으로 다이어그램을 만들어요"

Editorial Review & Verification

Hands-on Verified
Best For

Mermaid 다이어그램-코드 구문을 사용하여 순서도, 시퀀스 다이어그램 및 아키텍처 맵을 작성, 렌더링 및 공유합니다.

No-Login Alternative To: PlantUML Draw.io Excalidraw

+ Key Strengths (Pros)

  • ✓ 포괄적인 다이어그램 구문은 순서도, 시퀀스, ER, 클래스, Gantt, 상태 및 Git 다이어그램을 포괄하여 지원합니다.
  • ✓ 다이어그램 정의는 pako deflate 인코딩을 통해 클라이언트 URL 해시 조각 내부에서 완전히 유지됩니다.
  • ✓ SVG, PNG, 포함 가능한 iframe 및 원시 웹 구성 요소를 지원하는 다양한 내보내기 작업 흐름

− Limitations (Cons)

  • − 최초 방문 시 Mermaid Chart 클라우드 구독을 요청하는 상향 판매 모드가 표시됩니다.
  • − 수백 개의 노드가 포함된 크고 복잡한 그래프로 인해 캔버스 렌더링 지연 시간이 발생할 수 있습니다.

Deep Privacy & Sandbox Audit & 제품 성능 및 실용성 검토

🛡️ Audited & Certified by NoLoginTools.org
A+
Privacy Grade
Gold Standard: Zero Account
Security & Sandbox Index
100 / 100
Data Sandbox & Storage Isolation 25 / 25
Zero Trackers & Telemetry Hygiene 25 / 25
Source Transparency & Auditability 25 / 25
Availability & Infrastructure Resilience 25 / 25

다이어그램 렌더링은 브라우저 SVG 파이프라인에서 로컬로 실행됩니다. 다이어그램 콘텐츠는 URL 해시 조각 내에 보관되며 백엔드 API로 전달되지 않습니다. 나가는 트래픽은 개인 정보를 존중하는 5개의 타당한 분석 이벤트로 제한됩니다.

⚡
제품 성능 지수
95 / 100
★ 에디터스 초이스
📊 5차원 성능 레이더 5D CADES
Radar chart displaying 5 dimensions: Frictionless, Depth, Export, Privacy, Polish 마찰 없는 UX: 19/20 (95%) 기능적 깊이 및 충실도: 24/25 (96%) 내보내기 자유도: 19/20 (95%) 개인정보 보호 및 데이터 주권: 19/20 (95%) 안정성 및 완성도: 14/15 (93%) 마찰 없는 UX (19/20) 기능적 깊이 및 충실도 (24/25) 내보내기 자유도 (19/20) 개인정보 보호 및 데이터 주권 (19/20) 안정성 및 완성도 (14/15)
마찰 없는 UX 19 / 20
가입, 계정 제한, 팝업 함정 없이 즉시 시작
기능적 깊이 및 충실도 24 / 25
핵심 워크플로우 완결성, 풍부한 기능 및 입력 충실도
내보내기 자유도 19 / 20
워터마크 없는 표준 형식의 제한 없는 다운로드
개인정보 보호 및 데이터 주권 19 / 20
브라우저 내 메모리 샌드박스, 추적 유출 제로 및 데이터 보호
안정성 및 완성도 14 / 15
시각적 타이포그래피, 레이아웃 인체공학 및 안정적인 복구력
🔬 실증 랩 노트 감사 일자 2026-09

350ms 길이의 작업 내에서 렌더링되는 순서도 SVG; 클라이언트 측 pako URL 해시 조각으로 인코딩된 상태. 자체 호스팅 p.mermaid.live 분석에 대한 5개 요청; 상업용 추적자가 없습니다.

Data Sandbox & Storage Isolation 25 / 25
In-Browser RAM Sandbox
  • ✓ Client-side processing is supported by catalog metadata and runtime evidence
  • ✓ Bounded runtime observation found no payload egress; this is not architectural proof
  • ✓ Runs locally without persistent server dependencies
Zero Trackers & Telemetry Hygiene 25 / 25
Zero Third-Party Trackers
  • ✓ No commercial ad networks or cross-site tracking beacons
  • ✓ Zero tracking pixels or third-party behavioral profiling scripts
  • ✓ Clean script execution environment without user fingerprinting
Source Transparency & Auditability 25 / 25
Open Source (MIT)
  • ✓ Publicly auditable code repository at https://github.com/mermaid-js/mermaid-live-editor
  • ✓ OSI-recognized open license: MIT
  • ✓ 6,811 GitHub community stars
Availability & Infrastructure Resilience 25 / 25
High Uptime & Sub-Second Latency
  • ✓ Fully operational with fast edge response (~55ms)
  • ✓ Verified active on Cloudflare automated 6h health probe
  • ✓ Reliable service accessibility without login barriers

NoLogin Lab™ 검증된 원격 측정 및 실증 감사

CADES 2.0 Empirical Test
🛡️ 네트워크 패킷 감사 완전 로컬 실행 (유출 제로 검증)

Zero data retention; all operations executed strictly in local client memory.

Audit: verified-consistent
💻 실행 샌드박스 엔진 Local Only

Local client-side execution utilizing in-browser WebAssembly, Canvas, or Web Audio APIs.

Sandbox: Client-Side Only
📦 결과물 무결성 및 워터마크 검사 완전 무워터마크 및 무제한

Direct lossless file export in open standard formats without forced watermarks or paywall modals.

Ad Tier: zero-ads
⚡ 접근 속도 및 즉시 사용성 즉시 실행 (<500ms)

Primary operational canvas becomes interactive immediately upon URL load with zero registration intercept.

Onboarding: 0-Click Gate
📜 소스 코드 및 신뢰성 공개 소스 저장소 검증됨

Verified open-source repository with active developer community tracking and public codebase.

License: MIT GitHub Repo →

Verification Details

Account None Required
Category Development
Processing Client-Side Only
Pricing Free
Privacy Architecture Verdict

다이어그램 렌더링은 브라우저 SVG 파이프라인에서 로컬로 실행됩니다. 다이어그램 콘텐츠는 URL 해시 조각 내에 보관되며 백엔드 API로 전달되지 않습니다. 나가는 트래픽은 개인 정보를 존중하는 5개의 타당한 분석 이벤트로 제한됩니다.

태그

헬스 기록

14일 전 → 오늘 · 가동률: 100%

저장소

mermaid-js/mermaid-live-editor

★ 6.8k ·Ⓟ 1.2k · TypeScript · MIT · 6d ago 업데이트됨

자주 묻는 질문

Mermaid Live Editor을 사용하려면 계정이 필요한가요?
아니요. Mermaid Live Editor은 nologin.tools에서 핵심 기능인 텍스트 구문으로 다이어그램을 만들어요을 로그인이나 회원가입 없이 제공하는 것으로 검증되었습니다.
Mermaid Live Editor은 무료로 사용할 수 있나요?
Mermaid Live Editor은 nologin.tools에 계정 없이 사용할 수 있는 도구로 등록되어 있습니다. 요금제나 유료 기능에 대한 자세한 내용은 해당 도구의 공식 사이트를 확인하세요.

유사한 도구

CyberChef
CyberChef (gchq.github.io) ⚡ 94

사이버 만능 도구——드래그 앤 드롭 레시피 빌더로 데이터를 인코딩, 디코딩, 암호화, 압축, 분석해요.

Regex101
Regex101 (regex101.com) ⚡ 95

PHP, PCRE, Python, Golang, JavaScript를 위한 온라인 정규식 테스터 및 디버거예요. 실시간 설명과 매치 강조로 정규식 패턴을 빌드·테스트·디버그할 수 있어요.

DevDocs
DevDocs (devdocs.io) ⚡ 95

여러 API 문서를 빠르고 체계적이며 검색 가능한 하나의 인터페이스에 통합해요. JavaScript, HTML, CSS, Node.js, Ruby, Python 등 수백 가지 기술을 커버해요.

Carbon
Carbon (carbon.now.sh) ⚡ 95

소스 코드의 아름다운 이미지를 만들고 공유해요. 수십 가지 문법 테마와 언어 중에서 선택하고, PNG 또는 SVG로 내보낼 수 있어요.

TypeScript Playground
TypeScript Playground (typescriptlang.org) ⚡ 95

브라우저에서 TypeScript 코드를 작성하고 컴파일하고 실행해요. 전체 타입 체킹과 IntelliSense를 갖춘 Microsoft 공식 도구예요.

WebUtilsLab
WebUtilsLab (webutilslab.com) ⚡ 95

개발자를 위한 로컬 우선 브라우저 유틸리티 모음입니다. JSON 포맷팅, JWT 디코드, URL 쿼리 파싱, chmod/umask 계산, cron 도우미, 타임스탬프, 해시, UUID 생성 등을 제공합니다. 로그인 불필요하며 입력 데이터는 브라우저 내부에서 로컬로 처리됩니다.