1693 lines
106 KiB
Plaintext
1693 lines
106 KiB
Plaintext
{
|
||
"cells": [
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "a9183228-0ba6-4af9-8430-649e28868253",
|
||
"metadata": {
|
||
"id": "JMXGlIvAwn30"
|
||
},
|
||
"source": [
|
||
"# 对话聊天\n",
|
||
"\n",
|
||
"使用一个大型语言模型的一个令人兴奋的事情是，我们可以用它来构建一个定制的聊天机器人，只需要很少的工作量。在这一节中，我们将探索如何利用聊天格式（接口）与个性化或专门针对特定任务或行为的聊天机器人进行延伸对话。\n",
|
||
"\n",
|
||
"\n",
|
||
"## 启动"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 1,
|
||
"id": "7fa0d9b5",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [],
|
||
"source": [
|
||
"import os\n",
|
||
"import openai\n",
|
||
"\n",
|
||
"OPENAI_API_KEY = os.environ.get(\"OPENAI_API_KEY2\")\n",
|
||
"openai.api_key = OPENAI_API_KEY"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "2c9b885b",
|
||
"metadata": {},
|
||
"source": [
|
||
"像 ChatGPT 这样的聊天模型实际上是组装成以一系列消息作为输入，并返回一个模型生成的消息作为输出的。虽然聊天格式的设计旨在使这种多轮对话变得容易，但我们通过之前的学习可以知道，它对于没有任何对话的单轮任务也同样有用。\n",
|
||
"\n",
|
||
"接下来，我们将定义两个辅助函数。第一个是单轮的，我们将prompt放入看起来像是某种用户消息的东西中。另一个则传入一个消息列表。这些消息可以来自不同的角色，我们会描述一下这些角色。\n",
|
||
"\n",
|
||
"第一条消息是一个系统消息，它提供了一个总体的指示，然后在这个消息之后，我们有用户和助手之间的交替。如果你曾经使用过 ChatGPT 网页界面，那么你的消息是用户消息，而 ChatGPT 的消息是助手消息。系统消息则有助于设置助手的行为和角色，并作为对话的高级指示。你可以想象它在助手的耳边低语，引导它的回应，而用户不会注意到系统消息。\n",
|
||
"\n",
|
||
"因此，作为用户，如果你曾经使用过 ChatGPT，你可能不知道 ChatGPT 的系统消息是什么，这是有意为之的。系统消息的好处是为开发者提供了一种方法，在不让请求本身成为对话的一部分的情况下，引导助手并指导其回应。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 3,
|
||
"id": "f5308d65",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [],
|
||
"source": [
|
||
"def get_completion(prompt, model=\"gpt-3.5-turbo\"):\n",
|
||
" messages = [{\"role\": \"user\", \"content\": prompt}]\n",
|
||
" response = openai.ChatCompletion.create(\n",
|
||
" model=model,\n",
|
||
" messages=messages,\n",
|
||
" temperature=0, # 控制模型输出的随机程度\n",
|
||
" )\n",
|
||
" return response.choices[0].message[\"content\"]\n",
|
||
"\n",
|
||
"def get_completion_from_messages(messages, model=\"gpt-3.5-turbo\", temperature=0):\n",
|
||
" response = openai.ChatCompletion.create(\n",
|
||
" model=model,\n",
|
||
" messages=messages,\n",
|
||
" temperature=temperature, # 控制模型输出的随机程度\n",
|
||
" )\n",
|
||
"# print(str(response.choices[0].message))\n",
|
||
" return response.choices[0].message[\"content\"]"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "46caaa5b",
|
||
"metadata": {},
|
||
"source": [
|
||
"现在让我们尝试在对话中使用这些消息。我们将使用上面的函数来获取从这些消息中得到的回答，同时，使用更高的 temperature（越高生成的越多样）。\n",
|
||
"\n",
|
||
"系统消息说，你是一个说话像莎士比亚的助手。这是我们向助手描述它应该如何表现的方式。然后，第一个用户消息是，给我讲个笑话。接下来的消息是，为什么鸡会过马路？然后最后一个用户消息是，我不知道。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 4,
|
||
"id": "cee681b7",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [],
|
||
"source": [
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'You are an assistant that speaks like Shakespeare.'}, \n",
|
||
"{'role':'user', 'content':'tell me a joke'}, \n",
|
||
"{'role':'assistant', 'content':'Why did the chicken cross the road'}, \n",
|
||
"{'role':'user', 'content':'I don\\'t know'} ]"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 5,
|
||
"id": "da45ea0f",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"To get to the other side, fair sir.\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 8,
|
||
"id": "02b0e4d3",
|
||
"metadata": {},
|
||
"outputs": [],
|
||
"source": [
|
||
"# 中文\n",
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'你是一个像莎士比亚一样说话的助手。'}, \n",
|
||
"{'role':'user', 'content':'给我讲个笑话'}, \n",
|
||
"{'role':'assistant', 'content':'鸡为什么过马路'}, \n",
|
||
"{'role':'user', 'content':'我不知道'} ]"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 9,
|
||
"id": "65f80283",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"因为它要去找“母鸡”。哈哈哈！（注：此为英文双关语，\"chicken\"是鸡的意思，也是胆小的意思；\"cross the road\"是过马路的意思，也是“破坏规则”的意思。）\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "5f76bedb",
|
||
"metadata": {},
|
||
"source": [
|
||
"让我们做另一个例子。助手的消息是，你是一个友好的聊天机器人，第一个用户消息是，嗨，我叫Isa。我们想要得到第一个用户消息。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 10,
|
||
"id": "ca733f8f",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"Hello Isa! It's great to meet you. How can I assist you today?\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'You are friendly chatbot.'}, \n",
|
||
"{'role':'user', 'content':'Hi, my name is Isa'} ]\n",
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 11,
|
||
"id": "ca517ab0",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"嗨，Isa，很高兴见到你！有什么我可以帮助你的吗？\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"# 中文\n",
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'你是个友好的聊天机器人。'}, \n",
|
||
"{'role':'user', 'content':'Hi, 我是Isa。'} ]\n",
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "1e9f96ba",
|
||
"metadata": {},
|
||
"source": [
|
||
"让我们再试一个例子。系统消息是，你是一个友好的聊天机器人，第一个用户消息是，是的，你能提醒我我的名字是什么吗？"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 12,
|
||
"id": "0ae595bc",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"I'm sorry, but since we don't have any personal information about you, I don't know your name. Can you please tell me your name?\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'You are friendly chatbot.'}, \n",
|
||
"{'role':'user', 'content':'Yes, can you remind me, What is my name?'} ]\n",
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 14,
|
||
"id": "a606d422",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"抱歉，我不知道您的名字，因为我们是虚拟的聊天机器人和现实生活中的人类在不同的世界中。\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"# 中文\n",
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'你是个友好的聊天机器人。'}, \n",
|
||
"{'role':'user', 'content':'好，你能提醒我，我的名字是什么吗？'} ]\n",
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "05c65d16",
|
||
"metadata": {},
|
||
"source": [
|
||
"如上所见，模型实际上并不知道我的名字。\n",
|
||
"\n",
|
||
"因此，每次与语言模型的交互都是一个独立的交互，这意味着我们必须提供所有相关的消息，以便模型在当前对话中进行引用。如果想让模型引用或 “记住” 对话的早期部分，则必须在模型的输入中提供早期的交流。我们将其称为上下文。让我们试试。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 15,
|
||
"id": "56cbb817",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"Your name is Isa.\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'You are friendly chatbot.'},\n",
|
||
"{'role':'user', 'content':'Hi, my name is Isa'},\n",
|
||
"{'role':'assistant', 'content': \"Hi Isa! It's nice to meet you. \\\n",
|
||
"Is there anything I can help you with today?\"},\n",
|
||
"{'role':'user', 'content':'Yes, you can remind me, What is my name?'} ]\n",
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 16,
|
||
"id": "6019b1d5",
|
||
"metadata": {
|
||
"scrolled": true
|
||
},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"当然可以！您的名字是Isa。\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"# 中文\n",
|
||
"messages = [ \n",
|
||
"{'role':'system', 'content':'你是个友好的聊天机器人。'},\n",
|
||
"{'role':'user', 'content':'Hi, 我是Isa'},\n",
|
||
"{'role':'assistant', 'content': \"Hi Isa! 很高兴认识你。今天有什么可以帮到你的吗?\"},\n",
|
||
"{'role':'user', 'content':'是的，你可以提醒我, 我的名字是什么?'} ]\n",
|
||
"response = get_completion_from_messages(messages, temperature=1)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "c1ed90a6",
|
||
"metadata": {},
|
||
"source": [
|
||
"现在我们已经给模型提供了上下文，也就是之前的对话中提到的我的名字，然后我们会问同样的问题，也就是我的名字是什么。因为模型有了需要的全部上下文，所以它能够做出回应，就像我们在输入的消息列表中看到的一样。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "dedba66a-58b0-40d4-b9ae-47e79ae22328",
|
||
"metadata": {
|
||
"id": "bBg_MpXeYnTq"
|
||
},
|
||
"source": [
|
||
"# 订餐机器人\n",
|
||
"\n",
|
||
"现在，我们构建一个 “订餐机器人”，我们需要它自动收集用户信息，接受比萨饼店的订单。\n",
|
||
"\n",
|
||
"下面这个函数将收集我们的用户消息，以便我们可以避免手动输入，就像我们在刚刚上面做的那样。这个函数将从我们下面构建的用户界面中收集提示，然后将其附加到一个名为上下文的列表中，并在每次调用模型时使用该上下文。模型的响应也会被添加到上下文中，所以模型消息和用户消息都被添加到上下文中，因此上下文逐渐变长。这样，模型就有了需要的信息来确定下一步要做什么。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 19,
|
||
"id": "e76749ac",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [],
|
||
"source": [
|
||
"def collect_messages(_):\n",
|
||
" prompt = inp.value_input\n",
|
||
" inp.value = ''\n",
|
||
" context.append({'role':'user', 'content':f\"{prompt}\"})\n",
|
||
" response = get_completion_from_messages(context) \n",
|
||
" context.append({'role':'assistant', 'content':f\"{response}\"})\n",
|
||
" panels.append(\n",
|
||
" pn.Row('User:', pn.pane.Markdown(prompt, width=600)))\n",
|
||
" panels.append(\n",
|
||
" pn.Row('Assistant:', pn.pane.Markdown(response, width=600, style={'background-color': '#F6F6F6'})))\n",
|
||
" \n",
|
||
" return pn.Column(*panels)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "8a3b003e",
|
||
"metadata": {},
|
||
"source": [
|
||
"现在，我们将设置并运行这个 UI 来显示订单机器人。初始的上下文包含了包含菜单的系统消息。请注意，上下文会随着时间的推移而不断增长。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": null,
|
||
"id": "d9f97fa0",
|
||
"metadata": {},
|
||
"outputs": [],
|
||
"source": [
|
||
"!pip install panel"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 43,
|
||
"id": "c9e746f5",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [
|
||
{
|
||
"data": {
|
||
"application/javascript": [
|
||
"(function(root) {\n",
|
||
" function now() {\n",
|
||
" return new Date();\n",
|
||
" }\n",
|
||
"\n",
|
||
" var force = true;\n",
|
||
"\n",
|
||
" if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n",
|
||
" root._bokeh_onload_callbacks = [];\n",
|
||
" root._bokeh_is_loading = undefined;\n",
|
||
" }\n",
|
||
"\n",
|
||
" if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n",
|
||
" root._bokeh_timeout = Date.now() + 5000;\n",
|
||
" root._bokeh_failed_load = false;\n",
|
||
" }\n",
|
||
"\n",
|
||
" function run_callbacks() {\n",
|
||
" try {\n",
|
||
" root._bokeh_onload_callbacks.forEach(function(callback) {\n",
|
||
" if (callback != null)\n",
|
||
" callback();\n",
|
||
" });\n",
|
||
" } finally {\n",
|
||
" delete root._bokeh_onload_callbacks\n",
|
||
" }\n",
|
||
" console.debug(\"Bokeh: all callbacks have finished\");\n",
|
||
" }\n",
|
||
"\n",
|
||
" function load_libs(css_urls, js_urls, js_modules, callback) {\n",
|
||
" if (css_urls == null) css_urls = [];\n",
|
||
" if (js_urls == null) js_urls = [];\n",
|
||
" if (js_modules == null) js_modules = [];\n",
|
||
"\n",
|
||
" root._bokeh_onload_callbacks.push(callback);\n",
|
||
" if (root._bokeh_is_loading > 0) {\n",
|
||
" console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
|
||
" return null;\n",
|
||
" }\n",
|
||
" if (js_urls.length === 0 && js_modules.length === 0) {\n",
|
||
" run_callbacks();\n",
|
||
" return null;\n",
|
||
" }\n",
|
||
" console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
|
||
"\n",
|
||
" function on_load() {\n",
|
||
" root._bokeh_is_loading--;\n",
|
||
" if (root._bokeh_is_loading === 0) {\n",
|
||
" console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n",
|
||
" run_callbacks()\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" function on_error() {\n",
|
||
" console.error(\"failed to load \" + url);\n",
|
||
" }\n",
|
||
"\n",
|
||
" for (var i = 0; i < css_urls.length; i++) {\n",
|
||
" var url = css_urls[i];\n",
|
||
" const element = document.createElement(\"link\");\n",
|
||
" element.onload = on_load;\n",
|
||
" element.onerror = on_error;\n",
|
||
" element.rel = \"stylesheet\";\n",
|
||
" element.type = \"text/css\";\n",
|
||
" element.href = url;\n",
|
||
" console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n",
|
||
" document.body.appendChild(element);\n",
|
||
" }\n",
|
||
"\n",
|
||
" var skip = [];\n",
|
||
" if (window.requirejs) {\n",
|
||
" window.requirejs.config({'packages': {}, 'paths': {'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n",
|
||
" require([\"gridstack\"], function(GridStack) {\n",
|
||
"\twindow.GridStack = GridStack\n",
|
||
"\ton_load()\n",
|
||
" })\n",
|
||
" require([\"notyf\"], function() {\n",
|
||
"\ton_load()\n",
|
||
" })\n",
|
||
" root._bokeh_is_loading = css_urls.length + 2;\n",
|
||
" } else {\n",
|
||
" root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n",
|
||
" } if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n",
|
||
" var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n",
|
||
" for (var i = 0; i < urls.length; i++) {\n",
|
||
" skip.push(urls[i])\n",
|
||
" }\n",
|
||
" } if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n",
|
||
" var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n",
|
||
" for (var i = 0; i < urls.length; i++) {\n",
|
||
" skip.push(urls[i])\n",
|
||
" }\n",
|
||
" } for (var i = 0; i < js_urls.length; i++) {\n",
|
||
" var url = js_urls[i];\n",
|
||
" if (skip.indexOf(url) >= 0) {\n",
|
||
"\tif (!window.requirejs) {\n",
|
||
"\t on_load();\n",
|
||
"\t}\n",
|
||
"\tcontinue;\n",
|
||
" }\n",
|
||
" var element = document.createElement('script');\n",
|
||
" element.onload = on_load;\n",
|
||
" element.onerror = on_error;\n",
|
||
" element.async = false;\n",
|
||
" element.src = url;\n",
|
||
" console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
|
||
" document.head.appendChild(element);\n",
|
||
" }\n",
|
||
" for (var i = 0; i < js_modules.length; i++) {\n",
|
||
" var url = js_modules[i];\n",
|
||
" if (skip.indexOf(url) >= 0) {\n",
|
||
"\tif (!window.requirejs) {\n",
|
||
"\t on_load();\n",
|
||
"\t}\n",
|
||
"\tcontinue;\n",
|
||
" }\n",
|
||
" var element = document.createElement('script');\n",
|
||
" element.onload = on_load;\n",
|
||
" element.onerror = on_error;\n",
|
||
" element.async = false;\n",
|
||
" element.src = url;\n",
|
||
" element.type = \"module\";\n",
|
||
" console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
|
||
" document.head.appendChild(element);\n",
|
||
" }\n",
|
||
" if (!js_urls.length && !js_modules.length) {\n",
|
||
" on_load()\n",
|
||
" }\n",
|
||
" };\n",
|
||
"\n",
|
||
" function inject_raw_css(css) {\n",
|
||
" const element = document.createElement(\"style\");\n",
|
||
" element.appendChild(document.createTextNode(css));\n",
|
||
" document.body.appendChild(element);\n",
|
||
" }\n",
|
||
"\n",
|
||
" var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n",
|
||
" var js_modules = [];\n",
|
||
" var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\"];\n",
|
||
" var inline_js = [ function(Bokeh) {\n",
|
||
" inject_raw_css(\"\\n .bk.pn-loading.arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n }\\n \");\n",
|
||
" }, function(Bokeh) {\n",
|
||
" Bokeh.set_log_level(\"info\");\n",
|
||
" },\n",
|
||
"function(Bokeh) {} // ensure no trailing comma for IE\n",
|
||
" ];\n",
|
||
"\n",
|
||
" function run_inline_js() {\n",
|
||
" if ((root.Bokeh !== undefined) || (force === true)) {\n",
|
||
" for (var i = 0; i < inline_js.length; i++) {\n",
|
||
" inline_js[i].call(root, root.Bokeh);\n",
|
||
" }} else if (Date.now() < root._bokeh_timeout) {\n",
|
||
" setTimeout(run_inline_js, 100);\n",
|
||
" } else if (!root._bokeh_failed_load) {\n",
|
||
" console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
|
||
" root._bokeh_failed_load = true;\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" if (root._bokeh_is_loading === 0) {\n",
|
||
" console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n",
|
||
" run_inline_js();\n",
|
||
" } else {\n",
|
||
" load_libs(css_urls, js_urls, js_modules, function() {\n",
|
||
" console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n",
|
||
" run_inline_js();\n",
|
||
" });\n",
|
||
" }\n",
|
||
"}(window));"
|
||
],
|
||
"application/vnd.holoviews_load.v0+json": "(function(root) {\n function now() {\n return new Date();\n }\n\n var force = true;\n\n if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n root._bokeh_onload_callbacks = [];\n root._bokeh_is_loading = undefined;\n }\n\n if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n root._bokeh_timeout = Date.now() + 5000;\n root._bokeh_failed_load = false;\n }\n\n function run_callbacks() {\n try {\n root._bokeh_onload_callbacks.forEach(function(callback) {\n if (callback != null)\n callback();\n });\n } finally {\n delete root._bokeh_onload_callbacks\n }\n console.debug(\"Bokeh: all callbacks have finished\");\n }\n\n function load_libs(css_urls, js_urls, js_modules, callback) {\n if (css_urls == null) css_urls = [];\n if (js_urls == null) js_urls = [];\n if (js_modules == null) js_modules = [];\n\n root._bokeh_onload_callbacks.push(callback);\n if (root._bokeh_is_loading > 0) {\n console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n return null;\n }\n if (js_urls.length === 0 && js_modules.length === 0) {\n run_callbacks();\n return null;\n }\n console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n function on_load() {\n root._bokeh_is_loading--;\n if (root._bokeh_is_loading === 0) {\n console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n run_callbacks()\n }\n }\n\n function on_error() {\n console.error(\"failed to load \" + url);\n }\n\n for (var i = 0; i < css_urls.length; i++) {\n var url = css_urls[i];\n const element = document.createElement(\"link\");\n element.onload = on_load;\n element.onerror = on_error;\n element.rel = \"stylesheet\";\n element.type = \"text/css\";\n element.href = url;\n console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n document.body.appendChild(element);\n }\n\n var skip = [];\n if (window.requirejs) {\n window.requirejs.config({'packages': {}, 'paths': {'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n })\n require([\"notyf\"], function() {\n\ton_load()\n })\n root._bokeh_is_loading = css_urls.length + 2;\n } else {\n root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n } if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } for (var i = 0; i < js_urls.length; i++) {\n var url = js_urls[i];\n if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onload = on_load;\n element.onerror = on_error;\n element.async = false;\n element.src = url;\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n document.head.appendChild(element);\n }\n for (var i = 0; i < js_modules.length; i++) {\n var url = js_modules[i];\n if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onload = on_load;\n element.onerror = on_error;\n element.async = false;\n element.src = url;\n element.type = \"module\";\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n document.head.appendChild(element);\n }\n if (!js_urls.length && !js_modules.length) {\n on_load()\n }\n };\n\n function inject_raw_css(css) {\n const element = document.createElement(\"style\");\n element.appendChild(document.createTextNode(css));\n document.body.appendChild(element);\n }\n\n var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n var js_modules = [];\n var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\"];\n var inline_js = [ function(Bokeh) {\n inject_raw_css(\"\\n .bk.pn-loading.arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n }\\n \");\n }, function(Bokeh) {\n Bokeh.set_log_level(\"info\");\n },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n ];\n\n function run_inline_js() {\n if ((root.Bokeh !== undefined) || (force === true)) {\n for (var i = 0; i < inline_js.length; i++) {\n inline_js[i].call(root, root.Bokeh);\n }} else if (Date.now() < root._bokeh_timeout) {\n setTimeout(run_inline_js, 100);\n } else if (!root._bokeh_failed_load) {\n console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n root._bokeh_failed_load = true;\n }\n }\n\n if (root._bokeh_is_loading === 0) {\n console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n run_inline_js();\n } else {\n load_libs(css_urls, js_urls, js_modules, function() {\n console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n run_inline_js();\n });\n }\n}(window));"
|
||
},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
},
|
||
{
|
||
"data": {
|
||
"application/javascript": [
|
||
"\n",
|
||
"if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n",
|
||
" window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n",
|
||
"}\n",
|
||
"\n",
|
||
"\n",
|
||
" function JupyterCommManager() {\n",
|
||
" }\n",
|
||
"\n",
|
||
" JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n",
|
||
" if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
|
||
" var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
|
||
" comm_manager.register_target(comm_id, function(comm) {\n",
|
||
" comm.on_msg(msg_handler);\n",
|
||
" });\n",
|
||
" } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
|
||
" window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n",
|
||
" comm.onMsg = msg_handler;\n",
|
||
" });\n",
|
||
" } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
|
||
" google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n",
|
||
" var messages = comm.messages[Symbol.asyncIterator]();\n",
|
||
" function processIteratorResult(result) {\n",
|
||
" var message = result.value;\n",
|
||
" console.log(message)\n",
|
||
" var content = {data: message.data, comm_id};\n",
|
||
" var buffers = []\n",
|
||
" for (var buffer of message.buffers || []) {\n",
|
||
" buffers.push(new DataView(buffer))\n",
|
||
" }\n",
|
||
" var metadata = message.metadata || {};\n",
|
||
" var msg = {content, buffers, metadata}\n",
|
||
" msg_handler(msg);\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" }\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" })\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n",
|
||
" if (comm_id in window.PyViz.comms) {\n",
|
||
" return window.PyViz.comms[comm_id];\n",
|
||
" } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
|
||
" var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
|
||
" var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n",
|
||
" if (msg_handler) {\n",
|
||
" comm.on_msg(msg_handler);\n",
|
||
" }\n",
|
||
" } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
|
||
" var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n",
|
||
" comm.open();\n",
|
||
" if (msg_handler) {\n",
|
||
" comm.onMsg = msg_handler;\n",
|
||
" }\n",
|
||
" } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
|
||
" var comm_promise = google.colab.kernel.comms.open(comm_id)\n",
|
||
" comm_promise.then((comm) => {\n",
|
||
" window.PyViz.comms[comm_id] = comm;\n",
|
||
" if (msg_handler) {\n",
|
||
" var messages = comm.messages[Symbol.asyncIterator]();\n",
|
||
" function processIteratorResult(result) {\n",
|
||
" var message = result.value;\n",
|
||
" var content = {data: message.data};\n",
|
||
" var metadata = message.metadata || {comm_id};\n",
|
||
" var msg = {content, metadata}\n",
|
||
" msg_handler(msg);\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" }\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" }\n",
|
||
" }) \n",
|
||
" var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n",
|
||
" return comm_promise.then((comm) => {\n",
|
||
" comm.send(data, metadata, buffers, disposeOnDone);\n",
|
||
" });\n",
|
||
" };\n",
|
||
" var comm = {\n",
|
||
" send: sendClosure\n",
|
||
" };\n",
|
||
" }\n",
|
||
" window.PyViz.comms[comm_id] = comm;\n",
|
||
" return comm;\n",
|
||
" }\n",
|
||
" window.PyViz.comm_manager = new JupyterCommManager();\n",
|
||
" \n",
|
||
"\n",
|
||
"\n",
|
||
"var JS_MIME_TYPE = 'application/javascript';\n",
|
||
"var HTML_MIME_TYPE = 'text/html';\n",
|
||
"var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n",
|
||
"var CLASS_NAME = 'output';\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Render data to the DOM node\n",
|
||
" */\n",
|
||
"function render(props, node) {\n",
|
||
" var div = document.createElement(\"div\");\n",
|
||
" var script = document.createElement(\"script\");\n",
|
||
" node.appendChild(div);\n",
|
||
" node.appendChild(script);\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle when a new output is added\n",
|
||
" */\n",
|
||
"function handle_add_output(event, handle) {\n",
|
||
" var output_area = handle.output_area;\n",
|
||
" var output = handle.output;\n",
|
||
" if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
|
||
" return\n",
|
||
" }\n",
|
||
" var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
|
||
" var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
|
||
" if (id !== undefined) {\n",
|
||
" var nchildren = toinsert.length;\n",
|
||
" var html_node = toinsert[nchildren-1].children[0];\n",
|
||
" html_node.innerHTML = output.data[HTML_MIME_TYPE];\n",
|
||
" var scripts = [];\n",
|
||
" var nodelist = html_node.querySelectorAll(\"script\");\n",
|
||
" for (var i in nodelist) {\n",
|
||
" if (nodelist.hasOwnProperty(i)) {\n",
|
||
" scripts.push(nodelist[i])\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" scripts.forEach( function (oldScript) {\n",
|
||
" var newScript = document.createElement(\"script\");\n",
|
||
" var attrs = [];\n",
|
||
" var nodemap = oldScript.attributes;\n",
|
||
" for (var j in nodemap) {\n",
|
||
" if (nodemap.hasOwnProperty(j)) {\n",
|
||
" attrs.push(nodemap[j])\n",
|
||
" }\n",
|
||
" }\n",
|
||
" attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n",
|
||
" newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n",
|
||
" oldScript.parentNode.replaceChild(newScript, oldScript);\n",
|
||
" });\n",
|
||
" if (JS_MIME_TYPE in output.data) {\n",
|
||
" toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n",
|
||
" }\n",
|
||
" output_area._hv_plot_id = id;\n",
|
||
" if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n",
|
||
" window.PyViz.plot_index[id] = Bokeh.index[id];\n",
|
||
" } else {\n",
|
||
" window.PyViz.plot_index[id] = null;\n",
|
||
" }\n",
|
||
" } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
|
||
" var bk_div = document.createElement(\"div\");\n",
|
||
" bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
|
||
" var script_attrs = bk_div.children[0].attributes;\n",
|
||
" for (var i = 0; i < script_attrs.length; i++) {\n",
|
||
" toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
|
||
" }\n",
|
||
" // store reference to server id on output_area\n",
|
||
" output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
|
||
" }\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle when an output is cleared or removed\n",
|
||
" */\n",
|
||
"function handle_clear_output(event, handle) {\n",
|
||
" var id = handle.cell.output_area._hv_plot_id;\n",
|
||
" var server_id = handle.cell.output_area._bokeh_server_id;\n",
|
||
" if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n",
|
||
" var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n",
|
||
" if (server_id !== null) {\n",
|
||
" comm.send({event_type: 'server_delete', 'id': server_id});\n",
|
||
" return;\n",
|
||
" } else if (comm !== null) {\n",
|
||
" comm.send({event_type: 'delete', 'id': id});\n",
|
||
" }\n",
|
||
" delete PyViz.plot_index[id];\n",
|
||
" if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n",
|
||
" var doc = window.Bokeh.index[id].model.document\n",
|
||
" doc.clear();\n",
|
||
" const i = window.Bokeh.documents.indexOf(doc);\n",
|
||
" if (i > -1) {\n",
|
||
" window.Bokeh.documents.splice(i, 1);\n",
|
||
" }\n",
|
||
" }\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle kernel restart event\n",
|
||
" */\n",
|
||
"function handle_kernel_cleanup(event, handle) {\n",
|
||
" delete PyViz.comms[\"hv-extension-comm\"];\n",
|
||
" window.PyViz.plot_index = {}\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle update_display_data messages\n",
|
||
" */\n",
|
||
"function handle_update_output(event, handle) {\n",
|
||
" handle_clear_output(event, {cell: {output_area: handle.output_area}})\n",
|
||
" handle_add_output(event, handle)\n",
|
||
"}\n",
|
||
"\n",
|
||
"function register_renderer(events, OutputArea) {\n",
|
||
" function append_mime(data, metadata, element) {\n",
|
||
" // create a DOM node to render to\n",
|
||
" var toinsert = this.create_output_subarea(\n",
|
||
" metadata,\n",
|
||
" CLASS_NAME,\n",
|
||
" EXEC_MIME_TYPE\n",
|
||
" );\n",
|
||
" this.keyboard_manager.register_events(toinsert);\n",
|
||
" // Render to node\n",
|
||
" var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
|
||
" render(props, toinsert[0]);\n",
|
||
" element.append(toinsert);\n",
|
||
" return toinsert\n",
|
||
" }\n",
|
||
"\n",
|
||
" events.on('output_added.OutputArea', handle_add_output);\n",
|
||
" events.on('output_updated.OutputArea', handle_update_output);\n",
|
||
" events.on('clear_output.CodeCell', handle_clear_output);\n",
|
||
" events.on('delete.Cell', handle_clear_output);\n",
|
||
" events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n",
|
||
"\n",
|
||
" OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
|
||
" safe: true,\n",
|
||
" index: 0\n",
|
||
" });\n",
|
||
"}\n",
|
||
"\n",
|
||
"if (window.Jupyter !== undefined) {\n",
|
||
" try {\n",
|
||
" var events = require('base/js/events');\n",
|
||
" var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
|
||
" if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
|
||
" register_renderer(events, OutputArea);\n",
|
||
" }\n",
|
||
" } catch(err) {\n",
|
||
" }\n",
|
||
"}\n"
|
||
],
|
||
"application/vnd.holoviews_load.v0+json": "\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n function JupyterCommManager() {\n }\n\n JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n comm_manager.register_target(comm_id, function(comm) {\n comm.on_msg(msg_handler);\n });\n } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n comm.onMsg = msg_handler;\n });\n } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n var messages = comm.messages[Symbol.asyncIterator]();\n function processIteratorResult(result) {\n var message = result.value;\n console.log(message)\n var content = {data: message.data, comm_id};\n var buffers = []\n for (var buffer of message.buffers || []) {\n buffers.push(new DataView(buffer))\n }\n var metadata = message.metadata || {};\n var msg = {content, buffers, metadata}\n msg_handler(msg);\n return messages.next().then(processIteratorResult);\n }\n return messages.next().then(processIteratorResult);\n })\n }\n }\n\n JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n if (comm_id in window.PyViz.comms) {\n return window.PyViz.comms[comm_id];\n } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n if (msg_handler) {\n comm.on_msg(msg_handler);\n }\n } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n comm.open();\n if (msg_handler) {\n comm.onMsg = msg_handler;\n }\n } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n var comm_promise = google.colab.kernel.comms.open(comm_id)\n comm_promise.then((comm) => {\n window.PyViz.comms[comm_id] = comm;\n if (msg_handler) {\n var messages = comm.messages[Symbol.asyncIterator]();\n function processIteratorResult(result) {\n var message = result.value;\n var content = {data: message.data};\n var metadata = message.metadata || {comm_id};\n var msg = {content, metadata}\n msg_handler(msg);\n return messages.next().then(processIteratorResult);\n }\n return messages.next().then(processIteratorResult);\n }\n }) \n var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n return comm_promise.then((comm) => {\n comm.send(data, metadata, buffers, disposeOnDone);\n });\n };\n var comm = {\n send: sendClosure\n };\n }\n window.PyViz.comms[comm_id] = comm;\n return comm;\n }\n window.PyViz.comm_manager = new JupyterCommManager();\n \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n var div = document.createElement(\"div\");\n var script = document.createElement(\"script\");\n node.appendChild(div);\n node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n var output_area = handle.output_area;\n var output = handle.output;\n if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n return\n }\n var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n if (id !== undefined) {\n var nchildren = toinsert.length;\n var html_node = toinsert[nchildren-1].children[0];\n html_node.innerHTML = output.data[HTML_MIME_TYPE];\n var scripts = [];\n var nodelist = html_node.querySelectorAll(\"script\");\n for (var i in nodelist) {\n if (nodelist.hasOwnProperty(i)) {\n scripts.push(nodelist[i])\n }\n }\n\n scripts.forEach( function (oldScript) {\n var newScript = document.createElement(\"script\");\n var attrs = [];\n var nodemap = oldScript.attributes;\n for (var j in nodemap) {\n if (nodemap.hasOwnProperty(j)) {\n attrs.push(nodemap[j])\n }\n }\n attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n oldScript.parentNode.replaceChild(newScript, oldScript);\n });\n if (JS_MIME_TYPE in output.data) {\n toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n }\n output_area._hv_plot_id = id;\n if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n window.PyViz.plot_index[id] = Bokeh.index[id];\n } else {\n window.PyViz.plot_index[id] = null;\n }\n } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n var bk_div = document.createElement(\"div\");\n bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n var script_attrs = bk_div.children[0].attributes;\n for (var i = 0; i < script_attrs.length; i++) {\n toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n }\n // store reference to server id on output_area\n output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n var id = handle.cell.output_area._hv_plot_id;\n var server_id = handle.cell.output_area._bokeh_server_id;\n if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n if (server_id !== null) {\n comm.send({event_type: 'server_delete', 'id': server_id});\n return;\n } else if (comm !== null) {\n comm.send({event_type: 'delete', 'id': id});\n }\n delete PyViz.plot_index[id];\n if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n var doc = window.Bokeh.index[id].model.document\n doc.clear();\n const i = window.Bokeh.documents.indexOf(doc);\n if (i > -1) {\n window.Bokeh.documents.splice(i, 1);\n }\n }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n delete PyViz.comms[\"hv-extension-comm\"];\n window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n handle_clear_output(event, {cell: {output_area: handle.output_area}})\n handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n function append_mime(data, metadata, element) {\n // create a DOM node to render to\n var toinsert = this.create_output_subarea(\n metadata,\n CLASS_NAME,\n EXEC_MIME_TYPE\n );\n this.keyboard_manager.register_events(toinsert);\n // Render to node\n var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n render(props, toinsert[0]);\n element.append(toinsert);\n return toinsert\n }\n\n events.on('output_added.OutputArea', handle_add_output);\n events.on('output_updated.OutputArea', handle_update_output);\n events.on('clear_output.CodeCell', handle_clear_output);\n events.on('delete.Cell', handle_clear_output);\n events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n safe: true,\n index: 0\n });\n}\n\nif (window.Jupyter !== undefined) {\n try {\n var events = require('base/js/events');\n var OutputArea = require('notebook/js/outputarea').OutputArea;\n if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n register_renderer(events, OutputArea);\n }\n } catch(err) {\n }\n}\n"
|
||
},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
},
|
||
{
|
||
"data": {
|
||
"text/html": [
|
||
"<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n",
|
||
" font-family: var(--jp-ui-font-size1);\n",
|
||
" font-size: var(--jp-ui-font-size1);\n",
|
||
" color: var(--jp-ui-font-color1);\n",
|
||
"}\n",
|
||
"</style>"
|
||
]
|
||
},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
}
|
||
],
|
||
"source": [
|
||
"import panel as pn # GUI\n",
|
||
"pn.extension()\n",
|
||
"\n",
|
||
"panels = [] # collect display \n",
|
||
"\n",
|
||
"context = [ {'role':'system', 'content':\"\"\"\n",
|
||
"You are OrderBot, an automated service to collect orders for a pizza restaurant. \\\n",
|
||
"You first greet the customer, then collects the order, \\\n",
|
||
"and then asks if it's a pickup or delivery. \\\n",
|
||
"You wait to collect the entire order, then summarize it and check for a final \\\n",
|
||
"time if the customer wants to add anything else. \\\n",
|
||
"If it's a delivery, you ask for an address. \\\n",
|
||
"Finally you collect the payment.\\\n",
|
||
"Make sure to clarify all options, extras and sizes to uniquely \\\n",
|
||
"identify the item from the menu.\\\n",
|
||
"You respond in a short, very conversational friendly style. \\\n",
|
||
"The menu includes \\\n",
|
||
"pepperoni pizza 12.95, 10.00, 7.00 \\\n",
|
||
"cheese pizza 10.95, 9.25, 6.50 \\\n",
|
||
"eggplant pizza 11.95, 9.75, 6.75 \\\n",
|
||
"fries 4.50, 3.50 \\\n",
|
||
"greek salad 7.25 \\\n",
|
||
"Toppings: \\\n",
|
||
"extra cheese 2.00, \\\n",
|
||
"mushrooms 1.50 \\\n",
|
||
"sausage 3.00 \\\n",
|
||
"canadian bacon 3.50 \\\n",
|
||
"AI sauce 1.50 \\\n",
|
||
"peppers 1.00 \\\n",
|
||
"Drinks: \\\n",
|
||
"coke 3.00, 2.00, 1.00 \\\n",
|
||
"sprite 3.00, 2.00, 1.00 \\\n",
|
||
"bottled water 5.00 \\\n",
|
||
"\"\"\"} ] # accumulate messages\n",
|
||
"\n",
|
||
"\n",
|
||
"inp = pn.widgets.TextInput(value=\"Hi\", placeholder='Enter text here…')\n",
|
||
"button_conversation = pn.widgets.Button(name=\"Chat!\")\n",
|
||
"\n",
|
||
"interactive_conversation = pn.bind(collect_messages, button_conversation)\n",
|
||
"\n",
|
||
"dashboard = pn.Column(\n",
|
||
" inp,\n",
|
||
" pn.Row(button_conversation),\n",
|
||
" pn.panel(interactive_conversation, loading_indicator=True, height=300),\n",
|
||
")"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": null,
|
||
"id": "65f0416e",
|
||
"metadata": {
|
||
"tags": []
|
||
},
|
||
"outputs": [],
|
||
"source": [
|
||
"dashboard"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "2a2c9822",
|
||
"metadata": {},
|
||
"source": [
|
||
"现在我们可以要求模型创建一个 JSON 摘要发送给订单系统。\n",
|
||
"\n",
|
||
"所以我们现在追加另一个系统消息，它是另一条prompt，我们说创建一个刚刚订单的 JSON 摘要，列出每个项目的价格，字段应包括1）披萨，包括尺寸，2）配料列表，3）饮料列表，4）辅菜列表，包括尺寸，最后是总价格。这里也可以在这里使用用户消息，不一定是系统消息。\n",
|
||
"\n",
|
||
"请注意，这里我们使用了一个较低的temperature，因为对于这些类型的任务，我们希望输出相对可预测。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 45,
|
||
"id": "c840ff56",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"Here's a JSON summary of the previous food order:\n",
|
||
"\n",
|
||
"```\n",
|
||
"{\n",
|
||
" \"pizza\": {\n",
|
||
" \"type\": \"cheese\",\n",
|
||
" \"size\": \"large\",\n",
|
||
" \"toppings\": [\n",
|
||
" \"mushrooms\"\n",
|
||
" ],\n",
|
||
" \"price\": 12.45\n",
|
||
" },\n",
|
||
" \"drinks\": [\n",
|
||
" {\n",
|
||
" \"type\": \"sprite\",\n",
|
||
" \"size\": \"medium\",\n",
|
||
" \"price\": 3.00\n",
|
||
" },\n",
|
||
" {\n",
|
||
" \"type\": \"sprite\",\n",
|
||
" \"size\": \"medium\",\n",
|
||
" \"price\": 3.00\n",
|
||
" }\n",
|
||
" ],\n",
|
||
" \"sides\": [],\n",
|
||
" \"total_price\": 18.45\n",
|
||
"}\n",
|
||
"``` \n",
|
||
"\n",
|
||
"Note: I assumed that the price of the large cheese pizza with mushrooms is $12.45 instead of $12.95, since the customer only ordered one topping.\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"messages = context.copy()\n",
|
||
"messages.append(\n",
|
||
"{'role':'system', 'content':'create a json summary of the previous food order. Itemize the price for each item\\\n",
|
||
" The fields should be 1) pizza, include size 2) list of toppings 3) list of drinks, include size 4) list of sides include size 5)total price '}, \n",
|
||
")\n",
|
||
" #The fields should be 1) pizza, price 2) list of toppings 3) list of drinks, include size include price 4) list of sides include size include price, 5)total price '}, \n",
|
||
"\n",
|
||
"response = get_completion_from_messages(messages, temperature=0)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 76,
|
||
"id": "6ef90a6b",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"data": {
|
||
"application/javascript": [
|
||
"(function(root) {\n",
|
||
" function now() {\n",
|
||
" return new Date();\n",
|
||
" }\n",
|
||
"\n",
|
||
" var force = true;\n",
|
||
"\n",
|
||
" if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n",
|
||
" root._bokeh_onload_callbacks = [];\n",
|
||
" root._bokeh_is_loading = undefined;\n",
|
||
" }\n",
|
||
"\n",
|
||
" if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n",
|
||
" root._bokeh_timeout = Date.now() + 5000;\n",
|
||
" root._bokeh_failed_load = false;\n",
|
||
" }\n",
|
||
"\n",
|
||
" function run_callbacks() {\n",
|
||
" try {\n",
|
||
" root._bokeh_onload_callbacks.forEach(function(callback) {\n",
|
||
" if (callback != null)\n",
|
||
" callback();\n",
|
||
" });\n",
|
||
" } finally {\n",
|
||
" delete root._bokeh_onload_callbacks\n",
|
||
" }\n",
|
||
" console.debug(\"Bokeh: all callbacks have finished\");\n",
|
||
" }\n",
|
||
"\n",
|
||
" function load_libs(css_urls, js_urls, js_modules, callback) {\n",
|
||
" if (css_urls == null) css_urls = [];\n",
|
||
" if (js_urls == null) js_urls = [];\n",
|
||
" if (js_modules == null) js_modules = [];\n",
|
||
"\n",
|
||
" root._bokeh_onload_callbacks.push(callback);\n",
|
||
" if (root._bokeh_is_loading > 0) {\n",
|
||
" console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
|
||
" return null;\n",
|
||
" }\n",
|
||
" if (js_urls.length === 0 && js_modules.length === 0) {\n",
|
||
" run_callbacks();\n",
|
||
" return null;\n",
|
||
" }\n",
|
||
" console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
|
||
"\n",
|
||
" function on_load() {\n",
|
||
" root._bokeh_is_loading--;\n",
|
||
" if (root._bokeh_is_loading === 0) {\n",
|
||
" console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n",
|
||
" run_callbacks()\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" function on_error() {\n",
|
||
" console.error(\"failed to load \" + url);\n",
|
||
" }\n",
|
||
"\n",
|
||
" for (var i = 0; i < css_urls.length; i++) {\n",
|
||
" var url = css_urls[i];\n",
|
||
" const element = document.createElement(\"link\");\n",
|
||
" element.onload = on_load;\n",
|
||
" element.onerror = on_error;\n",
|
||
" element.rel = \"stylesheet\";\n",
|
||
" element.type = \"text/css\";\n",
|
||
" element.href = url;\n",
|
||
" console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n",
|
||
" document.body.appendChild(element);\n",
|
||
" }\n",
|
||
"\n",
|
||
" var skip = [];\n",
|
||
" if (window.requirejs) {\n",
|
||
" window.requirejs.config({'packages': {}, 'paths': {'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n",
|
||
" require([\"gridstack\"], function(GridStack) {\n",
|
||
"\twindow.GridStack = GridStack\n",
|
||
"\ton_load()\n",
|
||
" })\n",
|
||
" require([\"notyf\"], function() {\n",
|
||
"\ton_load()\n",
|
||
" })\n",
|
||
" root._bokeh_is_loading = css_urls.length + 2;\n",
|
||
" } else {\n",
|
||
" root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n",
|
||
" } if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n",
|
||
" var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n",
|
||
" for (var i = 0; i < urls.length; i++) {\n",
|
||
" skip.push(urls[i])\n",
|
||
" }\n",
|
||
" } if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n",
|
||
" var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n",
|
||
" for (var i = 0; i < urls.length; i++) {\n",
|
||
" skip.push(urls[i])\n",
|
||
" }\n",
|
||
" } for (var i = 0; i < js_urls.length; i++) {\n",
|
||
" var url = js_urls[i];\n",
|
||
" if (skip.indexOf(url) >= 0) {\n",
|
||
"\tif (!window.requirejs) {\n",
|
||
"\t on_load();\n",
|
||
"\t}\n",
|
||
"\tcontinue;\n",
|
||
" }\n",
|
||
" var element = document.createElement('script');\n",
|
||
" element.onload = on_load;\n",
|
||
" element.onerror = on_error;\n",
|
||
" element.async = false;\n",
|
||
" element.src = url;\n",
|
||
" console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
|
||
" document.head.appendChild(element);\n",
|
||
" }\n",
|
||
" for (var i = 0; i < js_modules.length; i++) {\n",
|
||
" var url = js_modules[i];\n",
|
||
" if (skip.indexOf(url) >= 0) {\n",
|
||
"\tif (!window.requirejs) {\n",
|
||
"\t on_load();\n",
|
||
"\t}\n",
|
||
"\tcontinue;\n",
|
||
" }\n",
|
||
" var element = document.createElement('script');\n",
|
||
" element.onload = on_load;\n",
|
||
" element.onerror = on_error;\n",
|
||
" element.async = false;\n",
|
||
" element.src = url;\n",
|
||
" element.type = \"module\";\n",
|
||
" console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
|
||
" document.head.appendChild(element);\n",
|
||
" }\n",
|
||
" if (!js_urls.length && !js_modules.length) {\n",
|
||
" on_load()\n",
|
||
" }\n",
|
||
" };\n",
|
||
"\n",
|
||
" function inject_raw_css(css) {\n",
|
||
" const element = document.createElement(\"style\");\n",
|
||
" element.appendChild(document.createTextNode(css));\n",
|
||
" document.body.appendChild(element);\n",
|
||
" }\n",
|
||
"\n",
|
||
" var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n",
|
||
" var js_modules = [];\n",
|
||
" var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\"];\n",
|
||
" var inline_js = [ function(Bokeh) {\n",
|
||
" inject_raw_css(\"\\n .bk.pn-loading.arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n }\\n \");\n",
|
||
" }, function(Bokeh) {\n",
|
||
" Bokeh.set_log_level(\"info\");\n",
|
||
" },\n",
|
||
"function(Bokeh) {} // ensure no trailing comma for IE\n",
|
||
" ];\n",
|
||
"\n",
|
||
" function run_inline_js() {\n",
|
||
" if ((root.Bokeh !== undefined) || (force === true)) {\n",
|
||
" for (var i = 0; i < inline_js.length; i++) {\n",
|
||
" inline_js[i].call(root, root.Bokeh);\n",
|
||
" }} else if (Date.now() < root._bokeh_timeout) {\n",
|
||
" setTimeout(run_inline_js, 100);\n",
|
||
" } else if (!root._bokeh_failed_load) {\n",
|
||
" console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
|
||
" root._bokeh_failed_load = true;\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" if (root._bokeh_is_loading === 0) {\n",
|
||
" console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n",
|
||
" run_inline_js();\n",
|
||
" } else {\n",
|
||
" load_libs(css_urls, js_urls, js_modules, function() {\n",
|
||
" console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n",
|
||
" run_inline_js();\n",
|
||
" });\n",
|
||
" }\n",
|
||
"}(window));"
|
||
],
|
||
"application/vnd.holoviews_load.v0+json": "(function(root) {\n function now() {\n return new Date();\n }\n\n var force = true;\n\n if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n root._bokeh_onload_callbacks = [];\n root._bokeh_is_loading = undefined;\n }\n\n if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n root._bokeh_timeout = Date.now() + 5000;\n root._bokeh_failed_load = false;\n }\n\n function run_callbacks() {\n try {\n root._bokeh_onload_callbacks.forEach(function(callback) {\n if (callback != null)\n callback();\n });\n } finally {\n delete root._bokeh_onload_callbacks\n }\n console.debug(\"Bokeh: all callbacks have finished\");\n }\n\n function load_libs(css_urls, js_urls, js_modules, callback) {\n if (css_urls == null) css_urls = [];\n if (js_urls == null) js_urls = [];\n if (js_modules == null) js_modules = [];\n\n root._bokeh_onload_callbacks.push(callback);\n if (root._bokeh_is_loading > 0) {\n console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n return null;\n }\n if (js_urls.length === 0 && js_modules.length === 0) {\n run_callbacks();\n return null;\n }\n console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n\n function on_load() {\n root._bokeh_is_loading--;\n if (root._bokeh_is_loading === 0) {\n console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n run_callbacks()\n }\n }\n\n function on_error() {\n console.error(\"failed to load \" + url);\n }\n\n for (var i = 0; i < css_urls.length; i++) {\n var url = css_urls[i];\n const element = document.createElement(\"link\");\n element.onload = on_load;\n element.onerror = on_error;\n element.rel = \"stylesheet\";\n element.type = \"text/css\";\n element.href = url;\n console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n document.body.appendChild(element);\n }\n\n var skip = [];\n if (window.requirejs) {\n window.requirejs.config({'packages': {}, 'paths': {'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@4.2.5/dist/gridstack-h5', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'gridstack': {'exports': 'GridStack'}}});\n require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n })\n require([\"notyf\"], function() {\n\ton_load()\n })\n root._bokeh_is_loading = css_urls.length + 2;\n } else {\n root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n } if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/gridstack/gridstack@4.2.5/dist/gridstack-h5.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/0.14.4/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } for (var i = 0; i < js_urls.length; i++) {\n var url = js_urls[i];\n if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onload = on_load;\n element.onerror = on_error;\n element.async = false;\n element.src = url;\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n document.head.appendChild(element);\n }\n for (var i = 0; i < js_modules.length; i++) {\n var url = js_modules[i];\n if (skip.indexOf(url) >= 0) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onload = on_load;\n element.onerror = on_error;\n element.async = false;\n element.src = url;\n element.type = \"module\";\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n document.head.appendChild(element);\n }\n if (!js_urls.length && !js_modules.length) {\n on_load()\n }\n };\n\n function inject_raw_css(css) {\n const element = document.createElement(\"style\");\n element.appendChild(document.createTextNode(css));\n document.body.appendChild(element);\n }\n\n var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.3.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.3.min.js\", \"https://unpkg.com/@holoviz/panel@0.14.4/dist/panel.min.js\"];\n var js_modules = [];\n var css_urls = [\"https://cdn.holoviz.org/panel/0.14.4/dist/css/debugger.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/alerts.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/card.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/widgets.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/markdown.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/json.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/loading.css\", \"https://cdn.holoviz.org/panel/0.14.4/dist/css/dataframe.css\"];\n var inline_js = [ function(Bokeh) {\n inject_raw_css(\"\\n .bk.pn-loading.arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n }\\n \");\n }, function(Bokeh) {\n Bokeh.set_log_level(\"info\");\n },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n ];\n\n function run_inline_js() {\n if ((root.Bokeh !== undefined) || (force === true)) {\n for (var i = 0; i < inline_js.length; i++) {\n inline_js[i].call(root, root.Bokeh);\n }} else if (Date.now() < root._bokeh_timeout) {\n setTimeout(run_inline_js, 100);\n } else if (!root._bokeh_failed_load) {\n console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n root._bokeh_failed_load = true;\n }\n }\n\n if (root._bokeh_is_loading === 0) {\n console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n run_inline_js();\n } else {\n load_libs(css_urls, js_urls, js_modules, function() {\n console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n run_inline_js();\n });\n }\n}(window));"
|
||
},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
},
|
||
{
|
||
"data": {
|
||
"application/javascript": [
|
||
"\n",
|
||
"if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n",
|
||
" window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n",
|
||
"}\n",
|
||
"\n",
|
||
"\n",
|
||
" function JupyterCommManager() {\n",
|
||
" }\n",
|
||
"\n",
|
||
" JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n",
|
||
" if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
|
||
" var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
|
||
" comm_manager.register_target(comm_id, function(comm) {\n",
|
||
" comm.on_msg(msg_handler);\n",
|
||
" });\n",
|
||
" } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
|
||
" window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n",
|
||
" comm.onMsg = msg_handler;\n",
|
||
" });\n",
|
||
" } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
|
||
" google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n",
|
||
" var messages = comm.messages[Symbol.asyncIterator]();\n",
|
||
" function processIteratorResult(result) {\n",
|
||
" var message = result.value;\n",
|
||
" console.log(message)\n",
|
||
" var content = {data: message.data, comm_id};\n",
|
||
" var buffers = []\n",
|
||
" for (var buffer of message.buffers || []) {\n",
|
||
" buffers.push(new DataView(buffer))\n",
|
||
" }\n",
|
||
" var metadata = message.metadata || {};\n",
|
||
" var msg = {content, buffers, metadata}\n",
|
||
" msg_handler(msg);\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" }\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" })\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n",
|
||
" if (comm_id in window.PyViz.comms) {\n",
|
||
" return window.PyViz.comms[comm_id];\n",
|
||
" } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
|
||
" var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
|
||
" var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n",
|
||
" if (msg_handler) {\n",
|
||
" comm.on_msg(msg_handler);\n",
|
||
" }\n",
|
||
" } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
|
||
" var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n",
|
||
" comm.open();\n",
|
||
" if (msg_handler) {\n",
|
||
" comm.onMsg = msg_handler;\n",
|
||
" }\n",
|
||
" } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
|
||
" var comm_promise = google.colab.kernel.comms.open(comm_id)\n",
|
||
" comm_promise.then((comm) => {\n",
|
||
" window.PyViz.comms[comm_id] = comm;\n",
|
||
" if (msg_handler) {\n",
|
||
" var messages = comm.messages[Symbol.asyncIterator]();\n",
|
||
" function processIteratorResult(result) {\n",
|
||
" var message = result.value;\n",
|
||
" var content = {data: message.data};\n",
|
||
" var metadata = message.metadata || {comm_id};\n",
|
||
" var msg = {content, metadata}\n",
|
||
" msg_handler(msg);\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" }\n",
|
||
" return messages.next().then(processIteratorResult);\n",
|
||
" }\n",
|
||
" }) \n",
|
||
" var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n",
|
||
" return comm_promise.then((comm) => {\n",
|
||
" comm.send(data, metadata, buffers, disposeOnDone);\n",
|
||
" });\n",
|
||
" };\n",
|
||
" var comm = {\n",
|
||
" send: sendClosure\n",
|
||
" };\n",
|
||
" }\n",
|
||
" window.PyViz.comms[comm_id] = comm;\n",
|
||
" return comm;\n",
|
||
" }\n",
|
||
" window.PyViz.comm_manager = new JupyterCommManager();\n",
|
||
" \n",
|
||
"\n",
|
||
"\n",
|
||
"var JS_MIME_TYPE = 'application/javascript';\n",
|
||
"var HTML_MIME_TYPE = 'text/html';\n",
|
||
"var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n",
|
||
"var CLASS_NAME = 'output';\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Render data to the DOM node\n",
|
||
" */\n",
|
||
"function render(props, node) {\n",
|
||
" var div = document.createElement(\"div\");\n",
|
||
" var script = document.createElement(\"script\");\n",
|
||
" node.appendChild(div);\n",
|
||
" node.appendChild(script);\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle when a new output is added\n",
|
||
" */\n",
|
||
"function handle_add_output(event, handle) {\n",
|
||
" var output_area = handle.output_area;\n",
|
||
" var output = handle.output;\n",
|
||
" if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
|
||
" return\n",
|
||
" }\n",
|
||
" var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
|
||
" var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
|
||
" if (id !== undefined) {\n",
|
||
" var nchildren = toinsert.length;\n",
|
||
" var html_node = toinsert[nchildren-1].children[0];\n",
|
||
" html_node.innerHTML = output.data[HTML_MIME_TYPE];\n",
|
||
" var scripts = [];\n",
|
||
" var nodelist = html_node.querySelectorAll(\"script\");\n",
|
||
" for (var i in nodelist) {\n",
|
||
" if (nodelist.hasOwnProperty(i)) {\n",
|
||
" scripts.push(nodelist[i])\n",
|
||
" }\n",
|
||
" }\n",
|
||
"\n",
|
||
" scripts.forEach( function (oldScript) {\n",
|
||
" var newScript = document.createElement(\"script\");\n",
|
||
" var attrs = [];\n",
|
||
" var nodemap = oldScript.attributes;\n",
|
||
" for (var j in nodemap) {\n",
|
||
" if (nodemap.hasOwnProperty(j)) {\n",
|
||
" attrs.push(nodemap[j])\n",
|
||
" }\n",
|
||
" }\n",
|
||
" attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n",
|
||
" newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n",
|
||
" oldScript.parentNode.replaceChild(newScript, oldScript);\n",
|
||
" });\n",
|
||
" if (JS_MIME_TYPE in output.data) {\n",
|
||
" toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n",
|
||
" }\n",
|
||
" output_area._hv_plot_id = id;\n",
|
||
" if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n",
|
||
" window.PyViz.plot_index[id] = Bokeh.index[id];\n",
|
||
" } else {\n",
|
||
" window.PyViz.plot_index[id] = null;\n",
|
||
" }\n",
|
||
" } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
|
||
" var bk_div = document.createElement(\"div\");\n",
|
||
" bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
|
||
" var script_attrs = bk_div.children[0].attributes;\n",
|
||
" for (var i = 0; i < script_attrs.length; i++) {\n",
|
||
" toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
|
||
" }\n",
|
||
" // store reference to server id on output_area\n",
|
||
" output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
|
||
" }\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle when an output is cleared or removed\n",
|
||
" */\n",
|
||
"function handle_clear_output(event, handle) {\n",
|
||
" var id = handle.cell.output_area._hv_plot_id;\n",
|
||
" var server_id = handle.cell.output_area._bokeh_server_id;\n",
|
||
" if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n",
|
||
" var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n",
|
||
" if (server_id !== null) {\n",
|
||
" comm.send({event_type: 'server_delete', 'id': server_id});\n",
|
||
" return;\n",
|
||
" } else if (comm !== null) {\n",
|
||
" comm.send({event_type: 'delete', 'id': id});\n",
|
||
" }\n",
|
||
" delete PyViz.plot_index[id];\n",
|
||
" if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n",
|
||
" var doc = window.Bokeh.index[id].model.document\n",
|
||
" doc.clear();\n",
|
||
" const i = window.Bokeh.documents.indexOf(doc);\n",
|
||
" if (i > -1) {\n",
|
||
" window.Bokeh.documents.splice(i, 1);\n",
|
||
" }\n",
|
||
" }\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle kernel restart event\n",
|
||
" */\n",
|
||
"function handle_kernel_cleanup(event, handle) {\n",
|
||
" delete PyViz.comms[\"hv-extension-comm\"];\n",
|
||
" window.PyViz.plot_index = {}\n",
|
||
"}\n",
|
||
"\n",
|
||
"/**\n",
|
||
" * Handle update_display_data messages\n",
|
||
" */\n",
|
||
"function handle_update_output(event, handle) {\n",
|
||
" handle_clear_output(event, {cell: {output_area: handle.output_area}})\n",
|
||
" handle_add_output(event, handle)\n",
|
||
"}\n",
|
||
"\n",
|
||
"function register_renderer(events, OutputArea) {\n",
|
||
" function append_mime(data, metadata, element) {\n",
|
||
" // create a DOM node to render to\n",
|
||
" var toinsert = this.create_output_subarea(\n",
|
||
" metadata,\n",
|
||
" CLASS_NAME,\n",
|
||
" EXEC_MIME_TYPE\n",
|
||
" );\n",
|
||
" this.keyboard_manager.register_events(toinsert);\n",
|
||
" // Render to node\n",
|
||
" var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
|
||
" render(props, toinsert[0]);\n",
|
||
" element.append(toinsert);\n",
|
||
" return toinsert\n",
|
||
" }\n",
|
||
"\n",
|
||
" events.on('output_added.OutputArea', handle_add_output);\n",
|
||
" events.on('output_updated.OutputArea', handle_update_output);\n",
|
||
" events.on('clear_output.CodeCell', handle_clear_output);\n",
|
||
" events.on('delete.Cell', handle_clear_output);\n",
|
||
" events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n",
|
||
"\n",
|
||
" OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
|
||
" safe: true,\n",
|
||
" index: 0\n",
|
||
" });\n",
|
||
"}\n",
|
||
"\n",
|
||
"if (window.Jupyter !== undefined) {\n",
|
||
" try {\n",
|
||
" var events = require('base/js/events');\n",
|
||
" var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
|
||
" if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
|
||
" register_renderer(events, OutputArea);\n",
|
||
" }\n",
|
||
" } catch(err) {\n",
|
||
" }\n",
|
||
"}\n"
|
||
],
|
||
"application/vnd.holoviews_load.v0+json": "\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n function JupyterCommManager() {\n }\n\n JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n comm_manager.register_target(comm_id, function(comm) {\n comm.on_msg(msg_handler);\n });\n } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n comm.onMsg = msg_handler;\n });\n } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n var messages = comm.messages[Symbol.asyncIterator]();\n function processIteratorResult(result) {\n var message = result.value;\n console.log(message)\n var content = {data: message.data, comm_id};\n var buffers = []\n for (var buffer of message.buffers || []) {\n buffers.push(new DataView(buffer))\n }\n var metadata = message.metadata || {};\n var msg = {content, buffers, metadata}\n msg_handler(msg);\n return messages.next().then(processIteratorResult);\n }\n return messages.next().then(processIteratorResult);\n })\n }\n }\n\n JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n if (comm_id in window.PyViz.comms) {\n return window.PyViz.comms[comm_id];\n } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n if (msg_handler) {\n comm.on_msg(msg_handler);\n }\n } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n comm.open();\n if (msg_handler) {\n comm.onMsg = msg_handler;\n }\n } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n var comm_promise = google.colab.kernel.comms.open(comm_id)\n comm_promise.then((comm) => {\n window.PyViz.comms[comm_id] = comm;\n if (msg_handler) {\n var messages = comm.messages[Symbol.asyncIterator]();\n function processIteratorResult(result) {\n var message = result.value;\n var content = {data: message.data};\n var metadata = message.metadata || {comm_id};\n var msg = {content, metadata}\n msg_handler(msg);\n return messages.next().then(processIteratorResult);\n }\n return messages.next().then(processIteratorResult);\n }\n }) \n var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n return comm_promise.then((comm) => {\n comm.send(data, metadata, buffers, disposeOnDone);\n });\n };\n var comm = {\n send: sendClosure\n };\n }\n window.PyViz.comms[comm_id] = comm;\n return comm;\n }\n window.PyViz.comm_manager = new JupyterCommManager();\n \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n var div = document.createElement(\"div\");\n var script = document.createElement(\"script\");\n node.appendChild(div);\n node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n var output_area = handle.output_area;\n var output = handle.output;\n if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n return\n }\n var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n if (id !== undefined) {\n var nchildren = toinsert.length;\n var html_node = toinsert[nchildren-1].children[0];\n html_node.innerHTML = output.data[HTML_MIME_TYPE];\n var scripts = [];\n var nodelist = html_node.querySelectorAll(\"script\");\n for (var i in nodelist) {\n if (nodelist.hasOwnProperty(i)) {\n scripts.push(nodelist[i])\n }\n }\n\n scripts.forEach( function (oldScript) {\n var newScript = document.createElement(\"script\");\n var attrs = [];\n var nodemap = oldScript.attributes;\n for (var j in nodemap) {\n if (nodemap.hasOwnProperty(j)) {\n attrs.push(nodemap[j])\n }\n }\n attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n oldScript.parentNode.replaceChild(newScript, oldScript);\n });\n if (JS_MIME_TYPE in output.data) {\n toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n }\n output_area._hv_plot_id = id;\n if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n window.PyViz.plot_index[id] = Bokeh.index[id];\n } else {\n window.PyViz.plot_index[id] = null;\n }\n } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n var bk_div = document.createElement(\"div\");\n bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n var script_attrs = bk_div.children[0].attributes;\n for (var i = 0; i < script_attrs.length; i++) {\n toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n }\n // store reference to server id on output_area\n output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n var id = handle.cell.output_area._hv_plot_id;\n var server_id = handle.cell.output_area._bokeh_server_id;\n if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n if (server_id !== null) {\n comm.send({event_type: 'server_delete', 'id': server_id});\n return;\n } else if (comm !== null) {\n comm.send({event_type: 'delete', 'id': id});\n }\n delete PyViz.plot_index[id];\n if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n var doc = window.Bokeh.index[id].model.document\n doc.clear();\n const i = window.Bokeh.documents.indexOf(doc);\n if (i > -1) {\n window.Bokeh.documents.splice(i, 1);\n }\n }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n delete PyViz.comms[\"hv-extension-comm\"];\n window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n handle_clear_output(event, {cell: {output_area: handle.output_area}})\n handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n function append_mime(data, metadata, element) {\n // create a DOM node to render to\n var toinsert = this.create_output_subarea(\n metadata,\n CLASS_NAME,\n EXEC_MIME_TYPE\n );\n this.keyboard_manager.register_events(toinsert);\n // Render to node\n var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n render(props, toinsert[0]);\n element.append(toinsert);\n return toinsert\n }\n\n events.on('output_added.OutputArea', handle_add_output);\n events.on('output_updated.OutputArea', handle_update_output);\n events.on('clear_output.CodeCell', handle_clear_output);\n events.on('delete.Cell', handle_clear_output);\n events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n safe: true,\n index: 0\n });\n}\n\nif (window.Jupyter !== undefined) {\n try {\n var events = require('base/js/events');\n var OutputArea = require('notebook/js/outputarea').OutputArea;\n if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n register_renderer(events, OutputArea);\n }\n } catch(err) {\n }\n}\n"
|
||
},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
},
|
||
{
|
||
"data": {
|
||
"text/html": [
|
||
"<style>.bk-root, .bk-root .bk:before, .bk-root .bk:after {\n",
|
||
" font-family: var(--jp-ui-font-size1);\n",
|
||
" font-size: var(--jp-ui-font-size1);\n",
|
||
" color: var(--jp-ui-font-color1);\n",
|
||
"}\n",
|
||
"</style>"
|
||
]
|
||
},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
}
|
||
],
|
||
"source": [
|
||
"# 中文\n",
|
||
"import panel as pn # GUI\n",
|
||
"pn.extension()\n",
|
||
"\n",
|
||
"panels = [] # collect display \n",
|
||
"\n",
|
||
"context = [{'role':'system', 'content':\"\"\"\n",
|
||
"你是订餐机器人，为披萨餐厅自动收集订单信息。\n",
|
||
"你要首先问候顾客。然后等待用户回复收集订单信息。收集完信息需确认顾客是否还需要添加其他内容。\n",
|
||
"最后需要询问是否自取或外送，如果是外送，你要询问地址。\n",
|
||
"最后告诉顾客订单总金额，并送上祝福。\n",
|
||
"\n",
|
||
"请确保明确所有选项、附加项和尺寸，以便从菜单中识别出该项唯一的内容。\n",
|
||
"你的回应应该以简短、非常随意和友好的风格呈现。\n",
|
||
"\n",
|
||
"菜单包括：\n",
|
||
"\n",
|
||
"菜品：\n",
|
||
"意式辣香肠披萨（大、中、小） 12.95、10.00、7.00\n",
|
||
"芝士披萨（大、中、小） 10.95、9.25、6.50\n",
|
||
"茄子披萨（大、中、小） 11.95、9.75、6.75\n",
|
||
"薯条（大、小） 4.50、3.50\n",
|
||
"希腊沙拉 7.25\n",
|
||
"\n",
|
||
"配料：\n",
|
||
"奶酪 2.00\n",
|
||
"蘑菇 1.50\n",
|
||
"香肠 3.00\n",
|
||
"加拿大熏肉 3.50\n",
|
||
"AI酱 1.50\n",
|
||
"辣椒 1.00\n",
|
||
"\n",
|
||
"饮料：\n",
|
||
"可乐（大、中、小） 3.00、2.00、1.00\n",
|
||
"雪碧（大、中、小） 3.00、2.00、1.00\n",
|
||
"瓶装水 5.00\n",
|
||
"\"\"\"} ] # accumulate messages\n",
|
||
"\n",
|
||
"\n",
|
||
"inp = pn.widgets.TextInput(value=\"Hi\", placeholder='Enter text here…')\n",
|
||
"button_conversation = pn.widgets.Button(name=\"Chat!\")\n",
|
||
"\n",
|
||
"interactive_conversation = pn.bind(collect_messages, button_conversation)\n",
|
||
"\n",
|
||
"dashboard = pn.Column(\n",
|
||
" inp,\n",
|
||
" pn.Row(button_conversation),\n",
|
||
" pn.panel(interactive_conversation, loading_indicator=True, height=300),\n",
|
||
")"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 77,
|
||
"id": "b9a8ef58",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"data": {},
|
||
"metadata": {},
|
||
"output_type": "display_data"
|
||
},
|
||
{
|
||
"data": {
|
||
"application/vnd.holoviews_exec.v0+json": "",
|
||
"text/html": [
|
||
"<div id='1717'>\n",
|
||
" <div class=\"bk-root\" id=\"e321dfc5-ed71-4c7e-9054-ad25bb0996c1\" data-root-id=\"1717\"></div>\n",
|
||
"</div>\n",
|
||
"<script type=\"application/javascript\">(function(root) {\n",
|
||
" function embed_document(root) {\n",
|
||
" var docs_json = {\"ba214626-f150-41f7-88bd-59aed92ab8b3\":{\"defs\":[{\"extends\":null,\"module\":null,\"name\":\"ReactiveHTML1\",\"overrides\":[],\"properties\":[]},{\"extends\":null,\"module\":null,\"name\":\"FlexBox1\",\"overrides\":[],\"properties\":[{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_content\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"align_items\"},{\"default\":\"row\",\"kind\":null,\"name\":\"flex_direction\"},{\"default\":\"wrap\",\"kind\":null,\"name\":\"flex_wrap\"},{\"default\":\"flex-start\",\"kind\":null,\"name\":\"justify_content\"}]},{\"extends\":null,\"module\":null,\"name\":\"GridStack1\",\"overrides\":[],\"properties\":[{\"default\":\"warn\",\"kind\":null,\"name\":\"mode\"},{\"default\":null,\"kind\":null,\"name\":\"ncols\"},{\"default\":null,\"kind\":null,\"name\":\"nrows\"},{\"default\":true,\"kind\":null,\"name\":\"allow_resize\"},{\"default\":true,\"kind\":null,\"name\":\"allow_drag\"},{\"default\":[],\"kind\":null,\"name\":\"state\"}]},{\"extends\":null,\"module\":null,\"name\":\"click1\",\"overrides\":[],\"properties\":[{\"default\":\"\",\"kind\":null,\"name\":\"terminal_output\"},{\"default\":\"\",\"kind\":null,\"name\":\"debug_name\"},{\"default\":0,\"kind\":null,\"name\":\"clears\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationAreaBase1\",\"overrides\":[],\"properties\":[{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"}]},{\"extends\":null,\"module\":null,\"name\":\"NotificationArea1\",\"overrides\":[],\"properties\":[{\"default\":[],\"kind\":null,\"name\":\"notifications\"},{\"default\":\"bottom-right\",\"kind\":null,\"name\":\"position\"},{\"default\":0,\"kind\":null,\"name\":\"_clear\"},{\"default\":[{\"background\":\"#ffc107\",\"icon\":{\"className\":\"fas fa-exclamation-triangle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"warning\"},{\"background\":\"#007bff\",\"icon\":{\"className\":\"fas fa-info-circle\",\"color\":\"white\",\"tagName\":\"i\"},\"type\":\"info\"}],\"kind\":null,\"name\":\"types\"}]},{\"extends\":null,\"module\":null,\"name\":\"Notification\",\"overrides\":[],\"properties\":[{\"default\":null,\"kind\":null,\"name\":\"background\"},{\"default\":3000,\"kind\":null,\"name\":\"duration\"},{\"default\":null,\"kind\":null,\"name\":\"icon\"},{\"default\":\"\",\"kind\":null,\"name\":\"message\"},{\"default\":null,\"kind\":null,\"name\":\"notification_type\"},{\"default\":false,\"kind\":null,\"name\":\"_destroyed\"}]},{\"extends\":null,\"module\":null,\"name\":\"TemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]},{\"extends\":null,\"module\":null,\"name\":\"MaterialTemplateActions1\",\"overrides\":[],\"properties\":[{\"default\":0,\"kind\":null,\"name\":\"open_modal\"},{\"default\":0,\"kind\":null,\"name\":\"close_modal\"}]}],\"roots\":{\"references\":[{\"attributes\":{\"children\":[{\"id\":\"1720\"}],\"margin\":[0,0,0,0],\"name\":\"Row01094\"},\"id\":\"1719\",\"type\":\"Row\"},{\"attributes\":{\"args\":{\"bidirectional\":false,\"properties\":{\"event:button_click\":\"loading\"},\"source\":{\"id\":\"1720\"},\"target\":{\"id\":\"1721\"}},\"code\":\"\\n if ('event:button_click'.startsWith('event:')) {\\n var value = true\\n } else {\\n var value = source['event:button_click'];\\n value = value;\\n }\\n if (typeof value !== 'boolean' || source.labels !== ['Loading']) {\\n value = true\\n }\\n var css_classes = target.css_classes.slice()\\n var loading_css = ['pn-loading', 'arc']\\n if (value) {\\n for (var css of loading_css) {\\n if (!(css in css_classes)) {\\n css_classes.push(css)\\n }\\n }\\n } else {\\n for (var css of loading_css) {\\n var index = css_classes.indexOf(css)\\n if (index > -1) {\\n css_classes.splice(index, 1)\\n }\\n }\\n }\\n target['css_classes'] = css_classes\\n \",\"tags\":[[5239341456,[null,\"event:button_click\"],[null,\"loading\"]]]},\"id\":\"1729\",\"type\":\"CustomJS\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown01103\",\"text\":\"<p>User:</p>\"},\"id\":\"1724\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"client_comm_id\":\"df72227b43a2413185c677536f738a1c\",\"comm_id\":\"bf7b0dfe31d54807a147c04852dfa441\",\"plot_id\":\"1717\"},\"id\":\"1730\",\"type\":\"panel.models.comm_manager.CommManager\"},{\"attributes\":{\"children\":[{\"id\":\"1722\"}],\"height\":300,\"margin\":[0,0,0,0],\"min_height\":300,\"name\":\"Row01099\"},\"id\":\"1721\",\"type\":\"Row\"},{\"attributes\":{\"icon\":null,\"js_event_callbacks\":{\"button_click\":[{\"id\":\"1729\"}]},\"label\":\"Chat!\",\"margin\":[5,10,5,10],\"subscribed_events\":[\"button_click\"]},\"id\":\"1720\",\"type\":\"Button\"},{\"attributes\":{\"children\":[{\"id\":\"1724\"},{\"id\":\"1725\"}],\"margin\":[0,0,0,0],\"name\":\"Row01105\"},\"id\":\"1723\",\"type\":\"Row\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown01106\",\"style\":{\"background-color\":\"#F6F6F6\"},\"text\":\"<p>\\u4f60\\u597d\\uff01\\u6b22\\u8fce\\u6765\\u5230\\u62ab\\u8428\\u9910\\u5385\\uff01\\u8bf7\\u95ee\\u60a8\\u60f3\\u70b9\\u4ec0\\u4e48\\uff1f</p>\",\"width\":600},\"id\":\"1728\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"children\":[{\"id\":\"1723\"},{\"id\":\"1726\"}],\"margin\":[0,0,0,0],\"name\":\"Column01111\"},\"id\":\"1722\",\"type\":\"Column\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown01108\",\"text\":\"<p>Assistant:</p>\"},\"id\":\"1727\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"css_classes\":[\"markdown\"],\"margin\":[5,5,5,5],\"name\":\"Markdown01101\",\"width\":600},\"id\":\"1725\",\"type\":\"panel.models.markup.HTML\"},{\"attributes\":{\"margin\":[5,10,5,10],\"max_length\":5000,\"placeholder\":\"Enter text here\\u2026\"},\"id\":\"1718\",\"type\":\"TextInput\"},{\"attributes\":{\"children\":[{\"id\":\"1718\"},{\"id\":\"1719\"},{\"id\":\"1721\"}],\"margin\":[0,0,0,0],\"name\":\"Column01113\"},\"id\":\"1717\",\"type\":\"Column\"},{\"attributes\":{\"children\":[{\"id\":\"1727\"},{\"id\":\"1728\"}],\"margin\":[0,0,0,0],\"name\":\"Row01110\"},\"id\":\"1726\",\"type\":\"Row\"}],\"root_ids\":[\"1717\",\"1730\"]},\"title\":\"Bokeh Application\",\"version\":\"2.4.3\"}};\n",
|
||
" var render_items = [{\"docid\":\"ba214626-f150-41f7-88bd-59aed92ab8b3\",\"root_ids\":[\"1717\"],\"roots\":{\"1717\":\"e321dfc5-ed71-4c7e-9054-ad25bb0996c1\"}}];\n",
|
||
" root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
|
||
" for (const render_item of render_items) {\n",
|
||
" for (const root_id of render_item.root_ids) {\n",
|
||
"\tconst id_el = document.getElementById(root_id)\n",
|
||
"\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n",
|
||
"\t const root_el = id_el.children[0]\n",
|
||
"\t root_el.id = root_el.id + '-rendered'\n",
|
||
"\t}\n",
|
||
" }\n",
|
||
" }\n",
|
||
" }\n",
|
||
" if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n",
|
||
" embed_document(root);\n",
|
||
" } else {\n",
|
||
" var attempts = 0;\n",
|
||
" var timer = setInterval(function(root) {\n",
|
||
" if (root.Bokeh !== undefined && root.Bokeh.Panel !== undefined) {\n",
|
||
" clearInterval(timer);\n",
|
||
" embed_document(root);\n",
|
||
" } else if (document.readyState == \"complete\") {\n",
|
||
" attempts++;\n",
|
||
" if (attempts > 200) {\n",
|
||
" clearInterval(timer);\n",
|
||
" console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\");\n",
|
||
" }\n",
|
||
" }\n",
|
||
" }, 25, root)\n",
|
||
" }\n",
|
||
"})(window);</script>"
|
||
],
|
||
"text/plain": [
|
||
"Column\n",
|
||
" [0] TextInput(placeholder='Enter text here…')\n",
|
||
" [1] Row\n",
|
||
" [0] Button(name='Chat!')\n",
|
||
" [2] ParamFunction(function, _pane=Column, height=300, loading_indicator=True)"
|
||
]
|
||
},
|
||
"execution_count": 77,
|
||
"metadata": {
|
||
"application/vnd.holoviews_exec.v0+json": {
|
||
"id": "1717"
|
||
}
|
||
},
|
||
"output_type": "execute_result"
|
||
}
|
||
],
|
||
"source": [
|
||
"dashboard"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": 78,
|
||
"id": "96b2a2c7",
|
||
"metadata": {},
|
||
"outputs": [
|
||
{
|
||
"name": "stdout",
|
||
"output_type": "stream",
|
||
"text": [
|
||
"以下是上一个食品订单的 JSON 摘要：\n",
|
||
"\n",
|
||
"```\n",
|
||
"{\n",
|
||
" \"order\": {\n",
|
||
" \"pizza\": {\n",
|
||
" \"type\": \"芝士披萨\",\n",
|
||
" \"size\": \"大\",\n",
|
||
" \"price\": 10.95\n",
|
||
" },\n",
|
||
" \"toppings\": [\n",
|
||
" {\n",
|
||
" \"name\": \"蘑菇\",\n",
|
||
" \"price\": 1.5\n",
|
||
" }\n",
|
||
" ],\n",
|
||
" \"drinks\": [\n",
|
||
" {\n",
|
||
" \"name\": \"雪碧\",\n",
|
||
" \"size\": \"大\",\n",
|
||
" \"price\": 3\n",
|
||
" },\n",
|
||
" {\n",
|
||
" \"name\": \"雪碧\",\n",
|
||
" \"size\": \"大\",\n",
|
||
" \"price\": 3\n",
|
||
" }\n",
|
||
" ],\n",
|
||
" \"sides\": [],\n",
|
||
" \"total_price\": 18.45\n",
|
||
" }\n",
|
||
"}\n",
|
||
"```\n"
|
||
]
|
||
}
|
||
],
|
||
"source": [
|
||
"messages = context.copy()\n",
|
||
"messages.append(\n",
|
||
"{'role':'system', 'content':'创建上一个食品订单的 json 摘要。\\\n",
|
||
"逐项列出每件商品的价格，字段应该是 1) 披萨，包括大小 2) 配料列表 3) 饮料列表，包括大小 4) 配菜列表包括大小 5) 总价'}, \n",
|
||
")\n",
|
||
"\n",
|
||
"response = get_completion_from_messages(messages, temperature=0)\n",
|
||
"print(response)"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "ef17c2b2",
|
||
"metadata": {},
|
||
"source": [
|
||
"现在，我们已经建立了自己的订餐聊天机器人。请随意自定义并修改系统消息，以更改聊天机器人的行为，并使其扮演不同的角色和拥有不同的知识。"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "markdown",
|
||
"id": "3153c581-1c72-497a-9293-8db3bcb804fc",
|
||
"metadata": {},
|
||
"source": [
|
||
"## 尝试你的实验！\n",
|
||
"\n",
|
||
"你可以修改菜单或指令来创建自己的订单机器人！"
|
||
]
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": null,
|
||
"id": "1b0df540",
|
||
"metadata": {},
|
||
"outputs": [],
|
||
"source": []
|
||
},
|
||
{
|
||
"cell_type": "code",
|
||
"execution_count": null,
|
||
"id": "2cc84122",
|
||
"metadata": {},
|
||
"outputs": [],
|
||
"source": []
|
||
}
|
||
],
|
||
"metadata": {
|
||
"kernelspec": {
|
||
"display_name": "Python 3",
|
||
"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.8.13"
|
||
},
|
||
"latex_envs": {
|
||
"LaTeX_envs_menu_present": true,
|
||
"autoclose": false,
|
||
"autocomplete": true,
|
||
"bibliofile": "biblio.bib",
|
||
"cite_by": "apalike",
|
||
"current_citInitial": 1,
|
||
"eqLabelWithNumbers": true,
|
||
"eqNumInitial": 1,
|
||
"hotkeys": {
|
||
"equation": "Ctrl-E",
|
||
"itemize": "Ctrl-I"
|
||
},
|
||
"labels_anchors": false,
|
||
"latex_user_defs": false,
|
||
"report_style_numbering": false,
|
||
"user_envs_cfg": false
|
||
},
|
||
"toc": {
|
||
"base_numbering": 1,
|
||
"nav_menu": {},
|
||
"number_sections": true,
|
||
"sideBar": true,
|
||
"skip_h1_title": false,
|
||
"title_cell": "Table of Contents",
|
||
"title_sidebar": "Contents",
|
||
"toc_cell": false,
|
||
"toc_position": {
|
||
"height": "calc(100% - 180px)",
|
||
"left": "10px",
|
||
"top": "150px",
|
||
"width": "277px"
|
||
},
|
||
"toc_section_display": true,
|
||
"toc_window_display": true
|
||
}
|
||
},
|
||
"nbformat": 4,
|
||
"nbformat_minor": 5
|
||
}
|