Me gustaría preguntar cómo implementar el tiempo de ejecución de Python y los gráficos en el sitio web como se ve en este Udacity lección en el controlador PD?

Si se ejecuta localmente, matplotlib generará una ventana emergente que contiene los gráficos. ¿Cómo se captura y se muestra en el sitio web? La salida de texto se muestra en el terminal. En Udacity, todo eso se muestra en una sola página. ¿Cómo se capturan y se muestran como tales? ¿Qué sucede si desea mostrar animación en vivo generada por elementos como gráficos de tortuga?

¿Y cómo proporciona un área de entrada de código con la presentación del código como se muestra al usuario? ¿Y cómo proporciona funciones como LaTex en su página como math.stackexchange.com?

¿Hay ciertos marcos, API e idiomas que tiene que usar, o es independiente de todo eso? Gracias.

img

0
J. Doe 23 jun. 2020 a las 10:16

2 respuestas

Savefig

Por lo tanto, la respuesta a su pregunta sería en lugar de plt.show() hacer un plt.savefig() como un archivo temporal en el back-end y luego agregarlo al sitio web. Hay formatos de guardado como svg que también le darán todos los beneficios de cambiar el tamaño y renderizar en el lado frontal.

0
Rupesh 23 jun. 2020 a las 07:38

Necesitas usar un marco de fondo de Python, Uso Django o Flask y ejecuto el mathplotlib en mi backend y lo visualizo en la formación de la imagen usando el img HTML etiqueta Aquí está el ejemplo en el matraz

app.py

from flask import Flask, render_template
import matplotlib.pyplot as plt

plt.plot([1, 2, 3, 4, 5])
plt.ylabel('some numbers')
plt.savefig('static/graph.png')
app = Flask(__name__)


@app.route('/')
def home():
    return render_template("index.html")


if __name__ == "__main__":
    app.run(debug=True)

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>MathPlotLib</title>
    </head>
    <body>
        <div><img alt="Sample Work" src="{{ url_for('static', filename='graph.png') }}">
        </div>
    </body>
</html>

Sistema de archivos

Main Folder
----templates
    ----index.html
----static
    ----graph.png
----app.py
0
Programmer Gaurav 23 jun. 2020 a las 07:45