Page 86 - Demo
P. 86
②전지역지도 그래프와 서울시 구별 그래프 사이인터렉션→지도위 서울시빛공해원이커지며 서울시에대한의문을던지는 질문지도연결③ 서울시 구별 그래프- 서울시메인 그래프1)기존의픽셀 스택 그래프→ 정확한 수치값을갯수를 통해확인할 수있음2)막대 그래프→ Value값이명확하게떨어짐- 정렬기준 추가→기존빛공해 수치 높은 순낮은 순에인식순을 추가- 구 선택시넘어가는페이지 선정→팝업으로띄울 시 정보가하단과곂칠 우려→다른페이지로댑스 추가3 서브그래프 플로우①원 그래프의 중앙부터 끝까지 수치값에맞게 그라데이션을적용- 그라데이션을 통해 국가별 수치가어느정도에위치해있는지 직관적으로알 수있도록함② 그래프의 수치범례를가운데기준 오른쪽이아닌왼쪽으로이동- 그래프가확대된 세부페이지의경우 그래프의왼쪽 부분이 노출되는이유③ 모든 글자를한방향으로 통일- 세부페이지에서 그래프를 돌려보며 글씨를전부읽을 수있도록하기위해4텍스트네트워크맵 플로우①인터렉션- 정의혹은인식중클릭한항목이가운데로오고다른항목은화면밖으로절반잘려있도록 설정② 세부팝업-텍스트네트워크맵의 노드 클릭시해당항목의 세부 설명팝업으로띄움③이후 플로우-네트워크맵이후에 서브그래프 플로우로 진입5기타① 추후 계획-메인 그래프의2가지형식을 제작해더나은것을 선정-해소파트데이터 정리-해소파트 플로우 정리86
