Skip to content
PYGWALKER
Tutoriales
Usar PyGWalker con Plotly Dash

Usar PyGWalker con Plotly Dash

Descripción general

Integra las visualizaciones de PyGWalker dentro de una aplicación de Plotly Dash para aprovechar las capacidades de alojamiento de Dash. Esta guía actualizada también incluye los pasos para cargar una configuración de visualización preexistente.

Requisitos previos

  • Conocimiento de PyGWalker y Plotly Dash.
  • Configuración del entorno de Python.

Introducción a las herramientas

PyGWalker

  • Una biblioteca interactiva de visualización de datos.
  • Permite exploración intuitiva de datos mediante arrastrar y soltar.
  • Admite una característica para cargar configuraciones de visualización predefinidas.
  • Repositorio oficial (opens in a new tab)

Plotly Dash

  • Un framework fácil de usar para alojar visualizaciones de datos basadas en la web.
  • Permite a los científicos de datos implementar aplicaciones web interactivas sin conocimientos profundos de desarrollo web.
  • Sitio web oficial (opens in a new tab)

Pasos de integración

  1. Configuración del entorno:

    • Instala las bibliotecas requeridas:
      pip install dash pygwalker dash-dangerously-set-inner-html datasets
  2. Preparación de datos:

    • Carga el conjunto de datos NYC-Airbnb-Open-Data de gradio.
    • Conviértelo en un DataFrame de Pandas:
      dataset = load_dataset("gradio/NYC-Airbnb-Open-Data", split="train")
      df = dataset.to_pandas()
  3. Visualización de PyGWalker con configuración predefinida:

    • Utiliza la función walk para obtener la visualización, proporcionando la ruta a la configuración preexistente viz-code.json:
      walker = pyg.walk(df, spec="./viz-code.json", debug=False)
      html_code = walker.to_html()
  4. Integración con Dash:

    • Incrusta el HTML de PyGWalker dentro de la aplicación Dash utilizando dash-dangerously-set-inner-html. Asegúrate de que el contenido HTML sea seguro:
      app.layout = html.Div([
          dash_dangerously_set_inner_html.DangerouslySetInnerHTML(html_code),
      ])
  5. Iniciar la aplicación Dash:

    • Ejecuta la aplicación para ver la visualización de PyGWalker alojada en una aplicación web de Dash:
      if __name__ == '__main__':
          app.run_server(debug=True)

Notas

  • Aprovechar una configuración de visualización preexistente facilita la configuración consistente de visualizaciones en diferentes conjuntos de datos o plataformas.
  • Siempre asegúrate de la seguridad e integridad de cualquier contenido HTML agregado utilizando dash-dangerously-set-inner-html.

Experimenta una exploración de datos fluida integrando las configuraciones de visualización predefinidas de PyGWalker en una aplicación Dash.

Referencias

Ejemplo de código PyGWalker + Dash (opens in a new tab)