2012-10-28 4 views
3

이전에 D3.js를 사용 해 본 적이 없지만 방망이의 예제가 좋았습니다. 나는 시스템/서버 및 회사 프로젝트를 나타내는 다이어그램을 작성하려고합니다. 다이어그램은 시스템 통신 및 통합 상태에 대한 보고서로 작동합니다. 우리는 사용자가 시스템이 통신하는 방법, 전달되는 내용 및 "통신 회선"을 클릭하여 자세한 상태를 알 수있는 쉬운 직관적 인 시각을 얻길 원합니다. 백엔드는 통제하에 있지만, 우리는 반짝이는 프론트 엔드를 만들어야합니다.네트워크 다이어그램

내 첫 번째 생각은 강제 지시 레이아웃이 완벽하다는 것이지만 확실하지 않습니다. following example would be perfect (사용하기를 원하지 않는 프레임 워크에서 만들어진 것을 제외하고) 너무 비싸고 이벤트 처리를 포함하지 않습니다. 그러나이 예제의 프리젠 테이션은 우리가 찾고있는 것입니다.

커뮤니티 입력을받을 수 있습니까? D3.js에서 제공 한 예가 가능합니까? (이 질문에 답을 얻지 못하면 놀랄 것입니다)? 이 프로젝트에서 나를 킥 스타트시킬만한 조언을 얻을 수 있습니까?

앞서 멋진 모든 사람들에게 미리 감사드립니다. :-)

답변

2

d3.js의 힘을 사용하여 수익성있는 애니메이션을 사용하여 데이터를 시각화하려는 경우 위의 예는 강제 지정 레이아웃에서 좋을 것입니다. 이 예제 다음에 http://bl.ocks.org/1377729 노드 값을 이미지로 대체하여 가져올 수 있습니다. 다른 한편으로 정적으로 시각화 된 데이터가 표시되도록하려는 경우 여러 가지 방법으로 수행 할 수 있습니다. 소프트웨어 또는 심지어 플래시. 그러므로 선택은 돈벌이가 원하는 방법에 전적으로 달려있다. 희망이 도움이 될 수 있습니다. 건배.

+0

그래서이 프로젝트에서 d3.js가 과도하다고 말하고 계십니까? d3.js는 간단하면서도 동적 인 API로 인해이 그래프를 만들 수있는 쉬운 방법을 제공한다는 것을 알게되었습니다. 실제로 이미 플래시를 "저렴한"대안으로 판매했습니다. 적은 시간으로 싸고 유용한 것을 만듭니다. 내가 찾는 애니메이션이 아닙니다. 서버/시스템/프로젝트 관점에서 이벤트 중심 데이터를 시각화 할 수있는 기회입니다. 물론 애니메이션의 물리학은 보너스입니다. –

+1

강제 지시 레이아웃에갔습니다. 이것은 처음 상상했던 것보다 더 시원한 방법입니다 ... –