데이터 기반 배선

회로 설계

핀 매니페스트 하나로 색상 전선 SVG, 정확한 연결표, 코드 바인딩, 안전 경고를 함께 만드는 데이터 기반 회로 도구입니다.

교육용 회로 플래너

부품을 고르고 핀을 연결하세요

한 manifest로 SVG 회로, MicroPython 핀, 연결표와 안전 진단을 동기화합니다. 전기 시뮬레이터가 아닌 수업·제작 전 배선 계획 도구입니다.

브라우저에 자동 저장됩니다.

2단계

추가된 부품

3단계

핀 연결

부품 핀을 먼저 고른 뒤 ESP32 또는 다른 장치의 핀을 선택하세요.

실시간 미리보기

회로 배선도

전선이나 표의 행을 선택하면 같은 연결이 강조됩니다.

회로 시각화 스크립트를 불러오는 중입니다.

정확한 연결표

안전 진단

코드 바인딩

현재 manifest JSON 보기

Public browser API

어느 정적 페이지에서도 재사용

배포 주소 https://info.rubric.kr/ESP32/wiring-visualizer.js를 불러오고 아래 API를 사용합니다. Wokwi 내보내기는 호환 가능한 diagram.json을 만들 뿐 Wokwi 실행 환경에 의존하지 않습니다.

const result = ESP32Wiring.validate(manifest);
const view = ESP32Wiring.render("#circuit", manifest);
const diagram = ESP32Wiring.toWokwi(manifest);