← Todos los proyectos

Visualización de datos · Vue / 08

AGBI

Aplicación en Vue para consultar cultivos, regiones, precios y comparativas económicas a partir de datos de campañas cargados en Excel.

Vue 2VuexJavaScriptPHPExcelECharts
Contexto profesional

Proyecto realizado en Fullsites

Área de trabajo

Frontend de análisis, carga de datos y backend de archivos.

Mi rol

Frontend y backend

El caso en una mirada

Datos de campaña.
Comparaciones para explorar.

Una aplicación de consulta de cultivos, regiones y variables económicas a partir de libros Excel.

El desafío
Transformar hojas de campaña en una representación que permita seleccionar cultivos y regiones y comparar indicadores con sus unidades correspondientes.
Mi aporte
Trabajo en el frontend y el backend del proyecto: pantallas y componentes de visualización, lectura de los libros de datos y carga de archivos desde un endpoint PHP.
La implementación
Trabajo sobre la carga y lectura de archivos, el estado compartido en Vuex y las pantallas de Vue que construyen tablas y gráficos según las selecciones del usuario.

Alcance funcional

Explorar los datos de una campaña.

Áreas funcionales trabajadas desde el frontend y el backend.

01

Campañas y datos

Lectura de archivos Excel que reúnen configuración y datos de cada campaña.

02

Cultivos y regiones

Consultas por cultivo y región con indicadores y representaciones visuales.

03

Comparativas

Comparación de combinaciones de cultivos y regiones mediante tablas y gráficos.

04

Variables económicas

Presentación y cálculo de márgenes, costos, rendimientos y precios de equilibrio.

05

Precios y ganadería

Secciones de información complementaria dentro de la navegación de la aplicación.

06

Carga de archivos

Interfaz de actualización de campañas conectada con una recepción de archivos en PHP.

Mi aporte al proyecto

El trabajo, en concreto.

01

Campañas dentro de la aplicación

Lectura de la configuración y los datos del libro y carga desde un endpoint PHP.

02

Comparaciones dinámicas

Columnas y series construidas desde las selecciones de campaña, cultivo, región y variable.

03

Indicadores con contexto

Vistas de márgenes, costos y precios de equilibrio que distinguen las variables y unidades consultadas.

La fuente de campañas es Excel. El endpoint de carga es propio y se presenta como intercambio de archivos, sin atribuir una API externa.

APIs e integraciones

La conexión con otros sistemas.

Qué integré y cómo funciona
Ver la experiencia completa en integraciones ↗

Decisiones e implementación.

El diferencial técnico

Del libro de datos a la comparación.

La aplicación convierte una estructura de hojas en información utilizable por distintos componentes.

01

Archivo de campaña

Cargar y leer el libro con la configuración y los datos esperados.

02

Estado de la aplicación

Relacionar campaña, cultivos, regiones y variables mediante el estado compartido.

03

Tablas y gráficos

Actualizar la representación de acuerdo con las opciones seleccionadas por el usuario.

Un desafío concreto

Comparar cultivos y regiones desde el mismo libro.

La vista comparativa organiza variables de distintas combinaciones de cultivo y región. El trabajo conecta las selecciones del usuario con los datos de la campaña y su representación.

  1. Campaña seleccionada
  2. Cultivo y región
  3. Variables económicas
  4. Tabla y gráfico
01

Interpretar las hojas del libro

Leer la configuración y los datos con la estructura prevista para las campañas.

02

Resolver la variable consultada

Relacionar nombres visibles como margen bruto o precio de equilibrio con sus campos de datos.

03

Actualizar la comparación

Construir las columnas y series a partir de las selecciones del usuario.

Decisiones y desafíos

Del problema a la implementación.

01

Separar el archivo de la visualización

Transformar las hojas del libro en datos de aplicación que puedan utilizar los distintos componentes.

02

Mantener el contexto de la campaña

Relacionar la selección de campaña con los cultivos, regiones y variables visibles.

03

Mostrar las comparaciones con unidades claras

Distinguir indicadores de margen, costo y precio para que cada vista represente la variable seleccionada.

¿Trabajamos en tu próximo proyecto?

Conversemos