Gallery
Aprende como usar Coda
Share
Explore
Gallery
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
ver cómo crear uno en esta lección
⁠
).
Gastos [Demo]
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
Concepto
Fecha gasto
Gasto
Subcategoría
1
Alquiler del piso
January 1, 2021
€580.00
🏠Alquiler
2
Logitech Slim Folio
January 2, 2021
€89.90
💻Tecnología
3
Parking
January 3, 2021
​
🚘Parking
4
Regalos
January 3, 2021
€30.00
🎁 Regalos
5
How to become a manager
January 4, 2021
€9.00
📖Libros
6
Atext
January 7, 2021
€5.00
💻Tecnología
7
Tony Hawks Pro skater 1+2
January 8, 2021
€33.00
🎮 Juegos
8
Designcode
January 8, 2021
€19.00
👩🏼‍🏫Cursos
9
Comida
January 15, 2021
€16.00
👩🏻‍🍳 Restaurantes
10
Juegos de Gatos
January 16, 2021
€69.00
🎮 Juegos
11
Integromat
January 17, 2021
€5.00
💻 Internet
12
Affinity
January 20, 2021
€29.00
💻Tecnología
13
Pizza Famiglia
January 21, 2021
€17.00
👩🏻‍🍳 Restaurantes
14
Koh Lanta
January 22, 2021
€15.00
👩🏻‍🍳 Restaurantes
15
Compra
January 23, 2021
€13.00
🥑 Compra
16
The mom test
January 23, 2021
€9.00
📖Libros
17
Regalo
January 23, 2021
€44.00
🎁 Regalos
18
Apple Music
January 24, 2021
€9.99
Streaming
19
Hosting
January 25, 2021
€67.00
🖥 Hosting
20
Bravo Olé
January 26, 2021
€19.00
⚒️No-code tools
21
Corte de pelo
January 29, 2021
€18.00
💇🏻‍♀️Peluquería
22
Webflow Merch
January 29, 2021
€40.00
🎁 Regalos
23
🚘Gasolina
February 3, 2021
€30.00
⛽️ Gasolina
24
Pad Thai Kohlanta
February 3, 2021
€14.00
👩🏻‍🍳 Restaurantes
25
Terraforming Mars
February 7, 2021
€10.00
🎮 Juegos
26
🏜️Mini plantas
February 10, 2021
€23.00
🎁 Regalos
27
Camara
February 16, 2021
€1,370.00
💻Tecnología
28
🏠Alquiler del piso
February 1, 2021
€580.00
🏠Alquiler
29
Juego Playstation
March 7, 2021
€29.00
🎮 Juegos
30
Alquiler
March 1, 2021
€580.00
🏠Alquiler
31
Comida restaurante
March 7, 2021
€23.00
👩🏻‍🍳 Restaurantes
32
Gasolina
March 12, 2021
€30.00
⛽️ Gasolina
33
Cena
March 13, 2021
€14.00
👩🏻‍🍳 Restaurantes
34
Gris
March 20, 2021
€17.00
🎮 Juegos
35
Compra
March 22, 2021
€7.00
🥑 Compra
36
Compra
March 24, 2021
€9.00
🥑 Compra
37
Comunidad Kaizen
March 25, 2021
€6.00
Mecenazgo
38
Cena en casa
March 26, 2021
€14.00
👩🏻‍🍳 Restaurantes
39
Libros
March 27, 2021
€68.00
📖Libros
40
Strepsils
March 29, 2021
€9.00
​
41
Medicinas
March 30, 2021
€7.00
Medicina
42
Libro Netflix
April 1, 2021
€14.00
📖Libros
43
Peajes
April 1, 2021
€14.00
😳Peajes
44
Alquiler
April 1, 2021
€500.00
🏠Alquiler
45
Psnow
April 1, 2021
€9.00
🎮 Juegos
46
Gasolina
April 4, 2021
€20.00
⛽️ Gasolina
47
Gasolina
April 9, 2021
€20.00
⛽️ Gasolina
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
1
Alquiler del piso
January 1, 2021
€580.00
🏠Alquiler
2
Camara
February 16, 2021
€1,370.00
💻Tecnología
3
🏠Alquiler del piso
February 1, 2021
€580.00
🏠Alquiler
4
Alquiler
March 1, 2021
€580.00
🏠Alquiler
5
Alquiler
April 1, 2021
€500.00
🏠Alquiler
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.
⁠

Gallery
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.