Jupyter notebook에서 동적 그래프를 표시합니다. (D3.js의 인라인 표시)

Jupyter에서 데이터를 터치하고 시각화를 위해 그래프를 인라인으로 표시하고 싶은 일이 많이 있다고 생각합니다.
많은 경우
%matplotlib inline
충분하다고 생각합니다.

그러나 데이터가 너무 많아서 읽을 수 없는 그래프가 표시되거나 보다 예쁜 그림으로 보고 싶은 경우도 있다고 생각합니다.
거기서, 동적인 깨끗한 그래프를 Jupyter로 내는 방법을 찾았으므로 시험해 보았습니다.

우선 데모를 보세요.

↓이동이나 확대 축소가 가능한 분산도


↓Twitter의 팔로우한 사람과 자신을 맺은 그래프도


구체적으로는 D3.js( htps // d3js. rg/ )라고 하는 데이터의 가시화에 특화한 JavaScript의 라이브러리를 사용한 결과를 Jupyter에 인라인 표시합니다.

먼저 jupyter를 실행하는 환경에 py_d3이라는 확장을 넣습니다. ( htps : // 기주 b. 코 m / 레시 덴 t 마리오 / py_d3 )
pip install py_d3

jupyter notebook에서 가져오고 확장을 로드합니다.
import py_d3
%load_ext py_d3
그렇게 하면, 셀의 선두로 %%d3라고 하는 매직을 붙이면 D3.js를 사용할 수 있게 됩니다.

%%d3

<g></g>

<script>
d3.select("g").text("Hello World");
</script>

를 입력하여 실행하면,


이런 느낌입니다.

또한 외부 JS 파일과 CSS도 읽을 수 있으므로 과거에 만든 것이 있으면 즉시 실행할 수 있습니다.
D3.js를 사용한 적이 있는 사람은 무엇을 할 수 있는지 상상할 수 있다고 생각합니다만, 그렇지 않은 사람은 D3.js의 공식 사이트 이나 py_d3의 github README 생각보다 굉장히 할 수 있습니다.