Una de las principales claves de Coda, es que puedes tener múltiples vistas de la misma tabla, para poder mostrar y visualizar información de diferentes maneras o en diferentes lugares, sin tener que estar constantemente creando tablas.
En esta lección vamos a empezar a construir un centro de control de Gastos e ingresos, que iremos depurando a lo largo de las lecciones, utilizando una tabla maestra de control y distintas vistas para ver la información de manera que no sea realmente útil.
Construyendo una tabla de Gastos
Lo primero que tenemos que hacer es construir la base de nuestra tabla de Gastos, pensando en los campos que necesitaremos tener para la información de un gasto. Y puede que la tuya sea un poco diferente, pero una estructura base podría ser:
Concepto: El nombre del gasto que tenemos Cantidad: El importe (en €) que pagamos Categoría: La categoría del gasto, ¿es una compra? ¿es un alquiler? Fecha de gasto: El momento de hacer la compra.
Así que vamos a crear una tabla básica que tenga esta información. Que te quedará algo así. Fíjate que hemos usado un Select List para las categorías. (Puedes ).
Una vez que tengamos la estructura básica, vamos a alimentarla con más información, para que podamos jugar con un poco más de datos:
Hemos creado la tabla para ti aquí 👇
Visualizando la información con Gráficas
Para poder ver de una manera más práctica la información, vamos a hacer una visualización de los gastos por categorías, así como en una línea temporal.
Para ello utilizaremos el comando /Chart, que nos permitirá crear un gráfico, escogiendo entre diferentes tipos. Para este caso, escogeremos Pie Chart.
A la hora de crearla, veremos que nos da muchas opciones de personalización, para que hagamos nuestra visualización a medida.
Lo primero que haremos, será mostrar la información agrupada por otro valor. Por defecto, no sha cogido la fecha, pero nosotros vamos a seleccionar la opción de Categoría.
Puedes mostrar la información de muchas maneras, pero vamos a explorar las principales opciones que son interesantes para nosotros:
Aggregate Values: Te pregunta si quieres sumar records de la misma categoría. Por ejemplo si tienes dos alquileres en meses distintos, puedes decidir cómo quieres que se muestren. Show Values in Tooltip: Esto te permite mostrar el valor al pasar el ratón por encima de la gráfica: Colors: Puedes controlar el tipo de colores que le asigna a cada categoría.
Con todo esto, te quedará una gráfica similar a esta 👇
Visualizando los gastos en una serie temporal
Pero otra información que quizá nos interesa es saber cuánto hemos gastado en cada día, y ver la distribución de los gastos a lo largo del tiempo.
Para eso, utilizaremos la visualización de Line Chart, insertando una nueva gráfica, con el campo de agrupamiento de Fecha.
Así podrás tener una visualización temporal de cómo se acumulan los gastos.
A su vez, tendrás distintas opciones para personalizar cómo se ve el gráfico, entre ellas las más importantes:
Agregar valores: Si tienes varios gastos en un mismo punto, que se sumen. Puedes decidir si quieres ver la suma, la media, un recuento... desde la opción de Values, así como incluír más campos que quieras ver. Puedes agrupar y segmentar los gastos por categorías con la opción de Segment By. Puedes modificar el color. Puedes cambiar la escala, estableciendo mínimos, máximos y si es lineal o logarítimica, así como hacer que sea una curva mucho más suave.
Lo bueno es que toda esta información bebe de la misma tabla y se actualiza en tiempo real. Así que si añades un nuevo gasto a la tabla, por ejemplo este mes, verás cómo se actualizan en tiempo real todas las tablas.
¡Compruébalo! Añade un gasto de más de 150€ en la siguiente tabla y comprueba cómo funciona. (Ponle la fecha del mes que veas)
¡Genial! Ahora vamos a empezar a complicarla haciendo una pequeña introducción a las fórmulas para poder dividir por meses los gastos.