Plotly is a graphing library that can be used to create interactive graphs.

Let's create a line graph of life expectancy in Canada as an example.

First create a plotly figure. In this example we use plotly express to do so.

import plotly.express as px

df = px.data.gapminder().query("country=='Canada'")
fig = px.line(
    df,
    x="year",
    y="lifeExp",
    title="Life expectancy in Canada",
)

Now pass the plotly figure to the Plotly component.

rx.plotly(data=fig, height="400px")

Now lets take a look at a more complex example. Let's create a 3D surface plot of Mount Bruno.

Read in the Mount Bruno data as a csv and create a plotly figure.

import plotly.graph_objects as go

import pandas as pd

# Read data from a csv
z_data = pd.read_csv(
    "https://raw.githubusercontent.com/plotly/datasets/master/api_docs/mt_bruno_elevation.csv"
)

fig = go.Figure(data=[go.Surface(z=z_data.values)])
fig.update_traces(
    contours_z=dict(
        show=True,
        usecolormap=True,
        highlightcolor="limegreen",
        project_z=True,
    )
)
fig.update_layout(
    scene_camera_eye=dict(x=1.87, y=0.88, z=-0.64),
    width=500,
    height=500,
    margin=dict(l=65, r=50, b=65, t=90),
)

Now pass the plotly figure again to the plotly component.

rx.plotly(data=fig, height="400px")