El diagrama y los datos.

Los datos vienen de la página del gobierno Mexicano, específicamente de la CRE (Comisión Reguladora de Energía).

Se distribuyen dos archivos XML (uno con precios, y otro con estaciones de servicio). Los reorganicé y preparé una tabla para generar un GeoChart. ¿Cómo abrir y reorganizar un XML? La solución es simple: ábrelo en Excel. Aquí está el archivo con la información de los precios, tal cual viene del XML:

precios_gasolina_regular

Después de importar los datos, los combiné y reorganicé en una hoja de Google Sheets, que está sirviendo como base para el gráfico presentado abajo. La CRE incluyó los datos de geolocalización (latitud y longitud), mismos que Google Charts pudo leer e interpretar. Cada punto es una estación de servicio. Debido a que todo es web based y son muchos datos, las actualizaciones toman unos segundos, pero es posible explorar esta información con la barra debajo del mapa, eligiendo un rango de precios.

La documentación de este reporte:
– El archivo de origen está en este link: ver archivo.
– La información depurada en Google Sheets: ver archivo.
– La guía completa de Google Charts la puedes consultar aquí: ir al sitio.

Complementos.

JSFiddle: toma el código y ejecuta para ti. Puedes editarlo para probar otras opciones. Haz click en el botón “Edit in JSFiddle” (arriba a la derecha en el recuadro de abajo).

Google Charts es una herramienta asombrosa y gratuita. La puedes aprovechar mucho mejor con una cuenta de Gsuite. Conoce el potencial de toda la suite de Google, obtén una prueba gratuita de la suite; más información en este enlace (Google): https://goo.gl/ZPXKU2