2014-06-16 2 views
0

나는 웹 앱에서 시각적으로 비교해야하는 양적인 값을 가진 많은 카테고리가 있습니다. 이 카테고리들을 함께 그룹화 할 수있는 방법이 없으며, 서로 완전히 독립적이며 큰 가치 차이가 있습니다 ... 수백만 명의 사람들이 수백만에 달하는 경우도 있습니다.많은 수의 카테고리를 시각화하는 가장 좋은 방법

시각적으로 이것을 표시하는 좋은 방법이 있습니까? Highcharts에서 작업 중이며이 데이터를 렌더링하는데도 D3을 사용하고 있지만 시각적 인 명확성과 컨텍스트를 유지하면서 웹 응용 프로그램의 모든 영역에이 모든 데이터를 적용하려고하면 큰 문제가 발생합니다.

미리 감사드립니다.

+0

"큰 숫자"란 무엇입니까? 20, 200, 2000? –

+0

실물 크기 모형이 있습니까? 데이터의 크기는 얼마나됩니까? –

+0

@Maz 하이 차트에서 도넛 차트를 확인하셨습니까? –

답변

0

태그 클라우드와 같은 방식을 사용하는 것은 어떻습니까? 카테고리가 클수록 가치가 높아 집니까?

0

D3 및 하이 차트는 이러한 종류의 표현에 적합합니다.를 참조하십시오. 얼마나 많은 수치를보고 있는지와 같은 구현에 대한 귀하의 생각은 어떻습니까? 우리는 FollowerWonk와 같이 한 페이지에 25 개 이상의 숫자를 사용하는 20 개 이상의 숫자가있는 웹 응용 프로그램을 보았습니다.

그러나 D3은 제공하는 옵션 측면에서 매우 방대합니다. 이 https://github.com/mbostock/d3/wiki/Gallery을 참조하십시오. 하이 차트로는이를 볼 수 없습니다.

0

treemap은 공간을 효율적으로 사용하고 크기를 적당하게 나타 내기 때문에 아마도 가장 좋습니다. 직사각형 영역은 시각적 인 명확성을 위해 위치 나 길이만큼 좋지 않지만 원 영역, 단어 영역 또는 각도보다 좋습니다. 이 예에서

enter image description here

, 색상은 랜덤입니다,하지만 당신은 다른 변수에 기초 할 수있다.

"large"에 대한 정의가 100 미만이면 도트 플롯 또는 막대 차트로 위치 또는 길이를 각각 사용할 수 있습니다.

+0

차이점은 @Maz에 지정된대로 매우 큽니다. 트리 맵의 노드는 같은 크기로 다른 크기의 자식을 가질 수 있습니까? –

+0

예, 큰 값 차이는 일반적으로 전체 트리 맵을 지배하는 블록이 있음을 의미하며이 공간적 지배로 인해 충분한 수의 블록을 볼 수 없습니다. – Maz

+1

일반적으로 표현을 공정하게 표현하는 것이 좋습니다. 따라서 값이 10000 배 더 커지면 표현이 더 커집니다. 그러나 로그 변환과 같은 일부 변환을 먼저 수행하여 시각적 인 명확성을 제공하고 지적 명확성을 유지할 수 있습니다. – xan

0

태그 클라우드와 같은 방식을 선호합니다. 데이터 세트의 경우 태그 클라우드를 확대/축소 기능과 함께 사용하는 것이 가장 좋습니다. 나는 이것에 대한 기존의 솔루션을 생각할 수 없다. 그러나 어떤 종류의 줌도없이 당신의 작은 값은 읽을 수 없게 될지도 모른다. (@ xan의 대답을 보라). 거대한 가치는보기를 어지럽히 지 않기 위해 정말 거대하게 확대 될 것입니다 (그리고 위젯을 흘릴 수 있습니다).

관련 문제