김보창을 위한 외주 프로젝트

Introduction

정해진 규격의 json을 입력해 Radial Tidy Tree를 렌더링합니다. 미리 입력된 Example 데이터를 사용해볼 수도 있습니다. d3.js를 사용했습니다.

Live Demo

2021-08-03 추가
D3Client를 추가해 리팩토링 해봤습니다. 목적은 다음과 같습니다.

1. 리팩터링 2판에서 읽어본 기법들 적용해보기.
2. SOLID 규칙을 적용해보기 (특히 Dependency Inversion)
3. 개발바닥 유튜브에서 향로님이 되도록 Class를 사용해보는게 좋다길래

Getting Started

# clone
git clone https://github.com/greatSumini/d3-tree-visualization

cd d3-tree-visualization

npm install
# or
yarn install

npm run dev
# or
yarn dev

Deploy with Vercel

Ref

https://observablehq.com/@d3/radial-tidy-tree