정비례 관계 그래프 위의 점 찾기

문제

다음 중 정비례 관계 $y = 3x$의 그래프 위에 있는 점은 어느 것입니까?

<!-- 공통 스타일 정의 -->
<style>
    .axis-line {
        stroke: #1F2937;
        stroke-width: 1;
    }
    .tick-line {
        stroke: #1F2937;
        stroke-width: 0.8;
    }
    .graph-line {
        stroke: #6C63FF;
        stroke-width: 2;
        fill: none;
    }
    .point-dot {
        fill: #1F2937;
    }
    .label {
        fill: #1F2937;
        font-size: 14px;
    }
    .axis-label {
        fill: #1F2937;
        font-size: 12px;
    }
</style>

<!-- 좌표축 및 눈금 (원점: (200, 150), 1단위 = 20px) -->
<g class="coordinate-system">
    <!-- X축 -->
    <line x1="0" y1="150" x2="400" y2="150" class="axis-line"/>
    <!-- Y축 -->
    <line x1="200" y1="0" x2="200" y2="300" class="axis-line"/>

    <!-- X축 화살표 -->
    <path d="M 395 145 L 400 150 L 395 155" fill="#1F2937"/>
    <!-- Y축 화살표 -->
    <path d="M 195 5 L 200 0 L 205 5" fill="#1F2937"/>

    <!-- 원점 'O' 레이블 -->
    <text x="205" y="165" class="label">O</text>

    <!-- X축 눈금 및 레이블 -->
    <!-- x 값: -3, -2, -1, 1, 2, 3 -->
    <!-- SVG x 좌표: 200 + x*20 -->
    <line x1="140" y1="147" x2="140" y2="153" class="tick-line"/>
    <text x="140" y="165" text-anchor="middle" class="axis-label">-3</text>
    <line x1="160" y1="147" x2="160" y2="153" class="tick-line"/>
    <text x="160" y="165" text-anchor="middle" class="axis-label">-2</text>
    <line x1="180" y1="147" x2="180" y2="153" class="tick-line"/>
    <text x="180" y="165" text-anchor="middle" class="axis-label">-1</text>

    <line x1="220" y1="147" x2="220" y2="153" class="tick-line"/>
    <text x="220" y="165" text-anchor="middle" class="axis-label">1</text>
    <line x1="240" y1="147" x2="240" y2="153" class="tick-line"/>
    <text x="240" y="165" text-anchor="middle" class="axis-label">2</text>
    <line x1="260" y1="147" x2="260" y2="153" class="tick-line"/>
    <text x="260" y="165" text-anchor="middle" class="axis-label">3</text>
    <text x="390" y="165" text-anchor="end" class="label">x</text>

    <!-- Y축 눈금 및 레이블 -->
    <!-- y 값: -6, -3, 3, 6 -->
    <!-- SVG y 좌표: 150 - y*20 -->
    <line x1="197" y1="270" x2="203" y2="270" class="tick-line"/>
    <text x="190" y="275" text-anchor="end" class="axis-label">-6</text>
    <line x1="197" y1="210" x2="203" y2="210" class="tick-line"/>
    <text x="190" y="215" text-anchor="end" class="axis-label">-3</text>
    <line x1="197" y1="90" x2="203" y2="90" class="tick-line"/>
    <text x="190" y="95" text-anchor="end" class="axis-label">3</text>
    <line x1="197" y1="30" x2="203" y2="30" class="tick-line"/>
    <text x="190" y="35" text-anchor="end" class="axis-label">6</text>
    <text x="215" y="15" text-anchor="start" class="label">y</text>
</g>

<!-- 정비례 관계 y = 3x 그래프 -->
<!-- x=-3, y=-9 (SVG: 140, 330) 에서 x=3, y=9 (SVG: 260, -30) 까지 선을 그림 -->
<line x1="140" y1="330" x2="260" y2="-30" class="graph-line"/>
<text x="250" y="15" class="label" text-anchor="start">y = 3x</text>

<!-- 문제에 주어진 점들 -->
<!-- (1) A(-1, 3) -->
<!-- 수학 좌표 (-1, 3) -> SVG 좌표 (200 + (-1)*20, 150 - 3*20) = (180, 90) -->
<circle cx="180" cy="90" r="3" class="point-dot"/>
<text x="170" y="85" class="label">A</text>

<!-- (2) B(1, -3) -->
<!-- 수학 좌표 (1, -3) -> SVG 좌표 (200 + 1*20, 150 - (-3)*20) = (220, 210) -->
<circle cx="220" cy="210" r="3" class="point-dot"/>
<text x="210" y="205" class="label">B</text>

<!-- (3) C(2, 6) -->
<!-- 수학 좌표 (2, 6) -> SVG 좌표 (200 + 2*20, 150 - 6*20) = (240, 30) -->
<circle cx="240" cy="30" r="3" class="point-dot"/>
<text x="245" y="45" class="label">C</text>

<!-- (4) D(-2, 3) -->
<!-- 수학 좌표 (-2, 3) -> SVG 좌표 (200 + (-2)*20, 150 - 3*20) = (160, 90) -->
<circle cx="160" cy="90" r="3" class="point-dot"/>
<text x="150" y="85" class="label">D</text>

<!-- (5) E(0, 3) -->
<!-- 수학 좌표 (0, 3) -> SVG 좌표 (200 + 0*20, 150 - 3*20) = (200, 90) -->
<circle cx="200" cy="90" r="3" class="point-dot"/>
<text x="205" y="85" class="label">E</text>