1. 데이터 분석
데이터를 명확하게 표시하려면 먼저 메타데이터 차원, 메타데이터 관계, 데이터 스케일 등 그릴 데이터를 이해해야 합니다. 여기서 메타데이터는 더 이상 그래픽으로 표현할 수 없는 엔티티입니다.
메타데이터의 차원은 데이터의 각 속성에 대한 측정값입니다. 예를 들어, 2D 평면에 있는 점의 속성은 해당 차원이 X 축과 Y 축이라는 것입니다. 일반적으로 시각화가 필요한 데이터에는 많은 차원이 있으며, 각 차원과 해당 관심도를 분석하여 데이터를 명확하게 표현하는 것이 전제입니다. 차원이 너무 많으면 시각화의 난이도가 높아진다. "내가 할 이야기는 너무 길지만 모두들 묵묵히 웃고 있다." 물론, 침묵을 지킨다면 실직을 당할 수 있기 때문에 2 차원에서 3 차원으로, 색깔, 모양 등의 표현 차원을 늘릴 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 침묵명언) 정말 한계를 느낀다면, 정보 과부하 문제를 고려하고, 후기에는 불필요한 정보 차원을 최대한 삭제해야 한다.
이 예제의 메타데이터는 시나리오이고 차원은 시간, 범주, 부서, 전후 시나리오입니다.
메타데이터 간의 관계는 대부분 메타데이터 자체의 속성과 관련이 있습니다. 즉, 데이터 간의 관계는 한 차원에서 판단할 수 있습니다.
한 사건의 시작 시간과 종료 시간은 각 사건의 경위를 알 수 있다. 병례 전후의 병례에 따르면 병례는 순환선에 연결될 수 있다.
데이터 축척 막대는 도면 용량, 좌표 축척 막대 등을 결정하기 위해 실제 데이터를 수집해야 하는 경우가 많습니다.
다행히 예시의 데이터 양은 크지 않다. 위 그림은 가장 복잡한 과정이다. 이 예의 시각화 임무의 주요 어려움은 관계의 표현이다.
2. 도면 일치
데이터를 분석한 후, 적당한 상자를 찾아 이' 사과' 를 넣어야 한다. 마지막 단계에서는 자신의 논리적 능력으로 수집한 기성 데이터를 분석할 수 있으며, 이 단계에는 자신의 경험과 체험이 필요할 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 성공명언) 데이터 시각화는 매우 포괄적인 지식입니다!
조는 지도, 그래픽 디자인, 컴퓨터 시각, 데이터 수집, 통계, 그래픽 기술, 디지털 아날로그 결합, 애니메이션, 3D 렌더링, 사용자 상호 작용 등 여러 분야를 다루고 있다고 말했다. 관련 분야에는 이미징 및 시각적 인식이 포함됩니다. 공간 분석, 과학 모델링 등.
하지만 다행히도 지금은 배울 수 있는 성숙한 그래픽이 많이 있습니다. 예를 들어, 다음 두 가지가 있습니다 (이 글의 예는 그것들의 종합입니다).
유동 데이터
어떤 그래픽 모드를 사용할지 어떻게 결정합니까? 이것은 데이터로 시작해야 한다. 어떤 차원이 가장 중요한지 결정하는 것이 첫 번째 표현이어야 합니다. 이 차원은 종종 최종 그래픽 모드를 결정합니다. 머릿속에 그래픽에 대한 기대가 있을 때, 공백부터 시작하기가 너무 어렵다고 느낀다면, 인터넷으로 가서 보거나, 사용한 소프트웨어가 이 개념과 비슷한 표현이 있는지 회상해 볼 수 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)
시간, 범주, 부서, 사건 전후 4 차원 중 업무 분석에 따르면 사건 전후가 가장 중요하지만, 우연히도 이 업무에서 시간은 사건 전후와 밀접한 관련이 있다. 사건 전후가 원활히 맞물려 있고, 사건 전안의 종료 시간은 사건 후안의 시작 시간이다. 마지막으로 시간과 과거 사례의 조합을 1 차원으로 고려하기로 했다. 이 기조를 확정한 후, 나는 아래 그림과 같이 몇 가지 숫자를 참고했다.
크롬 개발자 도구 리소스
사후 효과 렌더링
마지막으로, 나는 타임라인 그래픽과 호환 가능한 흐름 그래픽을 선택하는 어려운 결정을 내렸습니다! 자세히 보면 내가 크롬의 스타일을 베꼈다는 것을 알게 될 것이다.
3. 그래픽 최적화
그림이 나온 후, 속성별로 각 차원에 데이터를 그려보고, 합리적이 될 때까지 계속 조정해 보십시오. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 여기서 말하는 것은 간단하지만 가장 시간이 많이 걸리는 단계입니다. 차원이 너무 길면 정보 구조가 넓거나 좁거나 깊은지, 대화형 탐색과 함께 그래픽을 더 "볼 수 있게" 해야 합니다.
이 임무에서 도면은 내가 여러 번 수정했다. 다음 그림은 수정 전과 후의 대비를 보여줍니다.
주요 변경 사항은 다음과 같습니다.
종축은 한 부서의 로고 (공소, 정찰감독, 반탐 등) 를 제거한다. ) 같은 색으로 함축적으로 표현한다. 이런 고려 사항은 검찰 업무를 이해하는 사용자가 사건의 범주를 보면 어느 부서에 속하는지 알 수 있고, 부서가 누락된 후 단위 지역이 더 명확하다는 점이다. 상하 단위의 사건 흐름이 주목받고 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 남녀명언)
이전 타임라인은 logo 가 다음 그림에 의해 결정되는 균일하지 않은 비율로 표시됩니다. 항상 이렇게 엄격하지 않다고 생각했는데, 나중에 오픈 소스 구성요소인 Simile Timeline 을 보았다. Hotzone 의 개념은 타임라인에서 시간대별로 정보의 양이 크게 다른 경우에 정의됩니다. 나는 내 도형에 잘 맞는 것 같아 채택했다. 이 Hotzone 개념은 단순히 지정된 기간을 확대하는 것입니다. 이 기간 내의 잣대는 더 가늘어지고 더 많은 정보를 표시할 수 있습니다.