HTML Report Generation Example

Below is code for a custom function that uses Plotly, Pandas and Dominate to generate a HTML report.

Only Cloud

import io

import dominate
from dominate.util import raw
from dominate import tags as tags
import numpy
import pandas
import plotly.express as px
import seaborn

def signature():
    return {
        "version": "0.0.1",
        "name": "HTML report generation",
        "description": "Generates a HTML report with interactive plot and table data.",
    }


def run(upload_custom_artifact):
    s = io.StringIO()
    t = numpy.linspace(0, 2*numpy.pi, 100)
    fig = px.line(x=t, y=numpy.cos(t), labels={'x':'t', 'y':'cos(t)'})
    fig.write_html(s) 
    s.seek(0) 

    df = pandas.DataFrame({'A': numpy.random.randn(7), 'B': numpy.random.randn(7)})
    cmap = seaborn.light_palette("green", as_cmap=True)
    df = df.style.background_gradient(cmap=cmap)

    doc = dominate.document(title='My HTML Report 😃')
    with doc.head:
        tags.style("body{ margin:0 100; }")

    with doc.body:
        tags.h1("Model-based system design report")
        tags.h2("Plot section")
        raw(s.read())
        tags.p("Description of plot.")

        tags.h2("Data Table")
        raw(df.to_html())

    html_report_file = "file.html"
    with open(html_report_file, 'w') as f:
        f.write(doc.render())

    artifact_route = upload_custom_artifact("html_report", html_report_file)
    print('HTML report can be viewed @artifact[here]({})'.format(artifact_route))

The generated report viewed in a browser will look as: