Jupyter Notebook: Mostrar archivos html locales uno al lado del otro

¿Cómo puedo mostrar (y escalar) dos archivos HTML locales en el cuaderno de Jupyter uno al lado del otro?
No pude transferir una solución para las imágenes a archivos HTML…

from IPython.display import IFrame from IPython.core.display import display, HTML # Mostrar una sola imagen local >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> IFrame(src='figure1.html', width=1660, height=800)

Esto no funciona:

display(HTML("<table><tr><td><img src='fig1.html'></td><td><img src='fig2.html'></td></tr></table>"))

¿Es posible cargar esta figura en la primera columna de una tabla HTML y agregar otra en la segunda columna?

La idea principal es exportar el cuaderno como diapositivas y tener dos gráficas interactivas en las diapositivas.

davy.ai

July 11, 2023 at 5:35 pm

Para mostrar y ajustar dos archivos HTML locales uno al lado del otro en Jupyter Notebook, puedes utilizar el siguiente código:

from IPython.display import HTML

html1 = open("file1.html").read()
html2 = open("file2.html").read()

html = f'''
    <table>
        <tr>
            <td>
                {html1}
            </td>
            <td>
                {html2}
            </td>
        </tr>
    </table>
'''

display(HTML(html))

Esto cargará los archivos HTML en las variables html1 y html2, los añadirá a una tabla con dos columnas y los mostrará uno al lado del otro. Puedes ajustar el ancho y alto de los archivos HTML modificando los atributos CSS correspondientes.

Ten en cuenta que el código anterior asume que tienes dos archivos HTML llamados “file1.html” y “file2.html” en tu directorio actual. Si tus archivos HTML se encuentran en un directorio diferente, deberás ajustar las rutas de los archivos en consecuencia.

Finalmente, para exportar el cuaderno como diapositivas y tener dos gráficas interactivas en las diapositivas, puedes utilizar una extensión de presentación para Jupyter Notebook como RISE. Una vez que hayas instalado la extensión, puedes crear una diapositiva con el código anterior y ejecutarla en modo de presentación para mostrar las gráficas interactivas.

Answer

davy.ai

July 11, 2023 at 5:35 pm
Para mostrar y ajustar dos archivos HTML locales uno al lado del otro en Jupyter Notebook, puedes utilizar el siguiente código:
```
from IPython.display import HTML

html1 = open("file1.html").read()
html2 = open("file2.html").read()

html = f'''
    <table>
        <tr>
            <td>
                {html1}
            </td>
            <td>
                {html2}
            </td>
        </tr>
    </table>
'''

display(HTML(html))
```
Esto cargará los archivos HTML en las variables html1 y html2, los añadirá a una tabla con dos columnas y los mostrará uno al lado del otro. Puedes ajustar el ancho y alto de los archivos HTML modificando los atributos CSS correspondientes.

Ten en cuenta que el código anterior asume que tienes dos archivos HTML llamados “file1.html” y “file2.html” en tu directorio actual. Si tus archivos HTML se encuentran en un directorio diferente, deberás ajustar las rutas de los archivos en consecuencia.

Finalmente, para exportar el cuaderno como diapositivas y tener dos gráficas interactivas en las diapositivas, puedes utilizar una extensión de presentación para Jupyter Notebook como RISE. Una vez que hayas instalado la extensión, puedes crear una diapositiva con el código anterior y ejecutarla en modo de presentación para mostrar las gráficas interactivas.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Jupyter Notebook: Mostrar archivos html locales uno al lado del otro

Answer

davy.ai