from staticdash.dashboard import Dashboard, Page
dashboard = Dashboard(title="My Dashboard")

page = Page("overview", "Overview")
dashboard.add_page(page)

page.add_header("Header Level 2", level=2)
page.add_header("Header Level 3", level=3)
page.add_header("Header Level 4", level=4)
page.add_text("This is a paragraph of text.")

import plotly.express as px
df = px.data.gapminder().query("year == 2007")
fig = px.scatter(df, x="gdpPercap", y="lifeExp", size="pop", color="continent",
                 hover_name="country", log_x=True, size_max=60)
page.add_plot(fig)

df2 = df[["country", "continent", "lifeExp", "gdpPercap"]]
df2 = df2.sort_values("lifeExp", ascending=False).head(10)
page.add_table(df2)

with open("tutorial_sample.txt", "w") as f:
    f.write("This is a sample file for download.")
page.add_download("./tutorial_sample.txt", "Download Sample File")

fig1 = px.histogram(df, x="lifeExp", nbins=20)
fig2 = px.box(df, x="continent", y="gdpPercap", log_y=True)
mini = MiniPage()
mini.add_plot(fig1)
mini.add_plot(fig2)
page.add_minipage(mini)

mini1 = MiniPage()
mini1.add_text("Box plot shows GDP per capita by continent.")
mini1.add_plot(fig2)

mini2 = MiniPage()
mini2.add_table(df2.head(3))
mini2.add_syntax('print("MiniPage with a table and code")', language="python")

page.add_minipage(mini1)
page.add_minipage(mini2)

def greet(name):
    return f"Hello, {name}"

console.log("Hello, world!");

SELECT * FROM users WHERE active = 1;

<div>Hello</div>

echo "Deploy complete."

{
  "key": "value",
  "count": 42
}

#include <stdio.h>
int main() { printf("Hi"); return 0; }

mini = MiniPage()
mini.add_plot(fig1)
mini.add_table(df2.head(5))
mini.add_syntax("print('Hello from MiniPage')", language="python")
page.add_minipage(mini)
page.add_table(df2)

dashboard.publish(output_dir="tutorial_output")