使用python语言可以在jupyter notebook上探索数据，而javascrpt语言上是否也有类似的工具呢？当然，他就是今天的主角，Runkit基于nodejs可以让我们轻松的使用JavaScript在notebook上探索想法。Runkit内置了所有的npm包，开箱即用。

image.png

在自己的页面使用

要在自己的页面使用，可以使用以下有两种使用方式：

方式1：

使用 data-element-id 属性设置

<script src="https://embed.runkit.com" data-element-id="my-element"></script>
<div id="my-element"></div>

方式2：

使用 RunKit.createNotebook 方法传参

<script src="https://embed.runkit.com"></script>
<div id="my-element"></div>

<script>
var notebook = RunKit.createNotebook({
    element: document.getElementById("my-element")
})
</script>