Rendering svg images in Jupyter notebook markdown on GitHub

Asked Mar 24 '22 at 09:57

Active Mar 24 '22 at 11:17

Viewed 477 times

The markdown code below can be rendered in Jupyter notebook locally in my browser, but it doesn't reader on GitHub (instead shown as broken image icons)

<img src="img/plot1_m_over_n=5.svg" width="500"> <img src="img/plot2_m_over_n=10.svg" width="500">

There's a lot of math so I used Jupyter notebook (LaTeX) for the readme (no code cells, just lots of markdown cells), and I know there is a python solution here (In [8]), but I don't want to show the python code. I just want the SVGs to be rendered! Plus it can't resize the svg. How can I adjust the markdown code above so that it can be rendered on GitHub?

asked Mar 24 '22 at 09:57

Mark Taylor

I'm pretty sure you'll have to change those URLs to the raw links, e.g. see https://stackoverflow.com/a/14494775/354577 – ChrisGPT was on strike Mar 24 '22 at 11:06
@Chris Oh gosh, I just found that it can render correctly in a public repo, but not in a private one (which I tested before). – Mark Taylor Mar 24 '22 at 11:11
@Chris And I believe replacing them with explicit URLs should solve the not rendering problem in a private repo ; ) – Mark Taylor Mar 24 '22 at 11:21
I'm surprised that this makes any difference for public vs. private repositories. As long as you're logged in and have access to the repo, the links should work. – ChrisGPT was on strike Mar 24 '22 at 13:14

Rendering svg images in Jupyter notebook markdown on GitHub

0 Answers0