How to build a Dynamic Habit Tracker in Notion

Summary

En este video, se muestra cómo crear un rastreador de hábitos en Notion que utiliza botones para marcar hábitos como completados y un gráfico para visualizar el progreso anual. El rastreador incluye una vista de calendario y una vista semanal para monitorear el avance. Además, se configura un diario de mañana y noche con listas de tareas. El video enseña a personalizar las propiedades del rastreador, crear botones de hábitos y agregar un gráfico usando ChartBase. Al final, se muestra cómo organizar todo en un diseño visualmente atractivo en Notion.

Takeaways

• 📝 El video enseña cómo crear un habit tracker en Notion usando botones para marcar hábitos completados y una gráfica para visualizar el progreso.
• 📅 El tracker tiene una vista de calendario y una vista semanal para seguir el progreso semanal.
• 🔍 Se crea una nueva base de datos en vista de tabla llamada 'Habit Tracker', y se añaden propiedades como casillas de verificación para cada hábito.
• ✅ Los hábitos se marcan con casillas de verificación y se pueden añadir iconos para cada uno.
• 📊 Se utiliza una fórmula para calcular el progreso diario basado en la suma de hábitos completados, que se convierte en un porcentaje.
• 📅 El video explica cómo añadir diferentes vistas: una vista de calendario y una tabla para el progreso semanal, agrupadas por semana.
• 🔄 Se crean botones para agregar nuevas entradas de hábito diario y para marcar los hábitos individuales como completados.
• 📝 También se incluye un mini bullet journal con intenciones diarias, afirmaciones y gratitud, para la mañana y la tarde.
• 📈 Se genera un gráfico de progreso en Notion usando un servicio externo llamado ChartBase, que se integra como un embed en la página de Notion.
• ⚙️ Finalmente, el video ofrece la opción de ver el progreso por días, semanas, meses, trimestres o años, y menciona la opción de tener un compañero de responsabilidad para el seguimiento del progreso.

Q & A

¿Qué tipo de herramienta se está creando en el video?

Se está creando un rastreador de hábitos en Notion que utiliza botones para marcar hábitos como completos y gráficos para visualizar el progreso de los hábitos a lo largo del año.

¿Cuáles son las principales vistas que tiene el rastreador de hábitos?

El rastreador de hábitos tiene una vista de tabla, una vista de calendario y una vista semanal para mostrar el progreso semanal.

¿Qué propiedades se agregan al crear el rastreador de hábitos?

Se agregan propiedades de casilla de verificación (checkbox) para cada hábito, una propiedad de fórmula para calcular el progreso diario y una propiedad de fecha.

¿Cómo se calcula el progreso diario en el rastreador?

El progreso diario se calcula tomando el valor de cada casilla de verificación, convirtiéndolo en un número (1 o 0), sumando todos los valores y dividiendo por el número total de hábitos. Luego, se redondea el resultado y se convierte en un porcentaje.

¿Cómo se personalizan los botones en el rastreador de hábitos?

Los botones se personalizan con nombres de hábitos y se configuran para marcar automáticamente los hábitos del día como completados mediante el uso de filtros y propiedades de edición.

¿Cómo se puede visualizar el progreso semanal en el rastreador?

El progreso semanal se puede visualizar agrupando las entradas del rastreador por semana y calculando el porcentaje de hábitos completados por semana.

¿Qué elementos incluye la sección de bullet journal del rastreador?

La sección de bullet journal incluye una intención del día, afirmaciones matutinas, cosas por las que estás agradecido, lo que haría que el día sea excelente y, por la noche, el punto culminante del día y lo que hizo que el día fuera excelente.

¿Cómo se crea un gráfico para visualizar el progreso del rastreador de hábitos?

Para crear un gráfico, se utiliza una herramienta externa llamada ChartBase, donde se selecciona el rastreador de hábitos y se configuran las propiedades de fecha en el eje X y el progreso en el eje Y.

¿Qué debes hacer para que el gráfico de progreso se actualice automáticamente?

Después de marcar los hábitos como completos con los botones, es necesario recargar el gráfico para ver la actualización del progreso.

¿Qué opciones de personalización ofrece el rastreador de hábitos avanzado mencionado al final del video?

El rastreador avanzado permite tener hábitos específicos para días específicos, rastrear el progreso por día, semana, mes, trimestre y año, además de tener un compañero de responsabilidad que muestre el progreso diario.

Outlines

00:00

📋 Configuración del Habit Tracker en Notion

En este video, se explica cómo crear un habit tracker en Notion usando botones para marcar hábitos como completados y una gráfica para visualizar el progreso a lo largo del año. El tracker incluye una vista de calendario, una vista semanal y la opción de agregar un pequeño bullet journal. El proceso comienza con la creación de una base de datos en vista de tabla llamada 'Habit Tracker'. Se configuran propiedades de casillas de verificación para cada hábito y una fórmula para calcular el progreso diario. La fórmula convierte los valores de casillas en números (1 o 0), los suma y divide entre el número total de hábitos, aplicando un formato de porcentaje. Se añaden varias propiedades, incluyendo una barra de progreso y un anillo de progreso, y se ajustan las vistas de la base de datos para mostrar los hábitos del día actual y las semanas anteriores.

05:00

✅ Botones para Registrar Hábitos en Notion

Aquí se explica cómo agregar botones para marcar hábitos específicos como completados en el Habit Tracker de Notion. Se crea un botón para cada hábito, configurando filtros para asegurarse de que solo se marquen las casillas de verificación del día actual. Se utiliza la opción de 'Editar Propiedad' para marcar como completados los hábitos, y se repite este proceso para todos los hábitos configurados. Además, se recomienda organizar los botones en un diseño de varias columnas para mejorar la visualización. Finalmente, se explica cómo crear un bullet journal diario con una lista de intenciones, afirmaciones matutinas, gratitud, y reflexiones vespertinas sobre el día.

Keywords

💡Notion

Notion es una herramienta de colaboración y gestión de tareas que permite a los usuarios crear bases de datos, páginas y paneles personalizados para organizar su trabajo y vida personal. En el vídeo, se usa Notion para construir un seguidor de hábitos, lo que demuestra cómo se puede usar para rastrear y visualizar el progreso en el desarrollo de hábitos personales.

💡Hábitos

Los hábitos son acciones que se realizan de forma rutinaria y automática, generalmente cada día o con cierta frecuencia. En el vídeo, el seguidor de hábitos es el tema principal, y se enseña cómo crear un sistema en Notion para marcar hábitos como completados y visualizar el progreso.

💡Seguidor de Hábitos

Un seguidor de hábitos es una herramienta diseñada para ayudar a las personas a desarrollar y mantener hábitos saludables. En el vídeo, se construye un seguidor de hábitos en Notion que incluye botones para marcar hábitos como completados y un gráfico para visualizar el progreso.

💡Botones

Los botones en Notion son una forma interactiva de realizar acciones en la plataforma, como crear una nueva entrada de base de datos o editar una propiedad. En el vídeo, se utilizan botones para marcar hábitos como completados y para añadir nuevas entradas de日记.

💡Gráfico

Un gráfico es una representación visual de datos que ayuda a entender la información de manera más clara. En el vídeo, se menciona cómo incrustar un gráfico en Notion usando ChartBase para visualizar el progreso de los hábitos a lo largo del año.

💡Base de Datos

Una base de datos en Notion es una colección organizada de información, como una tabla en Excel, pero más flexible y personalizable. En el vídeo, se crea una base de datos para rastrear los hábitos y se le agregan propiedades como casillas de verificación y barras de progreso.

💡Propiedades

Las propiedades en una base de datos de Notion son los campos de datos que se pueden personalizar, como texto, números, fechas, etc. En el vídeo, se agregan propiedades a la base de datos del seguidor de hábitos, como casillas de verificación para cada hábito.

💡Fórmula

En el contexto de Notion, una fórmula es una función que se puede usar para realizar cálculos o manipular datos en una base de datos. En el vídeo, se usa una fórmula para calcular el progreso diario como un porcentaje.

💡Visualización

La visualización hace referencia a la representación de información de manera gráfica o en forma de imágenes. En el vídeo, se construye una visualización del progreso semanal de los hábitos y se usa ChartBase para crear un gráfico que se incrusta en Notion.

💡Diario

Un diario es un registro personal escrito donde se anotan los eventos del día y los pensamientos personales. En el vídeo, se menciona cómo crear una sección de diario en Notion como parte del seguidor de hábitos, para anotar intenciones y reflexiones diarias.

💡Plantilla

Una plantilla en Notion es un conjunto predefinido de contenido que se puede duplicar y personalizar. En el vídeo, se usa una plantilla para crear nuevas entradas de diario y se establece como predeterminada para agilizar el proceso de creación.

Highlights

Creating a Notion habit tracker with buttons to mark habits and a chart to visualize progress.

Includes calendar and weekly views for tracking habit progress.

Ability to open database entries with a morning and evening bullet journal.

Adding a checkbox property for each habit, such as meditation, to mark them as complete.

Using a formula to calculate daily habit progress and display it as a percentage with a progress bar.

Creating a second property for a progress ring to visualize progress.

Setting up a gallery view of the habit tracker, showing daily habits and progress.

Building multiple views: Today, Calendar, and Weekly Progress for tracking over different timeframes.

Grouping the weekly progress view by week and using percentage-checked calculations for habit completion.

Adding buttons to quickly create new database entries and mark daily habits as complete.

Duplicating habit buttons to easily check off multiple habits in one click.

Creating a simple yet effective bullet journal with sections for intentions, affirmations, and daily reflections.

Integrating external chart tools (ChartBase) to create and embed charts for visualizing long-term habit progress.

Setting up filters in the habit tracker to ensure the buttons apply to the current day’s habits only.

Customizing and embedding habit progress charts into the Notion dashboard for dynamic tracking.

Transcripts

In this video, I'm going to show you how to build

this Notion habit tracker that uses buttons

to mark your habits as complete

and a chart to visualize your habit progress

throughout the year.

This habit tracker also has a calendar view

as well as a weekly view showing your weekly progress.

And if you open up this database entry,

you have a short morning and evening bullet journal.

Alright, so we're going to start off

by creating a new table view database,

and then this database

is going to be called Habit Tracker.

Then what we're going to do is hide the database title,

delete the tag property,

and then also rename this database view to today,

and then also give it an icon.

Then what we're going to do is we're going to add

a checkbox property for each of our habits.

So meditate, for example.

And then we're going to click on duplicate

and then just rename this to our next habit.

Then just repeat this process for all of our habits.

Then once you've added all of your habits,

just click inside of the property

and then simply just give your habit an icon.

And then you can simply just resize all of your habits,

and then we're going to add a new property,

which is going to be a formula property

for our daily progress.

For this formula, we're going to add

our habit checkboxes,

add a toNumber function, add a plus

and then Shift+Enter and press Tab

and then just repeat this process

for each one of our habits.

So basically, what we're doing

is we're taking the checkbox value,

which is true or false

and turning it into a number value,

which is one or zero.

Then we're counting all of these together

and dividing it

with the total amount of habits that we have.

So in this case, it would be four.

And then what we're going to do is just add

a round function in the beginning of the formula.

And then at the end, we're going to close it off

with a bracket and multiply with 100

and then another bracket and divide everything with 100

in order to get rid of the decimals.

Now, if you click on Done

and change the number format to percentage

and also change it to a progress bar,

I'm also just going to change the color to blue,

then you'll now see your daily habit progress.

Now the next property

is going to be another progress bar.

So I'm just going to duplicate this

and then rename this to progress ring,

because we're going to edit this property

and change it to a progress ring,

and also hide the number.

And then the last property that we're going to add

is going to be a date property.

Then once all of your properties are added,

you want to go inside of your database menu

and under layout,

just change this database to a gallery view

and then change the card preview to none

and change the card size to small.

Then on this gallery view, you want to go to properties

and show your progress bar

as well as each of your habits.

And then just drag your progress bar to the bottom

and reorder your habits in the order

that you do them throughout the day.

Then what we're going to do is we're going to click on

this dropdown next to New, click on new template.

Then we're going to give our template button an icon

as well as add @Today for the name.

And then we're just going to go inside

of this template button menu

and then set this template button as default.

So now if we create a new database entry,

it will automatically add an icon

as well as @Today for the name.

Then because we're using this dynamic @Today option,

it will automatically add today's date

to the date property.

Now the last thing we're going to do

for this database view is just filter it

to where the date property is today.

So now this view will only show today's habits.

Now let's add the other two views.

We're going to click on this one

and click on duplicate,

and then we're going to rename this to calendar

and then also give it the calendar icon

and change the layout to a calendar view database.

Then we're going to go inside of properties

and then just show the exact same properties

as on the previous view.

And now this last view is going to be

a normal table database,

which is going to be for our weekly progress.

And then for this view,

you want to hide the database title,

hide the vertical lines

and then inside of properties

you want to hide the progress bar

as well as the date property.

And then for this database view,

you want to go to the group tab

and then group this database

according to the date property,

group it according to the week,

show the newest database entries first

and then also hide all the empty groups.

And then we can close all of this,

resize the ring property and move it to the front,

resize the name property,

and then click on the group calculation

and select the average progress bar.

Now if we add more database entries

and mark some of them as complete,

you'll see the total weekly progress of our habits.

And then the last thing we want to do for this view

is to see the weekly progress of each of our habits.

So just click at the bottom and calculate

and then select the percent checked calculation.

So now if we mark our habits as complete,

you'll see the progress of each of our habits

updating at the bottom.

And then once our database is done,

we want to create a new callout box

and then call this habit tracker.

And then we want to highlight the text,

make it bold, underline it and change the text color,

give it an icon

and then just drag and drop our database inside.

Alright, so now let's start with the buttons.

Alright, so the first button is going to add pages to

and then this habit tracker database.

Then this button is going to be called New Day

and we're going to add an icon.

And then for this button you want to make sure

you're using the template button,

and then the date property needs to be today.

And now if you click on done and use this button,

you'll see that you've added a new database entry.

Now for the habit buttons.

Let's create a new button which will edit pages in

and then this habit tracker database.

And then this first button is going to be

for our meditate habits,

so just go ahead and add that habit name and icon.

Now in order to specify that we only want

to check off today's meditate checkbox,

just go inside of filters,

and then just select the date property

and change this to where the date is today.

And then simply just click on Edit a Property,

select the meditate checkbox and change it to checked.

Now if we click on this meditate button,

you'll see that all of these checkboxes

has been checked because all of these has today's date.

But if you get to the calendar view

and just change the dates

of some of these database entries,

also just make sure to remove this filter

and then uncheck some of the mediatate checkboxes

and click this button,

then you'll see only today's meditate checkboxes

has been checked.

Alright, so now let's add the other habit buttons.

All you want to do is just right-click on this button,

click on duplicate

and then just rename this to your next habit.

And then just change this to your next habits checkbox

and then just make sure it is checked.

Then you simply just repeat this process

for all of your habits.

Once all of your habit buttons are added,

you simply just want to drag them next to each other

in order to create the multi column layout.

Now, before we move on to the chart section,

let me just quickly show you

how to create a bullet journal.

All you want to do is just edit your template button,

and then inside you just want to add a callout box,

rename this to Today's Intention,

and then just highlight the text and make it bold,

underline it and change the text color

and then also give it an icon.

Then all you want to do is just create a bullet list

and then drag this block inside.

Then for the other ones, you can simply just duplicate

this callout box, rename it,

change the icon and change the color.

And if you want a multi column layout,

then all you do is simply just

drag them next to each other.

Then at the end you should have something

that looks like this

where you can add your daily intention,

three morning affirmations,

three things you're grateful for

as well as what would make the day great.

And then for the evening section

it's pretty much the same

except it's the highlight of the day

and what made the day great.

Then I've also added a cover to this bullet journal.

So this is a really quick and easy bullet journal

but is extremely effective.

Another thing you can do is you can edit this button,

click on add another step,

click on open page, select page

and then this page which is going to be created.

And then whenever you click on this button,

it will automatically open up your new day

so you can then fill out your morning bullet journal.

Now for the habit tracker chart,

Notion unfortunately doesn't have native charts yet,

so we need to go to a website called ChartBase

previously known as Notion2Charts,

and then just go to settings.

Then here you want to connect your Notion account,

click on select pages

and then just select your habit tracker

and then click on Allow access at the bottom.

Then what you want to do

is you want to create a new chart,

click on line chart, click on Next,

select your database, click on Next.

And then here you want to select

the date property for the X axis,

select the progress bar for the Y axis

and then just click on Create Chart.

Now here you can customize your chart,

you can hide the title, you can change the color.

And then you can also specify

if you want to group your chart

by the day, week, month, quarter or year.

And then just make sure that it is sorted

according to the date property.

Once your chart is set up,

just click on Get Embed Link at the top,

click copy, go to Notion

and then just paste in the link as an embed.

And then what you want to do

is obviously just turn on dark mode.

And then just create another callout box,

call this Chart.

And then just highlight this and make it bold,

underline it and change the text color,

give it an icon and then just drag your chart inside.

And now if I use my buttons

to mark my daily habits as complete

and reload this chart,

then you'll see it updating.

And note that you can also resize this chart

as well as drag this callout box

next to your habit tracker.

And that's pretty much it.

If you're looking for a more advanced habit tracker

that allows you to have specific habits

for specific days,

tracks your progress throughout the day,

week, month, quarter and year,

as well as have an accountability partner

showing your daily progress,

then be sure to check out the video

that's on the screen now.

Make sure to give this video a like,

thank you for watching,

and I'll see you in the next one.