웹 상에서 data visualization 을 구현 방법에 대해 질문드립니다.

조회수 1792회

안녕하세요. 웹 상에서 data visualization 을 구현하는 방법을 찾던 중에 하코사에 여쭤보고자 질문글 작성합니다.

먼저 참고 예시로 소원영 디자이너님의 작업 링크를 기재합니다. (1) http://small-world.kr/ (2) http://typojanchi.org/2015/

위 작업들과 같이.. 웹 상에서 데이터들을 시각화 시키고 싶은데 제가 'html/css/javascript, jquery 약간' 정도의 레벨로.. 어떻게 구현을 해야할지 감이 잡히지 않아서 질문드립니다.

정리하자면,

  1. 소원영 디자이너님의 작업과 같이, 이미 있는 데이터들을 가지고 웹상에서 시각화를 구현하는 툴, 방법.

  2. 전시장이 있다고 가정했을 때, 현장에서 웹사이트에 사람들이 데이터를 입력하면 자동으로 1번과 같이 시각화가 이루어지는 웹사이트 구현할 수 있는 툴, 방법.

부끄럽지만 제가 지식이 얕아서(시각디자인이 본업입니다.) '자바스크립트를 이용해야 해요.' → '자바스크립트의 어떤 구문을 공부해보세요.' -로 명확한.. 파트에 대해서 설명해주시면 진심으로 감사드리겠습니다.

답변 기다리겠습니다.. 감사합니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자

2 답변

    1. data visualization tool은 d3 를 추천 드립니다.
    2. 일단 퍼블리싱이 가능한 정도의 기준으로 얘기드리면 서버사이드 쪽은 모르시는거 같으니 angularJS라던지 이런것들을 통해서 서버를 통하지 않고 화면상에서만 데이터를 가공하여 시각화 시키면 될듯 합니다.
    • (•́ ✖ •̀)
      알 수 없는 사용자
  • 예시로 든 홈페이지에선

    https://github.com/anvaka/VivaGraphJS

    를 사용했네요.

    위 링크에 들어가셔서 나와있는 내용을 따라하시면 될 것 같습니다.

    • (•́ ✖ •̀)
      알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)