주피터 노트북 플랏 출력 옵션 변경하기

1. 문제 정의

plot이 안나온다.

vscode는 무척 편리한 노트북 사용을 할 수 있게 도와준다.

그런데, 이것저것 확장 프로그램 (extension)을 설치하다보면 위와 같이 설정이 꼬여서 figure가 안나오는 경우가 있다.

 

</>로 <Figure size ~~~ > 옆에 있는 것을 클릭하면 text/plain으로 나오게 된다.

이것을 image/png로 변경하면 해결되는데 어떻게 하면 되는걸까?

 

2. 해결방법

해결법은 아래와 같은 방법으로 접근해 가면 된다.

 

1. 툴바에서 점 3개로 되어있는 아이콘을 클릭한다.

툴바의 점 3개 아이콘

2. Customize Notebook Layout을 클릭한다.

빨간색 타원형 클릭

3. Edit in settings.json을 클릭한다. vscode의 설정에 따라 edit in settings.json이 보이는 형태는 다를 수 있다.

그러나 글자 자체는 똑같다.

빨간색 동그라미 클릭

4. 아래와 같은 형태로 'notebook.displayOrder':['image/png','text/plain']을 넣어준다.

jupyter notebook 설정 예시

# 이것을 그대로 복사해서 붙여 넣었을 때도 작동할 수 있음.
# 그러나, 개인의 확장파일에 따른 옵션들이 변동될 가능성이 있으니
# "notebook.displayOrder": ["image/png", "text/plain"] 부분만 추가하길 권장함.
{
    "workbench.editor.defaultBinaryEditor": "jupyter-notebook",
    "jupyter.themeMatplotlibPlots": true,
    "jupyter.generateSVGPlots": true,
    "notebook.editorOptionsCustomizations": {
    
    },
    "notebook.displayOrder": ["image/png", "text/plain"]
}

5. 코드를 다시 실행하면 잘 나올 것이다.

처리후 결과

 

이외에 그림이 vscode의 dark theme처럼 바뀔수도 있다.

이럴 때는 위의 방식과 동일하게 아래의 코드를 추가하면 된다.

그리고 커널 재시작을 실행하면 된다.

"jupyter.runStartupCommands": [
        "import matplotlib.pyplot as plt",
        "plt.style.use('ggplot')"
    ]