[D3.js] JSON 데이터 불러오기

이번에는 가장 보편화된 데이터 JSON 을 불러오도록 하겠다. 

아래와 같이 sample.json 파일이 존재 한다.(인터넷에서 그냥 굴러다니는 것을 가져옴.)

{

"glossary": {

"title": "example glossary",

"GlossDiv": {

"title": "S",

"GlossList": {

"GlossEntry": {

"ID": "SGML",

"SortAs": "SGML",

"GlossTerm": "Standard Generalized Markup Language",

"Acronym": "SGML",

"Abbrev": "ISO 8879:1986",

"GlossDef": {

"para": "A meta-markup language, used to create markup languages such as DocBook.",

"GlossSeeAlso": ["GML", "XML"]

},

"GlossSee": "markup"

}

}

}

}

}

자 이제 위 JSON 파일을 D3를 이용해서 데이터를 불러와 보겠다. 방법은 CSV 파일을 불러올 때와 똑같다. 

콘솔에 출력 된 결과는 아래와 같을 것이다.

이 외에도 다양한 Request API 가 존재한다. 

# d3.xhr(url[, mime], callback)

# d3.text(url[, mime], callback)

# d3.json(url, callback)

# d3.xml(url[, mime], callback)

# d3.html(url, callback)

# d3.csv(url, callback)

이상 포스팅을 마치겠습니다.