시각화를 배우고 정리합니다

‘대학정보공시’는 2008년부터 시행된 「교육관련기관의 정보공개에 관한 특례법」에 따라 대학의주요정보를 신속하고 정확하게 제공하는 제도입니다. '대학정보공시'에 따라 교육부와 한국대학교육협의회는 ‘대학알리미’(http://www.academyinfo.go.kr/) 를 통해 대학의 주요정보를 시기별로 제공하고 있습니다. 지금 네이버나 다음 등에서 '대학알리미'를 검색하고 들어가서, 대학별 정보를 검색해 보시기 바랍니다.^^

▶ d3.js 튜토리얼 ⑨ :: d3.nest() API 활용하기 d3를 공부하다보면, 이 d3.nest() API를 자주보게 되는데, 아마 그만큼 이 API가 유용하고, 효율적이기 때문일것이라고 생각한다. mike bostock의 예제 중 트리맵, 덴드로그램 예제, 그리고 이 외에 네트워크 시각화 관련예제에서도 이 d3.nest() API가 자주 사용되기때문에, 이 API가 다른 경우보다 조금 복잡하게 느껴지는 감이 있더라도, 마음먹고 꼼꼼하게 살펴보아야 한다. d3.nest() : 데이터를 트리구조로 변환하고자할 때 유용한 APId3.nest()는 .key() method를 이용하여 '데이터의 무엇을 key로 해서 데이터를 수집할 지' 를 지정할 수 있다. 수집할 데이터를 전달하고 결과를 배열이나 맵..

▶교육 :: 우리나라의 스포츠 정책과 발달과정이글에서는 최초의 근대식 운동회인'화류회'부터 우리나라가 지금의 '스포츠강국'이 되기까지의 시기별 체육정책과 그에대한 내용을 정리해보고자 한다. '운동회'개념의 등장 운동회의 사전적 개념을 살펴보면, "여러사람이모여 여러가지 운동경기를 하는 것"이라고 정의되어있다. 국가기록원에따르면 우리나라에서 열린 최초의 근대적의미의 운동회는 1896년 5월2일에 열린 영어학교의 '화류회'라고 소개하고있다. 이후 1897년에 '영어학교 대운동회', 1898년 '외국어학교연합운동회'가 열렸는데, 당시 운동회의 종목이 100/200/400 경주, 멀리뛰기/높이뛰기/씨름등으로 종목별 구분이 이루어져있다는 점, 그리고 민속경기인 '씨름'도 종목으로 포함하고 있다는 점이 눈에띈다. ..

▶웹 개발지식 :: 부트스트랩(Bootstrap)이란? 부트스트랩(Bootstrap)이란 무엇일까? 부트스트랩은 웹에 뭣좀 해보려고하면(?) 마주치는 개념 여러가지 중 하나다. 무시하고 그냥 넘어가기에는 너무 자주보이기때문에, 한번 쯤 정리해볼 필요가 있는 것 같다. 부트스트랩(Bootstrap)의 개념 [사진 : 부트스트랩공식페이지 캡쳐화면] 고맙게도(?) 부트스트랩은 한국어페이지도 있는데, 부트스트랩 한국어페이지에서는 부트스트랩을 다음과 같이 한줄로 정의하고 있다. 부트스트랩의 개념 위 사진에서 보는 것처럼, 부트스트랩 한국어페이지에서는 "부트스트랩은 반응형이며 모바일 우선인 웹프로젝트 개발을 위한 가장 인기있는 HTML, CSS, JS 프레임워크입니다."라고 정의를 하고 있다. 여기서 "반응형이며"..

▶SITE :: 웹콘텐츠 기획사례 - 뉴욕타임즈의 네일샵 관련 기사 분석이 글에서 살펴보려고하는 웹콘텐츠는, 이번에 뉴욕타임즈에서 보도된 기사이다. 이 기사에 대해 중앙SUNDAY는 "상식파괴한 디지털퍼스트전략 화제"라고 언급했을 정도로, 이번 뉴욕타임즈의 기사는 기존에 우리가 보던 것들과는 형태가 많이 다르다. [사진 : www.nytimes.com/2015/05/10/nyregion/at-nail-salons-in-nyc-manicurists-are-underpaid-and-unprotected.htm] 이 기사를 접하게된 것은 '중앙SUNDAY'신문을 통해서 였다. 각 나라마다 '어두운삶'을 주제로 다룰 수 있는이야기는 많기때문에, 주제만 놓고보았을 때 특별하게 느껴지지는 않았다. 이 기사가 흥미로..

제주도 유동인구 데이터 시각화[진행중]사용데이터: 지번단위 유동인구

▶d3.js 튜토리얼 :: leaflet map 라이브러리 활용하기 ② leaflet map with GeoJSON지난 글에서 [▶d3.js 튜토리얼 :: Leaflet map 라이브러리 활용하기 ① 기본설정] 을 통해 기본적으로 html안에서 leaflet map을 어떻게 셋팅하는지에 대해서 살펴보았다. 이글에서는 이 leaflet map레이어위에 다른 데이터(여기서는 GeoJSON)를 엮는 과정을 살펴보려고한다. leaflet with GeoJSON이번에는 leaflet map에 GeoJSON을 활용하여 매핑하는 과정에 대해서 살펴보려고한다. GeoJSON은 d3에서도 많이 활용되는 지오데이터 형식이다. 이 형식은 매우 유연해서, leaflet 맵을 처리하는데 있어서도 유연하게 작동하고있다. GeoJ..

▶d3.js 튜토리얼 :: 오픈소스 자바스크립트 라이브러리 leaflet map 제작 ① 기본설정 이번 글에서는 오픈소스 자바스크립트 라이브러리인 'leaflet map'을 정리해보고자한다. leaflet 라이브러리를 활용하면 간단한 코드로 네이버지도나, 구글 지도와같이 식상해진(?)지도레이어가 아닌, 독특한 콘셉을 갖고있는 레이어테마를 활용하거나 직접템플릿을 만들어 적용해볼 수 있다. d3카테고리에서 'leaflet map'을 다루는 이유. D3글을 읽으러 들어온사람이라면, '갑자기 d3 이야기하다가 왠 leaflet map?'싶을 수도 있다. 이 글을 굳이 정리하려고하는 것은 단지 leaflet map이 '오픈소스 자바스크립트 라이브러리'이기 때문만은 아니다. 실제로 bostock역시 leafletm..

▶Education :: 체육학 - 체육교육학의 비교이글에서는 '체육학'과 '체육교육학'이라는 두 개념을 비교하고, 이를 통해 두 개념간 차이점과 상호관계에 대해서 살펴보려고 한다. 체육학일반적으로 우리가 '체육학'이라면, 프로야구와 같은 프로스포츠에서부터 무용, 스포츠 의학, 레크레이션에 이르기까지 다양한 분야를 지칭하는 개념으로 이해할 수 있다. 이 같은 관점에서 바라보면 '체육학'은 자연과학, 인문, 사회과학에 걸쳐 다양한 연구분야를 이루고있다는 것을 알 수 있다. 혹자는 이러한 '체육학'의 을 "체육학이 아닌것을 찾기가 더 힘들다."라고 언급하기도 했다. 그만큼 체육학이라는 분야는 넓고 다양하게 사용된다는 것이다. 이렇게 '체육학'이 우리 주위의 다양한 분야에서 넓게 자리잡게 된 것은 이 학문이 ..

▶d3.js 튜토리얼 :: projection과 path의 활용D3를 활용하여 웹에서 시각화를 구현하고자 할 때, Topojson 또는 GeoJSON파일 등을 활용하면 보다 효과적인 시각화결과를 얻을 수 있다. d3.geo에 대한 기능은 지도를 활용한 데이터매핑을 하기전에 앞서 꼼꼼하게 살펴보아야할 API이다. 사진 : Geo Paths에 관한 기술문서 페이지 화면. 정말 다양하고 자세한 기술문서가 존재한다. d3.geo.path()의 기능d3.js의 한국어 API(부분적으로 제공중이다.)는 d3.geo.path()기능에 대해 다음과 같이 정리하고 있다. "지리 경로 제레네이터를 새로 생성한다. 기본값은 albersUsa 투영법과 반지름 4.5 픽셀의 포인트다."한국어로 된 설명이 있는것 자체가 굉장히 ..