Как добавить изображение GIF в блокнот Jupyter

Question

Я пытаюсь связать визуализацию с блокнотом Jupyter с помощью сценариев iframe и JS, предоставленных с сайта: https://public.flourish.studio/visualisation/1631776/, но получаю неверную синтаксическую ошибку в блокноте.

У меня есть пробовал, как указано ниже, какие-либо идеи о том, что это за проблема?

from IPython.display import display, HTML
js = "<div class="flourish-embed flourish-bar-chart-race" data-src="visualisation/1631776"> 
<script src="https://public.flourish.studio/resources/embed.js"></script></div>"
display(HTML(js))

ОШИБКА:

File "<ipython-input-4-5d8ce592337a>", line 2
js = "<div class="flourish-embed flourish-bar-chart-race" data-src="visualisation/1631776"><script src="https://public.flourish.studio/resources/embed.js"></script></div>"
                         ^
SyntaxError: invalid syntax

Примечание: Я также попытался загрузить тот же GIF из git репозитория, как показано ниже, но получил ошибку тайм-аута:

import matplotlib.pyplot as plt
import matplotlib.image as mpimg
img = mpimg.imread("https://github.com/rsyed1/kaggle/blob/master/Cases2020.gif?raw=true")
plt.imshow(img)

Ошибка:

gaierror                                  Traceback (most recent call last)
/opt/conda/lib/python3.6/urllib/request.py in do_open(self, http_class, req, **http_conn_args)
1317                 h.request(req.get_method(), req.selector, req.data, headers,
-> 1318                           encode_chunked=req.has_header('Transfer-encoding'))
1319             except OSError as err: # timeout error

Answer 1

Попробуйте следующее для iframe:

import IPython
url = "https://public.flourish.studio/visualisation/1631776/"
iframe = '<iframe src=' + url + ' width=700 height=350></iframe>'
IPython.display.HTML(iframe)

Игнорируйте предупреждение, поскольку предлагаемая версия в настоящее время не работает.

---

Для использования кода для отображения gif:

from IPython.display import Image
Image("https://raw.githubusercontent.com/rsyed1/kaggle/master/Cases2020.gif")

---

Для размещения изображения GIF в ячейке уценки используйте:

![display image](https://raw.githubusercontent.com/rsyed1/kaggle/master/Cases2020.gif)