d3js 내가이 간단한 JSON 파일이 JSON

Question

에서 읽을 수 없습니다 감독 강제 :

{ 
"nodes":[ 
{"name":"Moe","group":1}, 
{"name":"Madih1","group":1}, 
{"name":"Madih2","group":1}, 
{"name":"Nora","group":1}, 
{"name":"Myna","group":1} 
], 
"links":[ 
{"source":35,"target":44,"value":1}, 
{"source":44,"target":35,"value":1}, 
{"source":45,"target":35,"value":1}, 
{"source":45,"target":44,"value":1}, 
{"source":35,"target":49,"value":1}, 
{"source":49,"target":35,"value":1} 
] 
} 

나는 그것이 http://bl.ocks.org/4062045#index.html 같이 정확하게 HTML 코드를 사용하여 위의 JSON을 해결 저장할 때를, 아무것도 cancas에 나타납니다 .

내가이 책을 잘 이해하지 못해서이 책을 도와 주시면 감사하겠습니다. 게다가 json을 사용하여 그래프를 그릴 때 필요한 최소 코드를 아는 것이 좋을 것입니다.

최저

,

Answer 1

"소스"와 "대상"의 수는 노드 배열에있는 항목의 인덱스를 참조하십시오. 그래서 당신은 다음에 JSON을 변경할 수 있습니다

{ 
"nodes":[ 
    {"name":"Moe","group":1}, 
    {"name":"Madih1","group":1}, 
    {"name":"Madih2","group":1}, 
    {"name":"Nora","group":1}, 
    {"name":"Myna","group":1} 
], 
"links":[ 
    {"source":0,"target":1,"value":1}, 
    {"source":1,"target":2,"value":1}, 
    {"source":2,"target":3,"value":1}, 
    {"source":3,"target":4,"value":1}, 
] 
} 

그런 다음 당신은 단지 최소한의 코드로 http://bl.ocks.org/4062045#index.html 예에서 코드를 복사 할 수 있습니다. Remsonber가 json 파일을 자신의 json 파일로 변경합니다. 이 질문에 대답하는 경우 같은 문제가 자신과 같은 사람에 대한

d3.json("path/to/your/json", function(error, graph) { 
    //codes 
});