안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 여러 능력을 비교하는 ‘레이더 차트’를 배웠죠? 오늘은 수많은 데이터 점들을 밤하늘의 별처럼 흩뿌려 그 사이의 비밀을 찾아내는 ‘산점도(Scatter Chart) 마법’을 배워보겠습니다. 흩어진 점들 속에서 일정한 방향이나 규칙을 찾아내는 아주 신비로운 마법이에요!
1. 산점도란 무엇인가요? ‘데이터 별자리 지도’
산점도는 가로축(X)과 세로축(Y) 두 가지 정보를 이용해 점을 찍는 그래프예요. 예를 들어 ‘마법 공부 시간’과 ‘시험 점수’라는 두 데이터를 점으로 찍어보면, 공부를 많이 할수록 점수가 올라가는지 한눈에 알 수 있죠. 점들이 모여서 만드는 모양이 마치 밤하늘의 별자리 같지 않나요?
2. 데이터 점 흩뿌리기 (코드)
Chart.js 도서관에서 타입(type)을 'scatter'로 설정하고, x와 y 값이 쌍을 이루는 데이터를 넣어봅시다.
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<h2 style="text-align:center;">✨ 마법 연습 시간과 성공률의 비밀</h2>
<div style="width: 500px; margin: auto;">
<canvas id="magicScatterChart"></canvas>
</div>
<script>
const ctx = document.getElementById('magicScatterChart');
new Chart(ctx, {
type: 'scatter', // 산점도 주문!
data: {
datasets: [{
label: '마법사들의 데이터',
data: [
{x: 1, y: 10}, {x: 2, y: 25}, {x: 3, y: 35},
{x: 4, y: 55}, {x: 5, y: 70}, {x: 6, y: 85},
{x: 2, y: 15}, {x: 5, y: 60}, {x: 7, y: 95}
],
backgroundColor: '#ff9f43'
}]
},
options: {
scales: {
x: { title: { display: true, text: '연습 시간 (시간)' } },
y: { title: { display: true, text: '마법 성공률 (%)' } }
}
}
});
</script>
</body>
</html>3. 산점도의 핵심: 상관관계(Correlation)
산점도에서 점들이 흐르는 방향을 보면 두 데이터가 어떤 사이인지 알 수 있어요.
1. 오른쪽 위로 향할 때: 하나가 커지면 다른 하나도 커지는 ‘친한 사이’예요.
2. 흩어져 있을 때: 두 데이터는 서로 아무 상관이 없는 ‘모르는 사이’예요.
사용자님께서 개발 중이신 ‘EduPad’에서 아이가 푼 문제 수와 성적의 관계를 산점도로 보여주면, “문제를 많이 풀수록 성적이 쑥쑥 오르는구나!”라는 규칙을 아이가 직접 발견하게 됩니다.
4. 아이들과 함께하는 ‘신발 크기와 키’ 조사 놀이
가족이나 친구들의 신발 크기(X)와 키(Y)를 물어보고 모눈종이에 점을 찍어보세요. “신발이 큰 사람은 키도 큰 편일까?”라고 질문하며 점들이 일정한 줄을 만드는지 확인해 보세요. “이게 바로 데이터 속에 숨은 별자리(패턴)를 찾는 마법이란다”라고 설명해 주시면 아이는 통계적 사고의 첫걸음을 떼게 됩니다.
마치며: 보이지 않는 것을 보는 눈
오늘은 무질서해 보이는 숫자들 속에서 규칙을 찾아내는 산점도 마법을 배웠습니다. 데이터 마법사는 남들이 보지 못하는 비밀을 찾아내는 사람이에요! 다음 시간에는 여러 데이터를 겹쳐서 비교하는 ‘데이터의 층 쌓기: 콤보 차트 마법’을 배워보겠습니다. 더 복잡한 마법도 척척 분석해 볼까요? 다음 시간에 만나요!
