Esta serie de visualizaciones se realizó con un universo de 374 películas publicadas en el sitio Retina Latina desde el 4 de marzo de 2016 hasta el 31 de agosto de 2019.
Base de datos
Se desarrolló la base de datos en Google Sheets con el objetivo de que estuviera en línea y se pudiera exportar como un API para que los datos se pudieran consumir.
Sheety
La herramienta Sheety permite convertir una hoja de un libro de Google Sheets en un API que puede ser llamada desde cualquier lenguaje de programación. En total se crearon tres endpoints: uno para las películas / etiquetas, otro para la descripción de etiquetas y otro para las visitas por país.
Ecosistema Javascript
El desarrollo se hizo con herramientas de javascript basadas en el framework opensource VUE js
Dentro del ecosistema de VUE se utilizó la herramienta NUXT que está diseñada para hacer desarrollos rápidos con VUE. Dentro de sus ventajas, utilizadas para este proyecto, podemos citar el enrutamiento dinámico de las páginas y la posibilidad de exportar el resultado final como una SPA (single page application)
Gráficas
Dentro de las múltiples opciones para el desarrollo de los gráficos, utilizamos la herramienta Apexcharts que genera gráficos SVG con datos estructurados en javascript. La decisión se tomó por la excelente integración de Apexcharts con el ecosistema de VUE
Utilidades javascript
Lodash es una herramienta para el manejo de datos en javascript. Permite trabajar de manera sencilla con colecciones de datos (objetos y arreglos), y hace que algunas operaciones tediosas en javascript plano se puedan realizar de manera sencilla.
Moment es otra herramienta para javascript que se especializa en el manejo de fechas y datos relacionados con la medición del tiempo.
Interface visual
Vuetify es una herramienta para crear la parte de diseño de un aplicativo en NUXT o VUE. Se basa en los lineamientos de Material design de google.
Vuetify se inspira en el manejo de cuadrícula de bootstrap para lograr despliegues sencillos en móvil y en escritorio. En el caso de estas visualizaciones se realizaron únicamente las visualizaciones de escritorio.
Editor de código
Finalmente, para la edición de código se utilizó el editor de Microsoft Visual Studio Code que es un producto ligero y efectivo para el trabajo con javascript
Publicación
Para el despliegue público de las visualizaciones, aprovechamos GitHub Pages, un servicio gratuito que ofrece GitHub, para la publicación de prototipos.
Este proceso se logró hacer de manera sencilla porque NUXT exporta la aplicación como una SPA Single page application
Análisis de los contenidos cinematográficos de Retina Latina y su diversidad en el contexto de la concentración de medios
Investigación: Cristina Arévalo Yandar
Visualización: Cristina Arévalo Yandar - Jaime de Greiff