Wookang makes AI

●  한반도 지진 데이터 시각화 최종 결과물   

> 개요

1. 기상청 1978년 8월부터 2018년 3월 4일 새벽 0시 52분 지진까지 모든 지진 데이터 분석.

- 총 1723회.

- 총 크롤링 시간 2분 미만. node.js 이용. 

- 조회 목록 999 제한으로 1978년부터 2011년까지 한번, 나머지 기간 다시 한번으로 분리해서 수집.

2. 지도는 여기 블로그 (danielykim.github.io)에 올린 TopoJson 파일 이용

3. d3.js로 시각화.

4. 추가로 사용한 라이브러리는 

- lodash(데이터 처리. 뒤늦게 적용하여 적극 활용x)

- d3.tip.js(마우스 클릭시 툴팁 표시)

- d3.format.js(숫자 표현 처리. 지진 에너지의 숫자가 커서 지수 도입)

- d3-queue.v3.js(지진데이터와 지도 데이터 순차적 로딩)

- topojson.v1.js(지도 데이터 처리)

- d3-scale-chromatic.v.js(지도 색깔 처리. d3.interpolateOrRd 사용)

5. 소스코드는 원하시는 분이 계시면 덧글로.

- 다만 github에 올리지 않은 이유도 같은데, 코드만 보고 이해하기 좀 어려울 수 있겠다.

5. 지진을 공부(?)하시는 분이나 연구하시는 분들에게 색다른 시각이나 어떤 도움이 되었으면 좋겠다.

> 결과물

● 한반도 지진 시각화 작업 완성   

> 들어가는 말

1. 지난 연말 시작했던 한반도 지진 시각화 작업이 일단락됐다.

> 작업 이미지

> 결과

- 실시간 기상청 지진 데이터 + 서버 까지 도메인으로 만들어 올려놓으려고 한다. 그러면 접속도 쉽고 항상 최신 데이터니 쓸만 할거다.

- 그리고 기상청과 지진을 연구하거나 공부하는 사람들에게 주소만 홍보(?)해 놓고 끝이다.

- 지도는 확대/축소 및 moving이 가능하다. 

● 한반도 지진 발생지역 1차 완성

> 개요

1. 1978년부터 2018년 1월까지 발생한 모든 지진들을 지도 하나에 표현해봤다.

2. 원의 크기는 지진의 강도를 표현한다.

3. 원의 색이 파란색에 가까울 수록 최근에 발생한 지진이다. 원의 색이 옅어 질수록 오래전에 발생한 지진이다.

- 색의 범위는 rgba( 254 ~ 0, 254 ~ 0, 255, 0.2 ) 와 같다.

- 즉 최초의 지진기록인 1978년  8월은 값이 254로 rgba( 254, 254, 255, 0.2 ) 가 되어 거의 색이 나타나지 않고 2018년 1월의 지진은 rgba( 0,0, 255, 0.2)가 되어 가장 진한 색으로 칠해진다.

- 알파가 0.2 으므로 기본적으로 색이 옅다. 따라서 비슷한 지역에 여러번 지진이 일어났을 경우 그 색이 중첩되어 진해진다.

> 결론

1. 최근에 일어나고 지진 규모가 크고 비슷한 지역에 여러번 지진이 일어났을 경우 눈에 잘띈다...

2. ..만 솔직히 잘 안띈다. 무려 40년동안 일어난 1717개의 지진을 겨우 255범위안에 그것도 파란색에 한정해서 더구나 알파 0.2를 먹여서 표현했기 때문이다.  ㅋㅋ 무언가 좋은 색 범위가 있을 것 같은데 그건 좀 더 고민해 봐야겠다. 이럴땐 정말 디자이너가 있으면 좋겠다는 생각이다.

3. 어쨌든 아래 결과를 보면 포항시와 경주시, 그리고 보령시(라지만 서해안 멀리)에 의미 있는 지진이 발생하고 있음을 알 수 있다. 그리고 북한 서해안, 저기가 어딘지는 모르겠지만 저쪽과 음, 포항시 위에 영덕군 쪽 동해안에도 지진이 꽤 크고 반복해서 발생하고 있다. 

4. 그리고 생각보다 많은 지진들이 내륙에서 일어나고 있다. 보기에 따라서는 포항,경주에서 서해안 보령, 서산까지 쭈욱 지진이 이어지는 것처럼 보인다.

> 복기

1. 아쉬운 것은 가중치를 어디에 두면 좋을지다. 내가 지진 자체에 대해 잘 모르다보니 최근에 일어난 지진에 좀 더 가중을 둬야할지 지진강도에 둬야 할지, 반복횟수에 둬야 할지 몰라 내 마음대로 주다보니 원의 색과 크기가 주는 의미가 '실제 지진이 주는 정보'를 왜곡시킬 수 있다는 약간의 걱정이다.

2. 이제 지진 줌인아웃과 원을 클릭했을 때 해당 지진에 대한 상세정보를 보여주기만 하면 끝난다. 뭔가 좀 아쉬운데, 뭐 더 추가할 거 없을까 모르겠다.

3. 게임처럼 여기에 지진 발생기능까지 넣어보려 한다. 디자인이 문제지 개발 자체는 오래 안걸릴 것 같다.

4. 다 완성되면 기상청에서 새로운 지진 데이터를 가져오는 자동 크롤링 기능까지 추가해 서버에 올릴 생각이다. 인터랙티브하게 실시간 가중치를 바꾸는 기능도 넣으면 좋겠으나, 대체 누가 그걸 바꿔보고 있겠는가! 지진을 연구하는 누군가의 요청이 아주 혹시라도 있다면 그때 만들겠다.

5. 그러면 이 프로젝트도 끝이다. 다른 또 무얼 만들어볼까나.

• 한글키를 누를때마다 작은 팝업이 떴다가 사라진다. 이걸 없애자.

1. 키보드 설정으로 들어간 후 > 전역설정 > 모양으로 가자.

2. 다음 하단의 '고급설정'을 활성화시킨다.

3. 그러면 아래 같이 가장 위에 Show Input Method Hind After Input method changed가 활성화 되어 있다. 이걸 아래 이미지 처럼 diable 시키자.

4. 이제 어떤 팝업도 뜨지 않는다.

• 한글 입력기를 ibus -> fcitx 로 바꾸면 세미콜론을 누를때마다 아래와 같은 팝업이 뒤찮게 뜬다. 없애자.

1. 상단의 고정메뉴에서 키보드를 찾아 클릭 한 후 설정에 들어간다.

2. 그럼 아래와 같은 화면이 뜬다. 에드온을 찾아가서 Quickphrase를 더블클릭

3. 아래와 같이 없음으로 바꾼다 > 확인

4. 이제 팝업이 뜨지 않는다.

• 구글링을 통해 여러 방법을 시도해보았지만 모두 에러가 났다.

• 2016년까지의 답변들은 모두 해당 패키지를 찾을 수 없다며 에러를 냈다.

• 다행히 아래의 방법으로 해결했다

• https://askubuntu.com/questions/671242/adobe-flashplugin-works-for-chromium-but-doesnt-work-for-firefox

• 아래와 같이 적용한 후 크롬을 닫고 재시작하면 정상적으로 플래시가 적용된다.

• sudo add-apt-repository ppa:nilarimogard/webupd8

• sudo apt-get update

• sudo apt-get install freshplayerplugin

● 한반도 지진 지도 제작 중

> 들어가는 말

1. D3를 익히기 위해 시작한 프로젝트, 이제 지도만이 남았다.

2. 확실히 D3는 자유롭다. 하지만 그 만큼 빡시다. 지금 생각에는 아마도, 고퀄의 시각화가 필요할때는 D3, 일반적인 상황에서는 구글 챠트를 사용할 것 같다.

3. 그럼에도 빅데이터 시각화에는 D3가 필요하다. 원하는 시각화가 본적이 없는 시각화일때 특히 그러하다.

> 작업 중

1. 일단 지도 만들고 위도, 경도에 맞춰 지진 발생지역들을 몽땅 찍어봤다.

2. 북한에서 일어난 지진은 (당연히) 나오지 않는다. 남한지도기 때문이다;;

3. 지역 이름이 좀 이상하게 나왔다. 원하는 지역을 다 표시하면 지도가 까맣게 나올 정도로 이름이 많고 시군면 지도기 때문에 필터처리를 해도 같은 제주시 X면, 제주시 X면 처럼 중복된 이름이 많다. 그래서 같은 지역이름이 여러개일 경우 하나만 나오게 했더니 아래 이미지처럼 제주도가 북으로 한껏 올라가 버렸다. 이건 뭐 논리적으로 어떻게 할 수가 없다. 데이터 자체가 그렇게 생겨먹었으니까. 보기좋게 하려면 일일이 커스터마이징해야하는데 그건 포기 ㅋ

> 확인

- 한반도 전역이 지진 지역으로 보인다. 그나마 강원도와 경기 서울에 지진이 제일 적다.

- 동해 서해 남해 가릴 것 없다. 

- 클릭해서 지진을 일으킨 후 그 강도에 따라 서울에 전해지는 지진의 효과까지 만들어보고 싶은데, 다른 개발할 것도 많고, 문서작업도 좀 있고, 언제까지 끝낼 수 있을지 모르겠다. 아마 3월 말까지는 개발완료하지 않을까 싶다.

• Dropbox 설치

• https://www.dropbox.com/ko/install-linux

1. 먼저 64bit dropbox 설치

• $ cd ~ && wget -O - "https://www.dropbox.com/download?plat=lnx.x86_64" | tar xzf -

2. 그 다음, 새로 만든 .dropbox-dist 폴더에서 Dropbox를 실행

• ~/.dropbox-dist/dropboxd

3. 실행시키면 아래와 같은 메시지가 뜬다.

4. 해당 링크로 접속하여 확인을 누르면 홈폴더 아래 dropbox폴더가 생성된다.

5. 서버에서는 terminal 만을 사용하기 때문에 웹을 통한 account 생성이 어렵다. 하지만 이 링크는 확인만을 원하기 때문에 꼭 aws가 아니라 내 pc에서 같은 주소로 접속해도 문제없이 server 컴퓨터에 계정이 연결된다.

6. ~/Dropbox 안에 공유 폴더가 생긴다. 이제 연결된 것이다.

• vi 줄번호 매기기

• vi 창에 esc키를 누른 후 set number 를 치면 된다.

• default로 적용시키려면 아래와 같이 설정 파일을 먼저 만든 후 set number를 적고 저장하면 된다.

• vi 줄 전체 삭제하기

• esc키를 누른 후

• dd

• 현재 줄 부터 줄번호 20까지 지우고 싶다면

• 20dd

• 마우스 스크롤 속도 높이기

• 하여간에 리눅스는 다 직접해야 한다;

1. sudo apt-get install -y imwheel

2. 다음 아래와 같이 설정 파일을 만들고

• vi ~/.imwheelrc

3. 내용을 붙여 넣은 후

• 아래의 4는 바꾼 값이다. 기본 값은 3이다

• Button4는 scroll up 마우스 이벤트고 마찬가지로

• Button5는 scroll down 마우스 이벤트다.

4. 설정 파일을 적용한다.

• imwheel -k

• 5. 컴퓨터가 부팅할 때마다 적용하려면

• 끝