Turn "How to use Matplotlib in a web application server" into a sphinx-gallery example

Transfusion · Transfusion · commit 52aa998b6c1e · 2020-10-18T23:51:02.000+08:00
diff --git a/doc/faq/howto_faq.rst b/doc/faq/howto_faq.rst
@@ -526,55 +526,3 @@ artists.
 You may be able to work on separate figures from separate threads.  However,
 you must in that case use a *non-interactive backend* (typically Agg), because
 most GUI backends *require* being run from the main thread as well.
-
-.. _howto-webapp:
-
-How to use Matplotlib in a web application server
-=================================================
-
-In general, the simplest solution when using Matplotlib in a web server is
-to completely avoid using pyplot (pyplot maintains references to the opened
-figures to make `~.matplotlib.pyplot.show` work, but this will cause memory
-leaks unless the figures are properly closed).  Since Matplotlib 3.1, one
-can directly create figures using the `.Figure` constructor and save them to
-in-memory buffers.  The following example uses Flask_, but other frameworks
-work similarly::
-
-   import base64
-   from io import BytesIO
-
-   from flask import Flask
-   from matplotlib.figure import Figure
-
-   app = Flask(__name__)
-
-   @app.route("/")
-   def hello():
-      # Generate the figure **without using pyplot**.
-      fig = Figure()
-      ax = fig.subplots()
-      ax.plot([1, 2])
-      # Save it to a temporary buffer.
-      buf = BytesIO()
-      fig.savefig(buf, format="png")
-      # Embed the result in the html output.
-      data = base64.b64encode(buf.getbuffer()).decode("ascii")
-      return f"<img src='data:image/png;base64,{data}'/>"
-
-.. _Flask: http://flask.pocoo.org/
-
-When using Matplotlib versions older than 3.1, it is necessary to explicitly
-instantiate an Agg canvas; see e.g. :doc:`/gallery/user_interfaces/canvasagg`.
-
-
-.. _howto-click-maps:
-
-Clickable images for HTML
--------------------------
-
-Andrew Dalke of `Dalke Scientific <http://www.dalkescientific.com>`_
-has written a nice `article
-<http://www.dalkescientific.com/writings/diary/archive/2005/04/24/interactive_html.html>`_
-on how to make html click maps with Matplotlib agg PNGs.  We would
-also like to add this functionality to SVG.  If you are interested in
-contributing to these efforts that would be great.
diff --git a/examples/user_interfaces/web_application_server_sgskip.py b/examples/user_interfaces/web_application_server_sgskip.py
@@ -0,0 +1,55 @@
+"""
+.. _howto-webapp:
+
+=================================================
+How to use Matplotlib in a web application server
+=================================================
+
+In general, the simplest solution when using Matplotlib in a web server is
+to completely avoid using pyplot (pyplot maintains references to the opened
+figures to make `~.matplotlib.pyplot.show` work, but this will cause memory
+leaks unless the figures are properly closed).  Since Matplotlib 3.1, one
+can directly create figures using the `.Figure` constructor and save them to
+in-memory buffers.  The following example uses Flask_, but other frameworks
+work similarly:
+
+.. _Flask: http://flask.pocoo.org/
+
+"""
+
+import base64
+from io import BytesIO
+
+from flask import Flask
+from matplotlib.figure import Figure
+
+app = Flask(__name__)
+
+@app.route("/")
+def hello():
+    # Generate the figure **without using pyplot**.
+    fig = Figure()
+    ax = fig.subplots()
+    ax.plot([1, 2])
+    # Save it to a temporary buffer.
+    buf = BytesIO()
+    fig.savefig(buf, format="png")
+    # Embed the result in the html output.
+    data = base64.b64encode(buf.getbuffer()).decode("ascii")
+    return f"<img src='data:image/png;base64,{data}'/>"
+
+# %%
+# When using Matplotlib versions older than 3.1, it is necessary to explicitly
+# instantiate an Agg canvas; see e.g. :doc:`/gallery/user_interfaces/canvasagg`.
+#
+#  .. _howto-click-maps:
+#
+# Clickable images for HTML
+# -------------------------
+#
+# Andrew Dalke of `Dalke Scientific <http://www.dalkescientific.com>`_
+# has written a nice `article
+# <http://www.dalkescientific.com/writings/diary/archive/2005/04/24/interactive_html.html>`_
+# on how to make html click maps with Matplotlib agg PNGs.  We would
+# also like to add this functionality to SVG.  If you are interested in
+# contributing to these efforts that would be great.
