single_figure.html 1.2 KB

123456789101112131415161718192021222324252627282930
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="{{ prefix }}/_static/css/page.css" type="text/css">
  4. <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css" />
  5. <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css" />
  6. <link rel="stylesheet" href="{{ prefix }}/_static/jquery-ui-1.12.1/jquery-ui.min.css" >
  7. <script src="{{ prefix }}/_static/jquery-ui-1.12.1/external/jquery/jquery.js"></script>
  8. <script src="{{ prefix }}/_static/jquery-ui-1.12.1/jquery-ui.min.js"></script>
  9. <script src="{{ prefix }}/_static/js/mpl_tornado.js"></script>
  10. <script src="{{ prefix }}/js/mpl.js"></script>
  11. <script>
  12. $(document).ready(
  13. function() {
  14. var websocket_type = mpl.get_websocket_type();
  15. var websocket = new websocket_type(
  16. "{{ ws_uri }}" + {{ repr(str(fig_id)) }} + "/ws");
  17. var fig = new mpl.figure(
  18. {{repr(str(fig_id))}}, websocket, mpl_ondownload, $('div#figure'));
  19. }
  20. );
  21. </script>
  22. <title>matplotlib</title>
  23. </head>
  24. <body>
  25. <div id="mpl-warnings" class="mpl-warnings"></div>
  26. <div id="figure" style="margin: 10px 10px;"></div>
  27. </body>
  28. </html>