Gallery
Aprende como usar Coda
Share
Explore
Aprende como usar Coda
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]
7
Concepto
Fecha de Gasto
Gasto
Categoría
1
Concepto 1
4/9/2022
€300.00
⚒️No-code tools
⛽️ Gasolina
🎁 Regalos
2
Gasto 2
3/28/2022
€500.00
🎁 Regalos
3
Gasto 3
4/12/2022
€50.00
⛽️ Gasolina
4
Demo en Directo
€300.00
⛽️ Gasolina
5
6
Puedo modificar
10/13/2023
€300.00
⚒️No-code tools
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
4
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)
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.