KB 매매지수와 전세지수 (feat. 모션 차트)

라인 차트로 본 매매지수와 전세지수

KB주간시계열에서 매주 변동되는 매매지수와 전세지수를 확인할 수 있다. 이를 라인 차트로 그리면 각각의 흐름이 어느 방향인지 알 수 있다. 아래 차트는 2010. 1. 4부터 2021. 9. 13까지 매매와 전세지수를 라인 차트로 그린 것이다. 

차트를 보자. 매매지수는 하락을 지속하다 2013년부터 바닥을 다지기 시작한다. 그리고 2014년부터 지금까지 계속 우상향하는 모습을 보인다. 전세지수는 상승을 지속하던 중 매매지수가 어느 정도 올라오자 정체 현상을 보인다. 잠시 소강 상태를 보이다가 매매지수를 따라 오르고 있다. 

2% 부족하다

"X축에 매매지수, Y축에 전세지수를 놓고 시간의 흐름에 따른 변화를 보고 싶어! 만들어줘!"

'Chart.js 예제 중에 그런 기능은 못 본 것 같은데… 그래도 해줘야지!'

그래, 매매와 전세지수를 라인 차트로 만들어서 흐름을 볼 수는 있지만, 둘을 엮어서 생각하기란 쉽지 않구나. 매매와 전세지수를 x, y 좌표로 만들어서 시간 흐름에 따른 변화를 표현할 수 있으면, 동 시간대에 매매와 전세가 어떤 방향성을 가지고 있는지 짐작할 수 있을 것도 같다. 검색해 보니, 이런 차트를 모션 차트(Motion Chart)라고 칭하는 것 같다. 

모션 차트로 본 매매지수와 전세지수

먼저 동영상을 보자.

마치 매매지수와 전세지수가 살아 움직이는 것 같다. 라인 차트에서는 매매와 전세지수를 각각 따로 봐야 했었는데, 모션 차트에서는 움직임을 한 번에 알아차릴 수 있어서 좋다.   

위로 이동하는 것은 전세지수의 상승이고, 오른쪽으로 이동하는 것은 매매지수의 상승이다. 반대 방향은 하락을 의미한다. 그리고 점과 점 사이의 간격이 넓을수록 지수의 상승(하락)폭이 크다. 확실히 라인 차트에 비해 더 입체적으로 방향성을 감지할 수 있다.