WaveDrom Diagram Viewer and Editor

MassiveDiag Playground은 WaveDrom 타이밍 다이어그램을 빠르고 직관적으로 생성하고 편집할 수 있는 웹 기반 도구입니다. WaveDrom은 디지털 회로의 타이밍을 JSON 형식으로 표현하는 언어로, MassiveDiag Playground를 통해 복잡한 타이밍 다이어그램도 쉽게 시각화하고 다양한 형식으로 내보낼 수 있습니다.

1. 소개

MassiveDiag Playground는 WaveDrom 코드를 몇 초 만에 깔끔하고 전문적인 타이밍 다이어그램으로 변환해줍니다. 개발자, 임베디드 엔지니어, 기술 작가 등 누구나 코딩이나 소프트웨어 설치 없이 직관적인 플랫폼을 통해 다이어그램을 생성하고 내보낼 수 있습니다.

2. WaveDrom이란?

WaveDrom은 디지털 타이밍 다이어그램을 JSON 기반으로 기술하는 간단한 언어입니다. 전자공학, 임베디드 시스템, 문서화 분야에서 클럭 신호, 데이터 스트림, 제어 신호 등을 표현하는 데 널리 사용됩니다. WaveDrom을 사용하면 신호 전이, 타이밍 관계, 시간에 따른 동작을 읽기 쉽고 프로그래밍 가능한 방식으로 정의할 수 있습니다.

3. 지원하는 WaveDrom 기능

MassiveDiag Playground는 다음과 같은 WaveDrom 요소를 완벽하게 지원합니다:

클럭 및 신호 파형
버스 값 및 라벨
신호 그룹화
위상 지연
제어 신호 (예: req/ack)
중첩된 신호 계층 구조

간단한 파형부터 복잡한 프로토콜까지 모두 시각화할 수 있습니다.

4. WaveDrom 다이어그램 예시

WaveDrom 코드

{
  "signal": [
    {"name": "clk", "wave": "P......."},
    {"name": "data", "wave": "x.345x.7"},
    {"name": "req", "wave": "01.0..1."},
    {"name": "ack", "wave": "0..1..0."}
  ]
}

생성된 다이어그램

WaveDrom 다이어그램 예시

결과는 SVG, PNG, Word, PDF 형식으로 내보낼 수 있어 문서화, 프레젠테이션, 설계 검토 등에 바로 활용할 수 있습니다.

5. WaveDrom 시작하기

WaveDrom 다이어그램을 만들려면:

WaveDrom JSON 코드를 작성하거나 생성합니다.
MassiveDiag Playground로 이동합니다.
코드를 붙여넣거나 파일을 업로드합니다.
다이어그램 유형을 선택합니다 (대부분 자동 감지됩니다).
다이어그램 생성 버튼을 클릭하면 실시간으로 렌더링됩니다.

6. MassiveDiag에서 WaveDrom 사용하기

작업 흐름은 다음과 같습니다:

코드 생성 – AI를 사용하거나 직접 WaveDrom 코드를 작성합니다.

{
  "signal": [
    {"name": "clk", "wave": "P......."},
    {"name": "data", "wave": "x.345x.7"},
    {"name": "req", "wave": "01.0..1."},
    {"name": "ack", "wave": "0..1..0."}
  ]
}