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(..

● 한반도 지진 시각화 작업 완성 > 들어가는 말 1. 지난 연말 시작했던 한반도 지진 시각화 작업이 일단락됐다. > 작업 이미지 > 결과 - 실시간 기상청 지진 데이터 + 서버 까지 도메인으로 만들어 올려놓으려고 한다. 그러면 접속도 쉽고 항상 최신 데이터니 쓸만 할거다. - 그리고 기상청과 지진을 연구하거나 공부하는 사람들에게 주소만 홍보(?)해 놓고 끝이다.- 지도는 확대/축소 및 moving이 가능하다. 지진발생횟수 및 최대강도 해당월에 발생한 지진 에너지의 총량 비교 지진규모 비율 지역별 지진 발생수 지진발생지역 > 반성1. 작업은 예상보다 (당연히) 오래 걸렸고 예상보다 (훨씬) 어려웠다.2. 그냥 하드코딩하는 것과 oop로 짜는 것은 완전히 다르기 때문이다.3. 무엇보다 내가 무얼 만들고 어..

● 한반도 지진 발생지역 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. D3를 익히기 위해 시작한 프로젝트, 이제 지도만이 남았다.2. 확실히 D3는 자유롭다. 하지만 그 만큼 빡시다. 지금 생각에는 아마도, 고퀄의 시각화가 필요할때는 D3, 일반적인 상황에서는 구글 챠트를 사용할 것 같다.3. 그럼에도 빅데이터 시각화에는 D3가 필요하다. 원하는 시각화가 본적이 없는 시각화일때 특히 그러하다. > 작업 중1. 일단 지도 만들고 위도, 경도에 맞춰 지진 발생지역들을 몽땅 찍어봤다.2. 북한에서 일어난 지진은 (당연히) 나오지 않는다. 남한지도기 때문이다;;3. 지역 이름이 좀 이상하게 나왔다. 원하는 지역을 다 표시하면 지도가 까맣게 나올 정도로 이름이 많고 시군면 지도기 때문에 필터처리를 해도 같은 제주시 X면, 제주시 X..

● 지역별 지진 발생수 시각화 > 들어가는 말1. D3 라이브러리 R&D도 중반에 접어든 기분?이다.2. 이번에는 이제까지 어느 지역에 지진이 가장 많이 발생했는지 시각화해 보았다. > 결과 1. 경북 경주시가 월등하다.2. 북한 황해도에도 지진이 많이 일어났다.3. 지진 최대규모와 발생수간에 엄밀한 관계는 없어 보인다.4. 경북, 충남, 전남, 인천, 제주등 전국에서 지진이 고르게 일어나고 있다. 좋지 않다. 지진발생횟수 및 최대강도 해당월에 발생한 지진 에너지의 총량 비교 지진규모 비율 지역별 지진 발생수 > 반성1. 이제 어느 정도 D3가 몸에 익었다.2. 다음은 지도에 표현할 차례다.3. 다행히 작업 파일들은 구글드라이브 연동이 끝나 작업을 할 수 있게 됐다. 지난 경험으로 미루어 앞으로도 2,3..

● 지진 규모별 원형 챠트 > 들어가는 말 1. 언제나 느끼는 거지만 데이터 가공이 훨씬 더 힘들다. 2. 어떤 개발이든 '예제'와 '실전'은 다르다. 겉으로 보기에는 큰 차이 없지만 '실제'로 내가 '원하는' 것 을 만들때, '예제'를 적용할 수 있는 부분은 거의 없다. > 일단 결과 지진발생횟수 및 최대강도 해당월에 발생한 지진 에너지의 총량 비교 지진규모 비율 > 반성 1. 공부는 실전으로 해야한다. 자전거는 엎어져 가며 배워야 하고, 주식은 돈을 잃어가며 배워야 하며, 사람들에게 많이 배신 당해야만 제대로 된 사람을 만날 수 있다. 코딩도 마찬가지. 좋은 버그가 강한 코드를 만든다. 코딩계에 만연한 백문이 불여일'타'는 잘못된 말이다. 단순하게 코드만 읽는 것보다 조금 나을 뿐이지, 결코 좋은 방..

티스토리에서 내 블로그 결산을 해줬다 ㅡ,ㅡ www.tistory.com/thankyou/2017/tistory/2194273 지금 d3에 빠져있다보니 d3가 제일 먼저 보인다. d3의 cloud 레이아웃을 이용해 워드 클라우드를 만들었고 path로 선형 그래프를 만들었다. 기술 수준은 논할게 없고 디자인은 깔끔하니 좋다. d3를 이용해 클라우드 작업도 해봐야겠다. 이쁘다.

● 지진 에너지 그래프 작업 > 들어가는 말1. 소스 코드를 첨부하니 방금 썼던 긴 글까지 모두 날아갔다. 그래서 데이터 파일을 분리하고 다시 글 쓴다.2. 한번 더 정리하면, 지진은 에너지이므로 해당 년월에 발생한 지진 에너지() 그래프를 그릴 경우 어떤 모양일지 보고 싶었다. > 결과 지진발생횟수 및 최대강도 해당월에 발생한 지진 에너지의 총량 비교 > 반성1. 클래스를 도입했다. 복수개의 그래프를 한페이지에 그리며 확장성과 재사용성이 중요해졌기 때문이다.2. 처음에는 좀 짜증났지만 도입하고 나니 소스가 월등이 강력해(?)졌다. Nodejs를 그렇게 팠어도 이제까지 자바스크립트에 클래스를 쓴 적이 없는데 뜬금없이 d3에 클래스를 적용(해야만) 할 줄은 몰랐다. 그리고 리팩토링을 하면서 d3에 대한 이..

● 지진 연도별 발생 횟수 시각화 작업 1차 완료 > 결과 먼저 아래 그래프는 실제 코드로 그린 거다. 마우스를 올리거나 클릭하면 해당 지진 정보를 확인할 수 있다. > 들어가는 말1. 1월 1일을 이것에 몽땅 투자했다ㅋ2. 그래프 하나에 내가 원하는 기능들을 모두 넣어봤다. > 기능 정리 1. 그래프 애니메이션을 넣었다. 왼쪽에서 오른쪽으로 그려진다. 나름 괜찮다.2. 바탕에 가로세로 점선 그리드를 넣었다.3. 지진 규모를 나타내는 원의 크기를 키웠다.4. 각 눈금에 text를 넣었다.5. count line에 영역 색을 칠했다.6. 마우스 롤오버시 가로세로 가이드 선이 나타난다. - 가이드 선은 현재 마우스의 위치가 아닌 해당 지진의 정보를 기준으로 정확하게 가이드한다. - 세로 가이드선과 만나는 라..

● 지진 연도별 발생 횟수 시각화 2(작업중) > 들어가는 말 1. 어제까지 작업한 것 2. 다시 봐도 엉망이다 ㅡ,ㅡ > 실행 1. 눈금과 연도 각 스케일을 모두 맞췄다. 2. 왼쪽 눈금에는 그 달의 지진 발생수, 오른쪽 눈금에는 그 달의 최대 지진 강도를 표시했다. 원의 반지름은 지진 강도와 비례한다. 3. 그래프를 보면 70년대 말, 80년대 초에 강도가 높은 지진들이 꽤 발생했다. 그럼에도 지진의 절대수는 많지 않았다(아마 측정 기계수준이 떨어진 점도 있을 거다) 4. 2013년을 기점으로 지진의 발생수가 확실히 증가하고있다. 5. 하지만 지진횟수가 급격히 늘어난 것에 비해 최대강도의 증감 변화는 작아 보인다. 예전에도 저렇게 강한 지진이 많이 있었는지 몰랐다. 6. 데이터 원본을 보니 북한에서 ..