Skip to content

Instantly share code, notes, and snippets.

@stared

stared/html_svg_github_test.ipynb

Created July 14, 2018 13:14
Show Gist options
  • Save stared/854d5c72181a5197ac58743a11ae19d7 to your computer and use it in GitHub Desktop.
Save stared/854d5c72181a5197ac58743a11ae19d7 to your computer and use it in GitHub Desktop.
Download ZIP
Jupyter in GitHub SVG HTML display
Display the source blob
Display the rendered blob
Raw
html_svg_github_test.ipynb
{
"cells": [
{
"cell_type": "code",
"execution_count": 1,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"from IPython.core.display import display, HTML, SVG"
]
},
{
"cell_type": "code",
"execution_count": 2,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"html = \"\"\"\n",
"<ul>\n",
" <li>Buy milk</li>\n",
" <li>Buy bread</li>\n",
" <li>Do homework</li>\n",
"</ul>\n",
"\"\"\""
]
},
{
"cell_type": "code",
"execution_count": 3,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"<ul>\n",
" <li>Buy milk</li>\n",
" <li>Buy bread</li>\n",
" <li>Do homework</li>\n",
"</ul>\n"
],
"text/plain": [
"<IPython.core.display.HTML object>"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"display(HTML(html))"
]
},
{
"cell_type": "code",
"execution_count": 4,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"<ul>\n",
" <li>Buy milk</li>\n",
" <li>Buy bread</li>\n",
" <li>Do homework</li>\n",
"</ul>\n"
],
"text/plain": [
"<IPython.core.display.HTML object>"
]
},
"execution_count": 4,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"HTML(html)"
]
},
{
"cell_type": "code",
"execution_count": 5,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"svg = \"\"\"\n",
"<svg width='300' height='300'>\n",
" <rect width='200' height='50' x='50' y='100' />\n",
"</svg>\n",
"\"\"\""
]
},
{
"cell_type": "code",
"execution_count": 6,
"metadata": {},
"outputs": [
{
"data": {
"image/svg+xml": [
"<svg height=\"300\" width=\"300\">\n",
" <rect height=\"50\" width=\"200\" x=\"50\" y=\"100\"/>\n",
"</svg>"
],
"text/plain": [
"<IPython.core.display.SVG object>"
]
},
"execution_count": 6,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"SVG(svg)"
]
},
{
"cell_type": "code",
"execution_count": 7,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"<svg width='300' height='300'>\n",
" <rect width='200' height='50' x='50' y='100' />\n",
"</svg>\n"
],
"text/plain": [
"<IPython.core.display.HTML object>"
]
},
"execution_count": 7,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"HTML(svg)"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python [default]",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.5.4"
}
},
"nbformat": 4,
"nbformat_minor": 2
}
@stared
Copy link
Author

stared commented Jul 14, 2018

Works in nbviewer, though: http://nbviewer.jupyter.org/gist/stared/854d5c72181a5197ac58743a11ae19d7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment