48.3 Tercer ejemplo

Se sofistica el ejemplo anterior. Se pueden seleccionar las variables que se desean representar y si los ejes deben estar en escala lineal o logarítmica.

app.layout define una división (div) dentro de la cual hay otra división anidada. Dentro de la segunda hay dos divisiones anidadas. En cada una hay una lista desplegable (Dropdown) y un selector de datos excluyentes (RadioItems). Los identifica respectivamente con ‘xaxis_columna’, ‘xaxis_tipo’, ‘yaxis_columna’, ‘yaxis_tipo’. Luego añade una visualización (Graph) que en esta ocasion denomina indicadores. Y finalmente un deslizador identico al del ejemplo anterior.

@app.callback. Actualiza la visualización, el diagrama de dispersión, a partir de lo indicado en cinco diferentes entradas, cada una con su propio value.

update_output_div. Como en el anterior ejemplo, primero filtra la base de datos acorde a los Inputs, y luego define la visualización.