Cytoscape.js를 통해 Cola를 사용하여 색상 및 모양으로 노드를 분리하는 방법

Question

나는 강하고 생물학적 인 네트워크가있어서 방향성과 비 방향성이 혼합 된 시스템을 가지고 있습니다. 이러한 네트워크 내에서 삼각형, 타원 및 직사각형의 세 가지 핵심 노드 모양이 있습니다. 노드는 회색이거나 색깔이 있습니다. cytoscape-cola를 사용하여 그래프 크기에 상관없이 모양을 빠르고 일관되게 구분할 수 있는지, 즉 삼각형이 그래프의 맨 위에 있고 그 사각형이 아래쪽에 타원형으로 표시되는지 확인하려고합니다. 사이. 이상적으로도 다음과 같이 색상별로 구분할 수 있습니다. example

지금까지 제한된 성공을 거두었습니다. 나는 모든 삼각형과 사각형에 각각 연결되는 소스와 싱크 노드에 추가하려고 시도한 다음 흐름을 적용합니다. 그러나 그래프가 너무 과장 된 것처럼 보이지는 않습니다. 각 노드를 직접 정렬 할 수는 있지만 일반적 솔루션에 대해서는 느리고 효과적이지 않습니다. 나는 또한 더 가까이에있는 복합 노드를 시도했지만, 자식 노드의 위치에 의존하여 복합 노드의 위치를 ​​설정하기가 어렵습니다. 그러면 다시 1 단계로 돌아갑니다. 마지막으로, 하위 그래프에 콜라를 적용하는 것이 가장 좋았지 만, 각 하위 그래프의 테두리 상자 위치를 계산해야하므로 색상이 증가함에 따라 어려워집니다.

모든 도움을 주시면 대단히 감사하겠습니다.

Answer 1

강제 지정 레이아웃은 분류가 아닌 토폴로지를 기반으로 그래프를 구성합니다. 귀하의 usecase 들어, 그것은 당신이 그리드와 같은 더 결정 론적 레이아웃을 사용해야 할 것 같은데 --- 그래프를 세 행으로 그룹화.