OpenDART 실데이터 연결

금융 데이터를,
한 장의 HTML로.

공시·자금조달·시장 데이터를 브라우저에서 바로 여는 샘플 컬렉션입니다. 설치도, 서버도, API 키 입력도 필요 없습니다. 완성된 페이지는 블로그에 그대로 붙일 수 있습니다.

4바로 여는 샘플
3,935DART 상장 법인
0외부 라이브러리
∞블로그 임베드
SAMPLES

지금 바로 열 수 있는 페이지

각 샘플은 하나의 HTML로 동작합니다. 데이터 기준일과 수집 범위는 페이지 안에 표시됩니다.

HOW IT WORKS

키는 빌드에만, 페이지에는 데이터만

블로그에 붙는 것은 정적 HTML입니다. 방문자는 API 키를 입력하거나 서버를 띄울 필요가 없습니다.

수집 파이프라인

  • 기업 코드 — OpenDART corpCode.xml에서 상장 법인 3,935개를 확인합니다.
  • 공시 목록 — 주요사항보고서에서 CB·BW·EB·유상증자·합병·최대주주 변경을 고릅니다.
  • 원문 파싱 — document.xml의 표에서 상대방·금액·납입일 후보를 추출합니다.
  • 관계 후보 — 같은 상대방이 여러 종목에 등장하는 경로를 우선 표시합니다.
  • 정적 임베드 — 그래프·근거·기준일만 HTML에 심어 배포합니다.
금액과 관계는 공시 원문에서 자동 추출한 검토 후보입니다. 실제 납입·송금 또는 동일 실소유주를 확정하지 않습니다.

이 페이지의 데이터

OpenDART주요사항보고서2026-05-01 ~ 2026-10-29

자금조달 지도는 DART 공시 원문을 빌드 시점에 수집합니다. 페이지에는 수집 기준일과 문서 수, 관계 후보 수가 함께 표시됩니다.

새 공시를 반영하려면 빌드 스크립트를 다시 실행하고 HTML을 교체하면 됩니다. 블로그 글은 그대로 두어도 됩니다.

python dartlab-capital-network-map/tools/build_snapshot.py \ --start 2026-05-01 --end 2026-10-29 --max-docs 600 node dartlab-capital-network-map/tools/build_graph.js python dartlab-capital-network-map/tools/inject_snapshot.py
.env의 OPENDART_API_KEY는 커밋되지 않습니다. 빌드 결과 HTML에는 키가 포함되지 않습니다.
EMBED

블로그에는 로고 + URL만

iframe으로 페이지 전체를 넣거나, 로고 카드 하나로 링크할 수 있습니다. 아래 주소를 배포 주소로 바꿔 쓰세요.

① 로고 + URL 카드

블로그 글에 붙이기 가장 간단한 형태입니다. 클릭하면 전체 지도가 새 창에서 열립니다.

<a href="https://example.com/dartlab-capital-network-map/index.html" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;text-decoration:none;color:#0f172a;font-family:system-ui,sans-serif"> <img src="https://example.com/assets/logo.svg" width="38" height="38" alt=""> <span><b style="display:block;font-size:14px">공시 자금조달 지도</b><small style="color:#64748b">DART 공시로 보는 기업 관계</small></span> </a>
주소를 입력하면 위 코드의 example.com이 자동으로 바뀝니다.

② iframe으로 전체 화면

페이지 전체를 글 안에 넣고 싶을 때 사용합니다. 높이는 블로그 레이아웃에 맞게 조정하세요.

<iframe src="https://example.com/dartlab-capital-network-map/index.html" title="공시 자금조달 관계지도" style="width:100%;height:820px;border:1px solid #dbe3ee;border-radius:16px;background:#fff" loading="lazy"></iframe>
모바일에서는 높이를 600px 안팎으로 줄이는 것을 권장합니다. 페이지 자체가 반응형으로 동작합니다.