48.2 Segundo ejemplo de callback

El ejemplo toma información de la base de datos Gap Minder, de datos de países del mundo:

Una interfaz que presenta un deslizador (slider) para seleccionar un año, con el cual presenta un diagrama de dispersión, que filtra el contenido presentado en tiempo real.

Primera parte: app.layout define una única división (div) donde ubica una visualización con un id = ‘vis-con-slider’ y, a continuación, el deslizador prometido que varía desde el mínimo hasta el máximo de la variable año, de la base de datos leída. Por defecto se ubica en el mínimo. Se avanza de año en año. Su id es ‘deslizador_anio’.

Segunda parte: @app.callback. Actualiza la visualización, a partir de lo indicado en el deslizador. Guarda en una variable value la entrada y esto afectará el figure de la visualización.

Tercera parte: update_output_div. Esta función es más compleja que la del ejemplo anterior. En primer lugar filtra la base de datos acorde al año del Input. En segundo lugar define la visualización: un scatter plot con la variable “gdpPercap” en el eje x, y “lifeExp” en el eje y. La data es la base de datos filtrada en el paso anterior.