此示例中有三个单元格。
* 第一个单元格创建一个文件，其中包含一些html代码和javascript来控制球
* 第二个单元格定义了Python函数，用于编辑文件，以调整球的数量等。
* 第三个单元格调用Python funciton f1，它启动html和javascript。
这是第一个单元格。
```python
%%writefile f1.template
```
这是第二个单元格。
```python
from IPython.display import IFrame
import re
def replace_all(txt,d):
rep = dict((re.escape('{'+k+'}'), str(v)) for k, v in d.items())
pattern = re.compile("|".join(rep.keys()))
return pattern.sub(lambda m: rep[re.escape(m.group(0))], txt)
count=0
def serve_html(s,w,h):
import os
global count
count+=1
fn= '__tmp'+str(os.getpid())+'_'+str(count)+'.html'
with open(fn,'w') as f:
f.write(s)
return IFrame('files/'+fn,w,h)
def f1(w=500,h=400,ball_count=150,rad_min=2,rad_fac=11,color_count=3):
d={
'width' :w,
'height' :h,
'ball_count' :ball_count,
'rad_min' :rad_min,
'rad_fac' :rad_fac,
'color_count':color_count
}
with open('f1.template','r') as f:
s=f.read()
s= replace_all(s,d)
return serve_html(s,w+30,h+30)
```
这是第三个单元格。
```python
f1(ball_count=50, color_count=17, rad_fac=10, rad_min=3, w=600)
```