지진 에너지 그래프 작업

● 지진 에너지 그래프 작업

> 들어가는 말

1. 소스 코드를 첨부하니 방금 썼던 긴 글까지 모두 날아갔다. 그래서 데이터 파일을 분리하고 다시 글 쓴다.

2. 한번 더 정리하면, 지진은 에너지이므로 해당 년월에 발생한 지진 에너지() 그래프를 그릴 경우 어떤 모양일지 보고 싶었다. 

> 결과

지진발생횟수 및 최대강도

해당월에 발생한 지진 에너지의 총량 비교

> 반성

1. 클래스를 도입했다. 복수개의 그래프를 한페이지에 그리며 확장성과 재사용성이 중요해졌기 때문이다.

2. 처음에는 좀 짜증났지만 도입하고 나니 소스가 월등이 강력해(?)졌다. Nodejs를 그렇게 팠어도 이제까지 자바스크립트에 클래스를 쓴 적이 없는데 뜬금없이 d3에 클래스를 적용(해야만) 할 줄은 몰랐다. 그리고 리팩토링을 하면서 d3에 대한 이해도가 월등히 증가했다. 역시 학습 알고리즘 중 최고는 '재귀'다. 어떻게 보면 딥러닝도 곧 재귀다.

3. 그래프를 보면 에너지의 빈부 격차가 커졌다. 실제 의미있는 달은 몇 달이 되지 않았다.

4. 많은 가로 데이터( 12달 * 39년 = 480달)를 정해진 픽셀에 표현하다보니 마우스를 롤오버시켜도 선택이 되지 않아 누락되는 지진정보가 보인다. 또 x축 시간을 기준으로 d3.bisector()를 이용하여 해당하는 데이터를 뽑다보니 energy 정보가 없는 달(undefined)이 많이 보인다(svgWidth를 크게 하면 선택이 된다)

이유는 기상청에서 지진 정보만 뽑았을 때 아예 지진이 없는 달도 많았는데 이러한 경우를 빼고 그래프를 그릴 경우 정보의 왜곡이 발생한다. 그래서 지진이 없는 달들을 체크해 해당 달의 객체를 만들고 그런 달의 count와 energy에 0을 '더미'로 넣어놨는데 이렇게 지진이 없던 달이 undefined로 나오는 것이다. 어찌보면 0보다 더 맞는 말이기에 수정하지 않았다.

3. 이제 좀 다른 그래프를 그려보고 싶다. path와 circle 그래프는 구역질이 난다. 다음에는 원형챠트와 가로챠트를 그려보려 한다. 그리고 나서 지도를 만들면 웬만한 그래프 라이브러리는 다 준비가 될 것이다.

4. 으앙