지진 연도별 발생 횟수 시각화 작업 1차 완료

● 지진 연도별 발생 횟수 시각화 작업 1차 완료

> 결과 먼저

아래 그래프는 실제 코드로 그린 거다. 마우스를 올리거나 클릭하면 해당 지진 정보를 확인할 수 있다.

<지진발생횟수 및 최대강도>

> 들어가는 말

1. 1월 1일을 이것에 몽땅 투자했다ㅋ

2. 그래프 하나에 내가 원하는 기능들을 모두 넣어봤다.

> 기능 정리

1. 그래프 애니메이션을 넣었다. 왼쪽에서 오른쪽으로 그려진다. 나름 괜찮다.

2. 바탕에 가로세로 점선 그리드를 넣었다.

3. 지진 규모를 나타내는 원의 크기를 키웠다.

4. 각 눈금에 text를 넣었다.

5. count line에 영역 색을 칠했다.

6. 마우스 롤오버시 가로세로 가이드 선이 나타난다.

 - 가이드 선은 현재 마우스의 위치가 아닌 해당 지진의 정보를 기준으로 정확하게 가이드한다.

 - 세로 가이드선과 만나는 라인 그래프(지진횟수) 위에 조그만 원을 보여준다. 

7. 클릭시 해당 지진의 상세 정보가 툴팁으로 나타난다.

8. 툴팁은 화면을 벗어나지 않게 위치에 따라 적절하게 나타난다.

9. 만약 기상청에 해당 지진의 이미지가 있다면 보여준다.

기능은 대충 이 정도인 것 같다. 하여간에 구현하고 싶은 기능은 모두 구현했다. 

> 반성

1. 고생은 많았지만 D3가 재밌긴 하다 ㅋ

2. 이제 원챠트와 가로챠트 라이브러리용으로 만들어놓고

3. 지도 위에도 뿌려보고

4. 지도위에 마우스를 클릭해 지진을 일으켰을 때 다른 지역에 몇의 강도로 지진의 영향이 미치는지 게임처럼 만든후

5. 그 밖에 워드 클라우드나 몇가지 이색적인 챠트를 몽땅 만들어 라이브러리화 하고

6. 경계의 경영 만들자. 1월까지 기획 완성하고 2월부터는 개발 들어가도록 하자.

7. 디자인 더미로 놓고 포폴 수준으로 2주간 개발하고

8. 나머지 2주간 서비스가 실제로 쓸만한지 이것저것 테스트해본후

9. 괜찮다 싶으면 3월 한달간 미쳐서 만들자.

10. 이번에는 처음부터 결제 모듈을 붙여 유료화 할 거다. 고객들이 행복에 겨워 결제할만한 서비스를 만들자.

11. 크하하하하하하하