#!/usr/bin/env python
# coding: utf-8

# In[1]:


get_ipython().run_line_magic('load_ext', 'tsumiki')


# ## Work with jinja2 template.

# In[2]:


first_name = "Yuki"
last_name = "Nagato"


# In[3]:


get_ipython().run_cell_magic('tsumiki', '-r', '\n:Markdown:\n**{{ first_name }} {{ last_name }}** is a fictional character in the Haruhi Suzumiya franchise.\n')


# In[4]:


sos_member = ["Haruhi", "Koizumi", "Mikuru", "Nagato", "Kyon"]


# In[5]:


get_ipython().run_cell_magic('tsumiki', '-r', '\n:Markdown:\n### SOS Brigade members\n{% for member in sos_member %}\n    * {{ member }}\n{% endfor %}\n')


# ### with pandas DataFrame

# In[6]:


import numpy as np
import pandas as pd

df1 = pd.DataFrame(np.random.rand(5, 5))
df2 = pd.DataFrame(np.random.rand(5, 5))
df1_html = df1.to_html()
df2_html = df2.to_html()


# In[7]:


get_ipython().run_cell_magic('tsumiki', '-r', '\n:HTML::\n{{ df1_html }}\n\n:HTML::\n{{ df2_html }}\n')


# #### with matplotlib

# In[8]:


from io import StringIO
import matplotlib.pyplot as plt

svg_data = StringIO()

fig, ax = plt.subplots()
ax.plot(df1)
fig.savefig(svg_data, format="SVG")
plt.close(fig)
svg_data.seek(0)

plot_data = svg_data.read()


# In[9]:


get_ipython().run_cell_magic('tsumiki', '-r', '\n:Markdown:\n# DataFrame and Plot\n\n:HTML::\n{{ df1_html }}\n:HTML::\n{{ plot_data }}\n')


# In[ ]: