Vue.js랑 D3.js 연동 관련하여 질문드립니다!

Question

웹 개발에 지식이 거의 전무한 초보입니다 ㅠㅠ간단한 웹을 만들고 있는데 막혀서 질문드려요.백엔드는 Node.js로, 프론트엔드는 Vue.js로 구축하고 D3.js로 시각화를 하려고 합니다.음, 질문드리고 싶은 부분은 데이터 바인딩(?)과 시각화 관련 부분입니다.Node.js에서 '/JSON' 형태의 url로 json 파일을 만들어서 보내면,Vue.js에서 이를 받고 파싱하여 HTML에 출력하는 것까지는 완성한 상태입니다.그런데 이를 시각화 하는 데서 애를 먹고 있습니다.JSON에서 { num : 101, status : occupied or vacant } 이런 형태로 데이터를 넘겨주면D3.js에서 rect를 만들고, 이를 파싱된 항목 하나씩과 연결해주려고 하고 있습니다.( num은 unique한 값으로 이를 통해 각 항목이 구분됩니다! )그런데 어떻게 해야할 지 감도 안와서 여쭤보려고 합니다 ㅠㅠ 데이터를 바인딩 해줘야한다는 건 알겠는데, 이걸 어떻게 해결해야하나요...?

kenu,전독시 · Answer

https://www.dashingd3js.com/using-json-to-simplify-code

도라도로떠납니다 · Answer

무엇을 원하는지 살짝애매하지만바인딩된 데이터를 기반으로 svg를 다시 draw 해주는게 나을거같습니다

Vue.js랑 D3.js 연동 관련하여 질문드립니다!

2개의 답변

#d3.js 목록