import pandas as pd
import numpy as np

import gradio as gr
import pygwalker as pyg


from pygwalker.api.gradio import PYGWALKER_ROUTE, get_html_on_gradio


from data import df
from network import analysis


with gr.Blocks() as demo:
  # with gr.Tab("📝 About"):
  #     # gr.Markdown(ABOUT_TEXT)
  with gr.Tab("📊 Dashboard"):
    gr.Label("Visually explore witches family data")
    gr.Markdown("You can use drag-and-drop operations to explore the data, start your analysis now!")
    pyg_app = get_html_on_gradio(df, spec="./config.json")
    gr.HTML(pyg_app)
  with gr.Tab("👪 Family Connection"):
    gr.HTML(analysis)
            
demo.launch(app_kwargs={"routes": [PYGWALKER_ROUTE]}).queue()