single_figure.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="stylesheet" href="{{ prefix }}/_static/css/page.css" type="text/css">
  5. <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css">
  6. <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css">
  7. <link rel="stylesheet" href="{{ prefix }}/_static/css/mpl.css" type="text/css">
  8. <script src="{{ prefix }}/_static/js/mpl_tornado.js"></script>
  9. <script src="{{ prefix }}/js/mpl.js"></script>
  10. <script>
  11. function ready(fn) {
  12. if (document.readyState != "loading") {
  13. fn();
  14. } else {
  15. document.addEventListener("DOMContentLoaded", fn);
  16. }
  17. }
  18. ready(
  19. function () {
  20. var websocket_type = mpl.get_websocket_type();
  21. var uri = "{{ ws_uri }}" + {{ str(fig_id) }} + "/ws";
  22. if (window.location.protocol === 'https:') uri = uri.replace('ws:', 'wss:')
  23. var websocket = new websocket_type(uri);
  24. var fig = new mpl.figure(
  25. {{ str(fig_id) }}, websocket, mpl_ondownload,
  26. document.getElementById("figure"));
  27. }
  28. );
  29. </script>
  30. <title>matplotlib</title>
  31. </head>
  32. <body>
  33. <div id="mpl-warnings" class="mpl-warnings"></div>
  34. <div id="figure" style="margin: 10px 10px;"></div>
  35. </body>
  36. </html>