[D3] Local variables & Namespaces 사용법

D3 로컬을 사용하면 데이터와 관계없이 로컬 상태를 정의할 수 있습니다. D3 로컬 변수는 DOM 요소별로 범위가 지정됩니다. 

local()

새로운 지역 변수를 선언합니다. DOM에 의해 범위가 지정됩니다.

const foo = d3.local();

local.set(node, value)

지정된 노드의 로컬 값을 value로 설정하고 지정된 값을 반환합니다. 단일 변수만 설정하는 경우 Selection.property의 사용을 할 수 있습니다.

local.get(node)

지정된 노드에서 로컬 값을 반환합니다. node가 로컬을 정의하지 않으면 가장 가까운 조상의 값을 반환합니다.

local.remove(node)

지정된 노드에서 이 로컬 값을 삭제합니다.

제거 전에 로컬을 정의한 경우 true를 반환하고 그렇지 않으면 false를 반환합니다.

local.toString()

local에 대해 자동으로 생성된 식별자를 반환합니다. 로컬 값을 저장하는 데 사용되는 속성의 이름입니다.

 

namespaces(name)

name을 네임스페이스 접두사와 로컬 이름으로 구분합니다. 콜론(:)이 포함된 이름은 네임스페이스 접두사로 해석됩니다. 콜론이 없는 경우 입력된 이름을 그대로 반환합니다.

namespaces

D3에서 사용하는 기본 네임스페이스 접두사와 URL의 Map입니다.