✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
Plotly
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")Not lets take a look at a more compex 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")Plotly
Display a plotly graph.
Base Event Triggers
Copyright © 2023 Pynecone, Inc.