Gallery
Aprende como usar Coda
Share
Explore
Coda en profundidad

icon picker
Explorando las vistas: Gráficas

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 ).
Gastos [Demo]
Concepto
Fecha de Gasto
Gasto
Categoría
Concepto 1
4/9/2022
€300.00
Gasto 2
3/28/2022
€500.00
Gasto 3
4/12/2022
€50.00
Demo en Directo
€300.00
Puedo modificar
10/13/2023
€300.00
There are no rows in this table

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í 👇
Gastos
Concepto
Fecha gasto
Gasto
Subcategoría
Alquiler del piso
January 1, 2021
€580.00
Logitech Slim Folio
January 2, 2021
€89.90
Parking
January 3, 2021
Regalos
January 3, 2021
€30.00
How to become a manager
January 4, 2021
€9.00
Atext
January 7, 2021
€5.00
Tony Hawks Pro skater 1+2
January 8, 2021
€33.00
Designcode
January 8, 2021
€19.00
Comida
January 15, 2021
€16.00
Juegos de Gatos
January 16, 2021
€69.00
Integromat
January 17, 2021
€5.00
Affinity
January 20, 2021
€29.00
Pizza Famiglia
January 21, 2021
€17.00
Koh Lanta
January 22, 2021
€15.00
Compra
January 23, 2021
€13.00
The mom test
January 23, 2021
€9.00
Regalo
January 23, 2021
€44.00
Apple Music
January 24, 2021
€9.99
Hosting
January 25, 2021
€67.00
Bravo Olé
January 26, 2021
€19.00
Corte de pelo
January 29, 2021
€18.00
Webflow Merch
January 29, 2021
€40.00
🚘Gasolina
February 3, 2021
€30.00
Pad Thai Kohlanta
February 3, 2021
€14.00
Terraforming Mars
February 7, 2021
€10.00
🏜️Mini plantas
February 10, 2021
€23.00
Camara
February 16, 2021
€1,370.00
🏠Alquiler del piso
February 1, 2021
€580.00
Juego Playstation
March 7, 2021
€29.00
Alquiler
March 1, 2021
€580.00
Comida restaurante
March 7, 2021
€23.00
Gasolina
March 12, 2021
€30.00
Cena
March 13, 2021
€14.00
Gris
March 20, 2021
€17.00
Compra
March 22, 2021
€7.00
Compra
March 24, 2021
€9.00
Comunidad Kaizen
March 25, 2021
€6.00
Cena en casa
March 26, 2021
€14.00
Libros
March 27, 2021
€68.00
Strepsils
March 29, 2021
€9.00
Medicinas
March 30, 2021
€7.00
Libro Netflix
April 1, 2021
€14.00
Peajes
April 1, 2021
€14.00
Alquiler
April 1, 2021
€500.00
Psnow
April 1, 2021
€9.00
Gasolina
April 4, 2021
€20.00
Gasolina
April 9, 2021
€20.00
There are no rows in this table

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.
Nocodehackers 2022-04-09 at 17.38.39.gif

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.
Nocodehackers 2022-04-09 at 17.39.45.gif
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:
Nocodehackers 2022-04-09 at 17.41.54.gif
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.
Nocodehackers 2022-04-09 at 17.43.37.gif
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.
Nocodehackers 2022-04-09 at 17.46.24.png
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.

Nocodehackers 2022-04-09 at 17.47.02.png
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)
Concepto
Fecha gasto
Gasto
Subcategoría
Alquiler del piso
January 1, 2021
€580.00
Camara
February 16, 2021
€1,370.00
🏠Alquiler del piso
February 1, 2021
€580.00
Alquiler
March 1, 2021
€580.00
Alquiler
April 1, 2021
€500.00
No results from filter

¡Genial! Ahora vamos a empezar a complicarla haciendo una pequeña introducción a las fórmulas para poder dividir por meses los gastos.

Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.