[멋사] AI SCHOOL 5기_ Day 11

데이터 시각화(Data visualization)

GeoJSON

GeoJSON(지오제이슨)은 JSON(JavaScript Object Notation)에 기반한 지리 공간 데이터 교환 포맷이다.

지리 좌표 참조 시스템인 World Geodetic을 사용한다. 

https://geojson.org/

GeoJSON

 

pyprnt

pyprnt는 JSON구조를 더 쉽게 볼 수 있게 만들어준다.

pip install pyprnt

pip 설치 후 사용할 수 있다. 

 

- pyprnt 예시

block = {'index':1,'transaction':[{"sender":"Block_Reward","receipient":"30819f300d06092a864886f70d010101050003818d0030818902818100b9cadf2ca51ca6714cf645f015652a80b9b8fc7e1aafc888334ac6f4f7dc177465595ef713765b027ab97ca7929820d1afb54b64a03cb971f0f46582d5266568f78746d30c4a651b0a0cf14dacdd619f034b330f4c14f253c72496778ff921a1b907aa0e6201369bffb2bd2e0a059d034e711ef004a3100a8998c2786349579f0203010001","value":"5.0"},{"sender":"30819f300d06092a864886f70d010101050003818d0030818902818100b9cadf2ca51ca6714cf645f015652a80b9b8fc7e1aafc888334ac6f4f7dc177465595ef713765b027ab97ca7929820d1afb54b64a03cb971f0f46582d5266568f78746d30c4a651b0a0cf14dacdd619f034b330f4c14f253c72496778ff921a1b907aa0e6201369bffb2bd2e0a059d034e711ef004a3100a8998c2786349579f0203010001","receipient":"30819f300d06092a864886f70d010101050003818d0030818902818100ab65b338fc66d9fc4870b7319f3c21aaf5a0082bce02caf9e3de6dc159c9df91477786028e7380be451d2fb94ed83070e85b588b4ed9d540461d3256bd2aafd3ae0fefa92f82799064414d0ed9e667bc18ad0f48505a2ae9b790a4363fcbef4b526453f91e9572835feabb25aebe2ff38c9abff32b6140c39cb71f8cf0491b850203010001","value":5.0,"signature":"a3da555fe4afe5fc957d466161dbae8b7fbb02c22780cae6fd5a4bbdc3ad7b8753361f74948db662086209c4272ebdadf5b7a14216c18be7f1c3b86ddb3aa43267792f3edc99cc7294fa89bc95f90cfb0ecd2df73b0dde8520499836f86b57af79d837b3c3dc806a37d067ca4a55caee7883bec035fed0b2df40c910cdde99a2"}],'timestamp':'09/23/2019,16:08:19','previous_hash':'This_Is_Genesis_Block','hash':'00e63fb0a8474d78df37e0ba99816d526ba110fc16098ecae65358890975a645','nonce':222}

prnt(block, truncate=True, width=80) # truncate는 출력 길이가 너무 긴 경우 ...을 쓰면서 잘라준다

출력결과

더 자세한 내용은 아래에서 확인 가능하다.

https://github.com/kevink1103/pyprnt

GitHub - kevink1103/pyprnt: A Modern Python Pretty Printer

 

Folium 

folium은 파이썬 지도 시각화 라이브러리다. 

folium을 사용하기 위해서는 설치가 필요하다.

pip install folium

# 또는

conda install folium -c conda-forge

기본 구조는 다음과 같다.

folium.Map(location=[위도,경도], zoom_start=확대정도(최대18))

# 예시코드
map = folium.Map(location=[37.5502, 126.982], zoom_start=11)

지도의 기본 테마(tiles)는 OpenStreetMap이다.

예시코드 결과 (OpenStreeMap 테마)

tiles 옵션을 추가해 테마를 바꿀 수 있다.

왼 _ Stamen Toner / 오 _ cartodbpositron

.choropleth() : geo data에 맞춰 지역에 색을 더해준다. 

기본적으로 geo_data, data, columns, fill_color, key_on 이라는 5가지의 옵션을 지정해줘야 한다.

# 예시코드
map = folium.Map(location=[37.5502, 126.982], zoom_start=11, tiles='Stamen Toner')

map.choropleth(geo_data = geo_str, # geo_data 전체를 던짐. 

               data = gu_df['살인'], # 시각화의 대상이 될 데이터
               columns = [gu_df.index, gu_df['살인']], #15 색칠할 열 
               
               fill_color = 'PuRd', 
               key_on = 'feature.id') # GeoJSON 규약을 따름.

예시 코드 실행 결과

folium.CircleMarker() : 데이터별로 radius를 조절해 원형 마커를 생성하고 지도에 표시해준다.

# 예시 코드
map = folium.Map(location=[37.5502, 126.982], zoom_start=11)

for n in df.index: 
    
    folium.CircleMarker ([df['lat'][n], df['lng'][n]], # 위도, 경도
                         
                         radius=df['점수'][n]*0.5,   # circle 의 크기를 결정.
                         
                         color='#3186cc', fill=True, fill_color='#3186cc').add_to(map)

map

예시 코드 실행 결과

 

HTML 기본 개념

Tag’s name : html, head, body, h1, p, span, li, ol. ul, div

Tag’s Attribute(name & value) : class, id, style, href, src (태그 이름 뒤에 딸려있는 모든 것)

 

<h1~6> : Headline. 1이 제일 큰 제목.

<p> : Paragraph. 말 그대로 문단을 나눌 때 사용.

<b> : bold. 크게 권장되지 않는다. 대신 <strong> 을 권장한다!

<span> : 일부만 찝어서 디자인 입히고 싶을 때 사용.

<div> : 정말 많이 보인다. Division. 그냥 상자 라고 생각하면 편하다.

<ul> <ol> : Un-ordered list, Orderd list. 태그 안에 <li>태그를 넣어 목록을 만든다.

                   <ul>은 검은 점, <ol>은 숫자로 리스트가 구분된다.

<a> : Anchor. 하이퍼링크(href, Hyperlink-Reference)를 만들 때 사용.

<img> : image. 닫는태그 없이 사용할 수 있다. src(Sorce)를 넣어줘야한다.

 

** 여러 태그가 동일한 class를 가질 수 있다!

** 여러 태그가 동일한 ID를 가질 순 없다!!