Para este ejemplo de visualización de datos, haremos uso del gráfico MotionChart perteneciente a la API de visualización de Google así como 4 archivos JSONP que contienen cada uno el valor detallado que adoptan las cuentas contables ACTIVOS, UTILIDAD (PERDIDA) DEL EJERCICIO, COLOCACIONES Y PROVISIONES, para todos los meses de año 2009 y para todas las instituciones financieras. Este es obtenido mediante el API de Información Financiera de la Superintendencia de Bancos e Instituciones Financieras.

Lo que se obtiene es un gráfico interactivo que permite visalizar la evolución temporal de estas 4 cuentas (códigos de cuenta 1000000, 5100000, 2700000 y 3104200 para balances a contar del año 2009) desde Enero a Diciembre del 2009.

Las URLs con las cuales nuestra visualización accederá a los recursos JSONP desde el API de la SBIF son las siguientes:

• http://api.sbif.cl/api-sbifv3/recursos_api/balances/2009/cuentas/1000000?apikey=43ffef8d0b4b175b85d569e064538151539f3954&formato=json&callback=despliegue

El archivo que retorna el servidor tiene la forma:

 

despliegue(

{"códigosBalances":[

{

"códigoCuenta":"1000000",

"DescripcionCuenta":"ACTIVOS",

"códigoInstitucion":"001",

"NombreInstitucion":"BANCO DE CHILE",

"Anho":2009,

"Mes":1,

"MonedaChilenaNoReajustable":"8682304,00",

"MonedaReajustablePorIPC":"6322304,00",

"MonedaReajustablePorTipoDeCambio":"92678,00",

"MonedaExtranjera":"3147762,00",

"MonedaReajustable":null,

"MonedaTotal":"18245048,00"

},

{

"códigoCuenta":"1000000",

"DescripcionCuenta":"ACTIVOS",

"códigoInstitucion":"009",

"NombreInstitucion":"BANCO INTERNACIONAL",

"Anho":2009,

"Mes":1,

"MonedaChilenaNoReajustable":"296492,00",

"MonedaReajustablePorIPC":"100539,00",

"MonedaReajustablePorTipoDeCambio":"0,00",

"MonedaExtranjera":"83845,00",

"MonedaReajustable":null,

"MonedaTotal":"480876,00"

}

.

.

.

{

"códigoCuenta":"1000000",

"DescripcionCuenta":"ACTIVOS",

"códigoInstitucion":"999",

"NombreInstitucion":"SISTEMA FINANCIERO",

"Anho":2009,

"Mes":12,

"MonedaChilenaNoReajustable":"49492612,00",

"MonedaReajustablePorIPC":"40102116,00",

"MonedaReajustablePorTipoDeCambio":"398351,00",

"MonedaExtranjera":"11910686,00",

"MonedaReajustable":null,

"MonedaTotal":"101903765,00"

}

]}

);

 

Esto significa, que al momento de insertar el siguiente script en mi sitio web:

• <script type="text/javascript" src="http://api.sbif.cl/api-sbifv3/recursos_api/balances/2009/cuentas/1000000?apikey=43ffef8d0b4b17585d569e065385153g39f35954&formato=json&callback=despliegue"></script>

se invoca a la función de callback definida en la URL (en este caso las funciones llamadas despliegue, despliegue2, despliegue3 y despliegue4), usando como parámetro el objeto Javascript que viene en el archivo JSONP.

Como se puede ver, es importante que previo a la inserción de este script debe estar definida la función de callback, como se muestra en el código de ejemplo.

Finalmente, el código contenido dentro de la función despliegue pertenece al manejo del API de Visualización de Google para el gráfico de lineas interactivo, está documentado en su sitio.

Ejemplo de Visualización: Evolución temporal de la cuenta ACTIVOS

 

 

El gráfico demora en cargar y podría no cargar si se ha consumido la cuota de uso de la clave.