---
title: 그림 시안
tags: [nograph]
---
> [!warning] 이 문서는 형식 시안이다
> 논문에 쓰이는 그림 네 종류가 이 사이트에서 어떻게 보이는지 보려고 만든 것이다.
> **안에 적힌 숫자는 전부 내가 지어낸 예시다.** 실제 측정값이 아니다.
> 형식을 고른 뒤에는 이 문서를 지운다.
## 파이프라인 그림
뭐가 들어가서 뭐가 나오는지만 보여준다. 논문 첫 그림으로 가장 흔하다.
<svg viewBox="0 0 940 128" style="width:100%;max-width:940px;color:var(--dark);font-family:var(--bodyFont)" role="img" aria-label="입력에서 출력까지의 처리 흐름">
<defs><marker id="f1a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto"><path d="M0,0 L10,5 L0,10 z" fill="currentColor"/></marker></defs>
<g stroke="currentColor" fill="none" stroke-width="1.3">
<rect x="2" y="34" width="128" height="52"/>
<rect x="184" y="34" width="152" height="52"/>
<rect x="390" y="34" width="152" height="52"/>
<rect x="596" y="34" width="142" height="52"/>
<rect x="792" y="34" width="146" height="52"/>
<path d="M132,60 H178" marker-end="url(#f1a)"/>
<path d="M338,60 H384" marker-end="url(#f1a)"/>
<path d="M544,60 H590" marker-end="url(#f1a)"/>
<path d="M740,60 H786" marker-end="url(#f1a)"/>
<rect x="176" y="18" width="374" height="84" stroke-dasharray="3 3" opacity="0.45"/>
</g>
<g fill="currentColor" font-size="12.5" text-anchor="middle">
<text x="66" y="56">지형 · 기지</text><text x="66" y="74">정찰</text>
<text x="260" y="56">지형 분석</text><text x="260" y="74">엄폐 · 시선 · 거리</text>
<text x="466" y="56">확률장</text><text x="466" y="74">0 – 1 정규화</text>
<text x="667" y="56">봉우리 추출</text><text x="667" y="74">비최대 억제</text>
<text x="865" y="56">접촉 목록</text><text x="865" y="74">+ 열지도</text>
</g>
<g fill="currentColor" font-size="10.5" text-anchor="middle" opacity="0.62">
<text x="66" y="24">입력</text><text x="363" y="14">모델</text><text x="865" y="24">출력</text>
</g>
</svg>
## 개요 그림
글을 안 읽어도 뭘 하는 건지 알게 만드는 그림. 논문 1쪽 오른쪽 위에 놓는 자리다.
<svg viewBox="0 0 940 214" style="width:100%;max-width:940px;color:var(--dark);font-family:var(--bodyFont)" role="img" aria-label="입력 지형, 추정 확률장, 추출된 접촉을 나란히 놓은 개요">
<g stroke="currentColor" fill="none" stroke-width="1.3">
<rect x="2" y="26" width="282" height="166"/>
<rect x="330" y="26" width="282" height="166"/>
<rect x="658" y="26" width="280" height="166"/>
</g>
<g fill="currentColor" font-size="11" opacity="0.62">
<text x="2" y="18">입력 지형</text><text x="330" y="18">추정 확률장</text><text x="658" y="18">추출된 접촉</text>
</g>
<g stroke="currentColor" fill="none" stroke-width="0.9">
<path d="M28,150 C70,112 112,158 160,120 C202,88 242,128 266,104"/>
<path d="M22,174 C70,140 120,184 172,144 C216,112 252,148 274,128"/>
<path d="M40,122 C80,90 120,132 158,98"/>
<path d="M52,96 C84,72 116,102 146,80"/>
</g>
<g fill="currentColor"><rect x="62" y="58" width="9" height="9"/><rect x="204" y="68" width="9" height="9"/></g>
<g fill="currentColor" font-size="10"><text x="76" y="67">기지</text><text x="218" y="77">관측점</text></g>
<g stroke="currentColor" fill="none" stroke-width="0.9">
<circle cx="432" cy="92" r="30"/><circle cx="432" cy="92" r="21"/><circle cx="432" cy="92" r="12"/><circle cx="432" cy="92" r="4"/>
<circle cx="524" cy="142" r="34"/><circle cx="524" cy="142" r="24"/><circle cx="524" cy="142" r="14"/><circle cx="524" cy="142" r="5"/>
<circle cx="382" cy="158" r="20"/><circle cx="382" cy="158" r="11"/>
</g>
<g stroke="currentColor" fill="none" stroke-width="1.2">
<circle cx="758" cy="92" r="7"/><path d="M758,78 v-9 M758,106 v9 M744,92 h-9 M772,92 h9"/>
<circle cx="850" cy="142" r="7"/><path d="M850,128 v-9 M850,156 v9 M836,142 h-9 M864,142 h9"/>
</g>
<g fill="currentColor" font-size="10"><text x="772" y="88">0.81</text><text x="864" y="138">0.74</text></g>
</svg>
## 구조 그림
무엇이 무엇으로 이루어졌는지. 흐름보다 부품과 묶음을 보여준다.
<svg viewBox="0 0 940 196" style="width:100%;max-width:940px;color:var(--dark);font-family:var(--bodyFont)" role="img" aria-label="입력과 모델 구성 요소의 구조">
<defs><marker id="f3a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6.5" markerHeight="6.5" orient="auto"><path d="M0,0 L10,5 L0,10 z" fill="currentColor"/></marker></defs>
<g stroke="currentColor" fill="none" stroke-width="1.3">
<rect x="2" y="20" width="150" height="158" stroke-dasharray="4 3"/>
<rect x="16" y="42" width="122" height="26"/><rect x="16" y="80" width="122" height="26"/><rect x="16" y="118" width="122" height="26"/>
<rect x="238" y="20" width="302" height="158" stroke-dasharray="4 3"/>
<rect x="252" y="42" width="130" height="26"/><rect x="396" y="42" width="130" height="26"/>
<rect x="252" y="80" width="130" height="26"/><rect x="396" y="80" width="130" height="26"/>
<rect x="252" y="118" width="130" height="26"/>
<rect x="626" y="76" width="152" height="34"/>
<rect x="822" y="76" width="116" height="34"/>
<path d="M152,99 H232" marker-end="url(#f3a)"/>
<path d="M540,93 H620" marker-end="url(#f3a)"/>
<path d="M778,93 H816" marker-end="url(#f3a)"/>
</g>
<g fill="currentColor" font-size="11" text-anchor="middle">
<text x="77" y="59">지형</text><text x="77" y="97">기지 · 도로</text><text x="77" y="135">정찰</text>
<text x="317" y="59">엄폐 · 조망</text><text x="461" y="59">시선 차폐</text>
<text x="317" y="97">기동로 근접</text><text x="461" y="97">이격 밴드</text>
<text x="317" y="135">정찰 프라이어</text>
<text x="702" y="97">확률장 정규화</text><text x="880" y="97">비최대 억제</text>
</g>
<g fill="currentColor" font-size="10" opacity="0.62"><text x="16" y="34">입력</text><text x="252" y="34">위협 추정 모델</text></g>
</svg>
## 결과 비교 그림
부품을 하나씩 켜면서 결과가 어떻게 달라지는지 보여준다. 논문에서 가장 설득력이 큰 그림이다.
<svg viewBox="0 0 940 176" style="width:100%;max-width:940px;color:var(--dark);font-family:var(--bodyFont)" role="img" aria-label="구성 요소를 하나씩 더할 때 오탐이 줄어드는 비교">
<g stroke="currentColor" fill="none" stroke-width="1.3">
<rect x="2" y="26" width="220" height="118"/><rect x="242" y="26" width="220" height="118"/>
<rect x="482" y="26" width="220" height="118"/><rect x="722" y="26" width="216" height="118"/>
</g>
<g fill="currentColor" font-size="10.5" opacity="0.62">
<text x="2" y="18">시선만</text><text x="242" y="18">+ 엄폐</text><text x="482" y="18">+ 정찰</text><text x="722" y="18">전체</text>
</g>
<g stroke="currentColor" fill="none" stroke-width="0.85">
<circle cx="70" cy="76" r="26"/><circle cx="70" cy="76" r="15"/>
<circle cx="146" cy="110" r="29"/><circle cx="146" cy="110" r="17"/>
<circle cx="176" cy="56" r="22"/><circle cx="176" cy="56" r="12"/>
<circle cx="310" cy="76" r="22"/><circle cx="310" cy="76" r="13"/><circle cx="310" cy="76" r="5"/>
<circle cx="392" cy="110" r="26"/><circle cx="392" cy="110" r="16"/><circle cx="392" cy="110" r="6"/>
<circle cx="550" cy="76" r="16"/><circle cx="550" cy="76" r="9"/><circle cx="550" cy="76" r="3"/>
<circle cx="632" cy="110" r="19"/><circle cx="632" cy="110" r="11"/><circle cx="632" cy="110" r="4"/>
</g>
<g stroke="currentColor" fill="none" stroke-width="1.2">
<circle cx="794" cy="76" r="7"/><path d="M794,63 v-8 M794,89 v8 M781,76 h-8 M807,76 h8"/>
<circle cx="872" cy="110" r="7"/><path d="M872,97 v-8 M872,123 v8 M859,110 h-8 M885,110 h8"/>
</g>
<g fill="currentColor" font-size="11" text-anchor="middle">
<text x="112" y="164">오탐 7</text><text x="352" y="164">오탐 4</text><text x="592" y="164">오탐 2</text><text x="830" y="164">오탐 0</text>
</g>
</svg>
---
넷 중 무엇을 쓸지 정하면 이 문서는 지운다.