UX/Today I learned :

[데이터 μ‹œκ°ν™”] 슀λͺ° λ©€ν‹°ν”Œμ¦ˆ(Small Multiples)

주영 🐱 2021. 4. 5. 22:41
728x90
λ°˜μ‘ν˜•

지리 정보가 κ°–κ³  μžˆλŠ” 의미 λ§₯락에 따라 데이터 μΈμ‚¬μ΄νŠΈλ₯Ό λ„μΆœν•  수 μžˆλ‹€

슀λͺ° λ©€ν‹°ν”Œμ¦ˆ

λ‹€μˆ˜μ˜ μ‹œκ°ν™” 차트 λ‚˜μ—΄ν•œ Set

 

μž₯점

1. λ‹€μˆ˜μ˜ λ³€μˆ˜λ₯Ό ν•˜λ‚˜μ— μ°¨νŠΈμ— ν‘œν˜„ - μ‹¬ν”Œ

2. 같은 ν˜•νƒœλ‘œ ν‘œν˜„ - 차트 ν•˜λ‚˜λ§Œ 읽을 수 있으면 λ‹€λ₯Έ μ°¨νŠΈλ„ 이해 κ°€λŠ₯

3. ν•­λͺ© κ°„ 데이터 λΉ λ₯΄κ²Œ 비ꡐ κ°€λŠ₯

 


 

슀λͺ° λ©€ν‹°ν”Œμ¦ˆ & μ‹œκ³„μ—΄ 데이터 - μ„ μ°¨νŠΈ 

 

 μ—¬λŸ¬ ν•­λͺ©μ„ μ‹œκ°μ  νŒ¨ν„΄μ— λ”°λΌμ„œ λΆ„λ₯˜ν•΄ μΈμ‚¬μ΄νŠΈλ₯Ό λ„μΆœ

 

 

 

μ‹œκ³„μ—΄ κΈ°μ€€ μ΄ˆλ°˜μ— λ‚¨μ„±μ˜ 비쀑이 μš°μ„Έν•˜λ‹€(주황색 음영) 이후 μ—¬μ„±μ˜ 비쀑이 μš°μ„Έν•˜λ‹€(청둝색 음영)λŠ” 것을 μ‹œκ°μ  νŒ¨ν„΄μœΌλ‘œ ν•œλˆˆμ— 확인가λŠ₯

 

 

 μ°¨νŠΈ 상단에 배치된 타이틀을 읽지 μ•Šκ³ λ„ 6개 차트의 μ‹œκ°μ  νŒ¨ν„΄λ§ŒμœΌλ‘œλ„ 각 μ§μ—…λ³„λ‘œ μš°μ„Έν•œ 비쀑을 μ°¨μ§€ν•˜λŠ” μ„±λ³„μ˜ 변동이 λ§ŽμŒμ„ μ•Œ 수 μžˆλ‹€.

 

 

  λ―Έκ΅­ 각 μ£Όλ³„λ‘œ νˆ¬μ„ ν™˜μžμ— λŒ€ν•œ μ•°λ·ΈλŸ°μŠ€ μ„œλΉ„μŠ€μ— λ“œλŠ” λΉ„μš© 데이터λ₯Ό μ—°λ„λ³„λ‘œ μ‹œκ°ν™”

 κ° 주별 차트의 λ§‰λŒ€λŠ” νˆ¬μ„ ν™˜μžμ— λŒ€ν•œ μ•°λ·ΈλŸ°μŠ€ μ„œλΉ„μŠ€μ— λ“  λΉ„μš©, 주황색 선은 주별 평균 λΉ„μš©

 

이 μ½˜ν…μΈ μ—μ„œ μΈμ‚¬μ΄νŠΈλ₯Ό λ„μΆœν•˜λŠ” 방법

1) νŠΉμ • 주의 νŠΉμ • μ‹œμ μ— 마우슀 μ˜€λ²„λ₯Ό ν•  경우 λ‚˜νƒ€λ‚˜λŠ” λ ˆμ΄λΈ” 정보λ₯Ό 톡해 각 주의 데이터λ₯Ό 비ꡐ

마우슀 μ»€μ„œμ˜ μœ„μΉ˜μ— 따라 각 연도와 ν•΄λ‹Ή μ—°λ„μ˜ λΉ„μš© 정보가 λ ˆμ΄λΈ”λ‘œ ν‘œμ‹œ, 이 정보λ₯Ό 근거둜 각 주의 νŠΉμ • μ—°λ„μ˜ 데이터λ₯Ό 비ꡐ가λŠ₯

 

2) λ§‰λŒ€ 차트의 μ‹œκ°μ  νŒ¨ν„΄μ„ λ°”νƒ•μœΌλ‘œ 주별 νŠΉμ§•μ„ λ„μΆœν•  수 μžˆλ‹€.

λΉ„μš©μ΄ κΎΈμ€€νžˆ μ¦κ°€ν•˜λŠ” 주와 졜근 λΉ„μš©μ΄ κ°μ†Œν•˜κ³  μžˆλŠ” μ£Ό 등을 κΈ°μ€€μœΌλ‘œ μ‚Όμ•„ 그룹화해보고 μΈμ‚¬μ΄νŠΈλ₯Ό 정리할 수 μžˆλ‹€.

 

3) κ°œλ³„ 차트의 λ§‰λŒ€ κ·Έλž˜ν”„μ™€ 주황색 μ„ μ˜ ν˜•νƒœλ₯Ό 비ꡐ해 λ³΄λŠ” κ²ƒμž…λ‹ˆλ‹€. 주황색 선은 주별 평균 데이터λ₯Ό μ˜λ―Έν•˜λ―€λ‘œ, 각 주별 데이터와 평균 데이터λ₯Ό 비ꡐ해 μ„œλ‘œ λ‹€λ₯Έ νŒ¨ν„΄μ„ λ³΄μ΄λŠ”μ§€, μœ μ‚¬ν•œ νŒ¨ν„΄μ„ λ³΄μ΄λŠ”μ§€ ν™•μΈν•˜μ—¬ μΈμ‚¬μ΄νŠΈλ₯Ό λ„μΆœν•  수 μžˆλ‹€.

 

 


슀λͺ° λ©€ν‹°ν”Œμ¦ˆ & 지도

 

 

1. μ‹œκ³„μ—΄μ˜ κ΄€μ μ—μ„œ 데이터 λ³€ν™”λ₯Ό 보여주기 μœ„ν•΄ 슀λͺ° λ©€ν‹°ν”Œμ¦ˆ ν™œμš©

 

μ§€λ‚œ 30λ…„κ°„ 미ꡭ의 μ£Όμš” ν™μˆ˜ λ°œμƒ ν˜„ν™©μ„ 지도 μ‹œκ°ν™”

 

 

 

 

 

2. κΆŒμ—­μ„ κΈ°μ€€μœΌλ‘œ κ·Έλ£Ήν™”ν•˜μ—¬ ν‘œν˜„ν•¨κ³Ό λ™μ‹œμ— μΈμ‚¬μ΄νŠΈλ₯Ό λ„μΆœ

μ§€μ—­λ³„λ‘œ λ‚˜λˆ  보기 μœ„ν•œ λͺ©μ 

 

 

  μ˜€ν›„ 4μ‹œ, 7μ‹œ 10μ‹œ 각 μ‹œκ°„λŒ€λ³„λ‘œ 1μ‹œκ°„ 내에 μ£Όμš” λ„μ‹œμ—μ„œ 이동 κ°€λŠ₯ν•œ μ§€μ—­μ˜ λ²”μœ„λ₯Ό 지도 μœ„μ— μ˜μ—­μœΌλ‘œ ν‘œν˜„

 

Tile Grid Map

 

 

 

3.  λ„ν˜•μ„ 자치ꡬ의 지리적 μœ„μΉ˜λ₯Ό κ³ λ €ν•˜μ—¬ 배치

 

 

지리 정보가 κ°–κ³  μžˆλŠ” 의미 λ§₯락에 따라 데이터 μΈμ‚¬μ΄νŠΈλ₯Ό λ„μΆœν•  수 μžˆλ‹€

 

λ°˜μ‘ν˜•