웹 페이지에 인터랙티브 플롯을 포함하는 방법 – Bokeh 활용 가이드

웹 페이지에서 마우스로 확대·축소하거나 자유롭게 조작할 수 있는 인터랙티브(interactive) 플롯을 표시하려면 Bokeh 라이브러리를 활용하면 됩니다. 아래 단계를 따라 진행해 보세요.

• Bokeh를 설치한 후 figure, show, output_file 모듈을 임포트합니다.
• show() 함수가 호출될 때 출력 결과가 HTML 파일로 저장되도록 기본 출력 상태를 설정합니다.
• 플롯을 그리기 위한 새로운 Figure 객체를 생성합니다.
• 지정한 URL에서 불러온 이미지를 렌더링합니다.
• Bokeh 객체 또는 애플리케이션을 즉시 화면에 표시합니다.

아직 Bokeh가 설치되어 있지 않다면 먼저 다음 명령어로 설치하세요.

pip install bokeh

예제 코드

from bokeh.plotting import figure, show, output_file

output_file('image.html')
p = figure(x_range=(0, 1), y_range=(0, 1))

p.image_url(url=['bird.jpg'], x=0, y=1, w=0.8, h=0.6)
show(p)

실행 결과

코드를 실행하면 기본 브라우저에 다음과 같은 이미지가 표시됩니다.

생성된 플롯은 인터랙티브하게 동작하기 때문에, 브라우저에서 이미지를 자유롭게 이동하며 확인할 수 있습니다.