prompt: We are currently solving the following issue within our repository. Here is the issue text:
  --- BEGIN ISSUE ---
  Create example of using Hover tool to display custom images
  It would be nice to show how someone can use the hovertool to display custom images using URL/URI upon hovering over a region of interest.  It would allow users to embed an additional dimension into plots.
  
  
  --- END ISSUE ---
  
  Below are some code segments, each from a relevant file. One or more of these files may contain bugs.
  --- BEGIN FILES ---
  Path: `sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py`
  Content:
  ```
  1 from bokeh.plotting import figure, output_file, show, ColumnDataSource
  2 from bokeh.models import HoverTool
  3 
  4 output_file("toolbar.html")
  5 
  6 source = ColumnDataSource(
  7         data=dict(
  8             x=[1, 2, 3, 4, 5],
  9             y=[2, 5, 8, 2, 7],
  10             desc=['A', 'b', 'C', 'd', 'E'],
  11         )
  12     )
  13 
  14 hover = HoverTool(
  15         tooltips="""
  16         <div>
  17             <span style="font-size: 17px; font-weight: bold;">@desc</span>
  18             <span style="font-size: 15px; color: #966;">[$index]</span>
  19         </div>
  20         <div>
  21             <span style="font-size: 15px;">Location</span>
  22             <span style="font-size: 10px; color: #696;">($x, $y)</span>
  23         </div>
  24         """
  25     )
  26 
  27 p = figure(plot_width=400, plot_height=400, tools=[hover],
  28            title="Mouse over the dots")
  29 
  30 p.circle('x', 'y', size=20, source=source)
  31 
  32 show(p)
  33 
  34     
  35
  ```
  --- END FILES ---
  
  Please first localize the bug based on the issue statement, and then generate a patch according to the `git diff` format fenced by three backticks.
  
  Here is an example:
  
  ```diff
  diff --git a/examples/server_async.py b/examples/server_async.py
  --- a/examples/server_async.py
  +++ b/examples/server_async.py
  @@ -313,4 +313,4 @@
   
   
   if __name__ == "__main__":
  -    asyncio.run(run_async_server("."), debug=True)
  +    asyncio.run(run_async_server(), debug=True)
  diff --git a/examples/server_sync.py b/examples/server_sync.py
  --- a/examples/server_sync.py
  +++ b/examples/server_sync.py
  @@ -313,5 +313,5 @@
   
   
   if __name__ == "__main__":
  -    server = run_sync_server(".")
  +    server = run_sync_server()
       server.shutdown()
  
  ```
  
golden_diff: diff --git a/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py b/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py
  --- a/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py
  +++ b/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py
  @@ -8,18 +8,34 @@
               x=[1, 2, 3, 4, 5],
               y=[2, 5, 8, 2, 7],
               desc=['A', 'b', 'C', 'd', 'E'],
  +            imgs = [
  +                'http://bokeh.pydata.org/static/snake.jpg',
  +                'http://bokeh.pydata.org/static/snake2.png',
  +                'http://bokeh.pydata.org/static/snake3D.png',
  +                'http://bokeh.pydata.org/static/snake4_TheRevenge.png',
  +                'http://bokeh.pydata.org/static/snakebite.jpg'
  +            ]
           )
       )
   
   hover = HoverTool(
           tooltips="""
           <div>
  -            <span style="font-size: 17px; font-weight: bold;">@desc</span>
  -            <span style="font-size: 15px; color: #966;">[$index]</span>
  -        </div>
  -        <div>
  -            <span style="font-size: 15px;">Location</span>
  -            <span style="font-size: 10px; color: #696;">($x, $y)</span>
  +            <div>
  +                <img
  +                    src="@imgs" height="42" alt="@imgs" width="42"
  +                    style="float: left; margin: 0px 15px 15px 0px;"
  +                    border="2"
  +                ></img>
  +            </div>
  +            <div>
  +                <span style="font-size: 17px; font-weight: bold;">@desc</span>
  +                <span style="font-size: 15px; color: #966;">[$index]</span>
  +            </div>
  +            <div>
  +                <span style="font-size: 15px;">Location</span>
  +                <span style="font-size: 10px; color: #696;">($x, $y)</span>
  +            </div>
           </div>
           """
       )
  @@ -30,5 +46,3 @@
   p.circle('x', 'y', size=20, source=source)
   
   show(p)
  -
  -
  
verification_info: {"golden_diff": "diff --git a/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py b/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py\n--- a/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py\n+++ b/sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py\n@@ -8,18 +8,34 @@\n             x=[1, 2, 3, 4, 5],\n             y=[2, 5, 8, 2, 7],\n             desc=['A', 'b', 'C', 'd', 'E'],\n+            imgs = [\n+                'http://bokeh.pydata.org/static/snake.jpg',\n+                'http://bokeh.pydata.org/static/snake2.png',\n+                'http://bokeh.pydata.org/static/snake3D.png',\n+                'http://bokeh.pydata.org/static/snake4_TheRevenge.png',\n+                'http://bokeh.pydata.org/static/snakebite.jpg'\n+            ]\n         )\n     )\n \n hover = HoverTool(\n         tooltips=\"\"\"\n         <div>\n-            <span style=\"font-size: 17px; font-weight: bold;\">@desc</span>\n-            <span style=\"font-size: 15px; color: #966;\">[$index]</span>\n-        </div>\n-        <div>\n-            <span style=\"font-size: 15px;\">Location</span>\n-            <span style=\"font-size: 10px; color: #696;\">($x, $y)</span>\n+            <div>\n+                <img\n+                    src=\"@imgs\" height=\"42\" alt=\"@imgs\" width=\"42\"\n+                    style=\"float: left; margin: 0px 15px 15px 0px;\"\n+                    border=\"2\"\n+                ></img>\n+            </div>\n+            <div>\n+                <span style=\"font-size: 17px; font-weight: bold;\">@desc</span>\n+                <span style=\"font-size: 15px; color: #966;\">[$index]</span>\n+            </div>\n+            <div>\n+                <span style=\"font-size: 15px;\">Location</span>\n+                <span style=\"font-size: 10px; color: #696;\">($x, $y)</span>\n+            </div>\n         </div>\n         \"\"\"\n     )\n@@ -30,5 +46,3 @@\n p.circle('x', 'y', size=20, source=source)\n \n show(p)\n-\n-\n", "issue": "Create example of using Hover tool to display custom images\nIt would be nice to show how someone can use the hovertool to display custom images using URL/URI upon hovering over a region of interest.  It would allow users to embed an additional dimension into plots.\n\n", "before_files": [{"content": "from bokeh.plotting import figure, output_file, show, ColumnDataSource\nfrom bokeh.models import HoverTool\n\noutput_file(\"toolbar.html\")\n\nsource = ColumnDataSource(\n        data=dict(\n            x=[1, 2, 3, 4, 5],\n            y=[2, 5, 8, 2, 7],\n            desc=['A', 'b', 'C', 'd', 'E'],\n        )\n    )\n\nhover = HoverTool(\n        tooltips=\"\"\"\n        <div>\n            <span style=\"font-size: 17px; font-weight: bold;\">@desc</span>\n            <span style=\"font-size: 15px; color: #966;\">[$index]</span>\n        </div>\n        <div>\n            <span style=\"font-size: 15px;\">Location</span>\n            <span style=\"font-size: 10px; color: #696;\">($x, $y)</span>\n        </div>\n        \"\"\"\n    )\n\np = figure(plot_width=400, plot_height=400, tools=[hover],\n           title=\"Mouse over the dots\")\n\np.circle('x', 'y', size=20, source=source)\n\nshow(p)\n\n    \n", "path": "sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py"}], "after_files": [{"content": "from bokeh.plotting import figure, output_file, show, ColumnDataSource\nfrom bokeh.models import HoverTool\n\noutput_file(\"toolbar.html\")\n\nsource = ColumnDataSource(\n        data=dict(\n            x=[1, 2, 3, 4, 5],\n            y=[2, 5, 8, 2, 7],\n            desc=['A', 'b', 'C', 'd', 'E'],\n            imgs = [\n                'http://bokeh.pydata.org/static/snake.jpg',\n                'http://bokeh.pydata.org/static/snake2.png',\n                'http://bokeh.pydata.org/static/snake3D.png',\n                'http://bokeh.pydata.org/static/snake4_TheRevenge.png',\n                'http://bokeh.pydata.org/static/snakebite.jpg'\n            ]\n        )\n    )\n\nhover = HoverTool(\n        tooltips=\"\"\"\n        <div>\n            <div>\n                <img\n                    src=\"@imgs\" height=\"42\" alt=\"@imgs\" width=\"42\"\n                    style=\"float: left; margin: 0px 15px 15px 0px;\"\n                    border=\"2\"\n                ></img>\n            </div>\n            <div>\n                <span style=\"font-size: 17px; font-weight: bold;\">@desc</span>\n                <span style=\"font-size: 15px; color: #966;\">[$index]</span>\n            </div>\n            <div>\n                <span style=\"font-size: 15px;\">Location</span>\n                <span style=\"font-size: 10px; color: #696;\">($x, $y)</span>\n            </div>\n        </div>\n        \"\"\"\n    )\n\np = figure(plot_width=400, plot_height=400, tools=[hover],\n           title=\"Mouse over the dots\")\n\np.circle('x', 'y', size=20, source=source)\n\nshow(p)\n", "path": "sphinx/source/docs/user_guide/source_examples/tools_hover_custom_tooltip.py"}]}