나는 항목 (즉, 가능한 조합의 수) 구체적으로조합을 표시 할 때 어떤 종류의 시각화를 사용해야합니까?
, 나는 어디 각각의 부모가 있고,이 동물에서 잠재적 인 자손을 표시하고 세트 선택할 수있는 모든 방법을 보여주는 시각화/차트를 작성해야 몇 가지 유전자를 소유하고, 자손은 각 유형의 0, 1 또는 양쪽 부모 유전자를 물려받습니다. 유전자는 재미있는 이름 (예 : 화재)을 가지며 때로는 해당 유전자의 조합에 고유 한 이름 (fire + pastel = firefly)이 있지만이 점 옆에 있습니다.
다음은 부모에게서 2 개 및 2 개의 유전자를 보여주는 간단한 예입니다 (1 개의 공유 포함). 이는 2^2 = 16 개의 가능성을 만듭니다.
현재 UI는 가능성의리스트를 표시하지만, 어떠한 시각적 크기를 전달하지 않는다. 둘째, 공통성을 공유하는 결과 (즉, 동일한 유전자를 포함)가 시각적으로 관련 될 수 있다면 좋을 것이다.
내 아이디어는 다이아몬드 모양의 그래프 또는 계층화 된 네트워크와 비슷합니다. 맨 위에는 모든 유전자가 선택된 결과가 나오고 그 아래에는 N-1이있는 노드의 행 등이 맨 아래 행까지 나타납니다. 0이 선택되었습니다. 가장자리는 공유 된 유전자로 노드를 연결합니다. 노드의 크기는 확률을 나타낼 수 있습니다. 이런 식으로 뭔가 (그러나 데이터를 무시) :
내가 Punnett Squares 알고 있어요,하지만 난 그게이 순서의 조합 (하나는 동등한 결합하지 않는 최선을 확실하지 않다 결과).
d3js가 이와 같은 것을 갖기를 기대했지만 갤러리의 예제가 풍부하기 때문에 나는 그와 비슷한 것을 보지 못했습니다.
감사합니다.