@@Marco_Mindstone by the way, do you know is it possible in any way to track multiple properties collected from daily notes in one chart to see how they correlate? i tried to do this to collect three properties in one chart and the code seems to be working but the chart show only last property from the code
great info! clear and concise. I like how the examples progressive got 'harder' (more technically involved) how would I find the right css variable to increase the size of pie chart labels?
Thank you! What do you mean exactly? The size of pie chart labels depends on their series of data. You can change the width of the chart tho, since the pie chart tends to be “big”. Text me if you have any other questions. Cheers!
@@Marco_Mindstone thanks for the reply. I apologize, I'm still learning the jargon. I wish to have more control over the chart design, In the scenario of decreasing the 'label' property the legend shrinks too. I wish to have a small pie chart with a larger legend. I see that charts is a canvas object and would like to modify css.
@@grahamjoss4643 Hey! Now I better understand what you were looking for. Anyway, I don’t think it’s an aspect that you can control through CSS. If I find something about that, I will let you know, and feel free to do the same!
@Marco_Mindstone anyway you'd be willing to make a video that describes how to do this in a little more detail? I would love to do this as well. I might be able to figure it out if someone helped me get started.
hey when you do series: then press - title: Title X, do you press enter to write data? It auto creates another - list and it works but having the - in front creates a new title
It looks like they had to rename it from "Obsidian Charts" to "Charts". Even the description has changed from "Easily create Charts within Obsidian!" to "Easily create interactive charts in your notes". Likely a cease and desist demand from Obsidian IMO.
I have linked my table to my chart and all was well but I now want to put my table inside a callout so its collapsable. However the id is no longer working as its inside the call out as far as I can tell. Does anyone know how to make it work.
Hey! Unfortunately, adding any indentation between the table, ID, and chart breaks the connection between them. Here’s a workaround: store the table in a separate note and reference that data for your chart (05:37). Then, to keep things accessible, insert an internal link above the chart pointing directly to the table using this syntax: [[Note_Title#^table_id]]. This way, you can quickly access the table when needed!
🚀 Subscribe to my bi-weekly newsletter for free: www.mindstoneconsulting.net/
Your videos are direct. Without any beating around the bush like most obsidian youtubers. Please keep up this good work.
Thank you very much!! I’ll do my best!
Great video Marco! I didn’t know about this. Will definitely try it out. Thanks for sharing
Thank you, Douglas!
Great video , the name of the plugin is Charts (they change it )
Thank you!
Yes I noticed that :)
@@Marco_Mindstone that you again bro 💕
Thanks!
Thank you so much, Gustavo!!
Thanks, Marco. Useful.
Thank you!
😊
Wow, thank you! 😍
@@Marco_Mindstone😊 It's a pleasure, thanks to you💯
this plugin looks cooler than tracker
In my opinion, it is. Especially for its customization and graphic look!
This was extremely helpful. Thanks!
Glad to hear it! :)
such a great video! thank you, it was very helpful! i finally understood how to make this plugin cooperate!
Thank you! Glad to hear it’s been helpful :)
@@Marco_Mindstone by the way, do you know is it possible in any way to track multiple properties collected from daily notes in one chart to see how they correlate? i tried to do this to collect three properties in one chart and the code seems to be working but the chart show only last property from the code
@@zapphine Something like this:
```dataviewjs
dv.span("**Chart_Name**")
const pages = dv.pages('#daily_note and -"Templates"').sort(p => p.file.name)
const dates = pages.map(p => p.file.name)
const fist_variable_name = pages.map(p => p.first_property).values
const second_variable_name = pages.map(p => p.second_property).values
const chartData = {
type: 'line',
data: {
labels: dates,
datasets: [
{
label: 'First_Dataset_Name',
data: first_variable_name,
backgroundColor: 'rgba(53, 252, 167, 1)',
borderColor: 'rgba(138, 102, 204, 0.8)',
borderWidth: 1.5,
spanGaps: true,
},
{
label: 'Second_Dataset_Name',
data: second_variable_name,
backgroundColor: 'rba(75, 192, 192, 0.2)',
boderColor: 'rgba(75, 192, 192, 1)',
borderWidth: 1.5,
spanGaps: true,
}
],
},
};
window.renderChart(chartData, this.container)
```
Change the names accordingly and if you want to add other properties, simply add a new "const" and a new "dataset" using the same syntax used for these two.
@@Marco_Mindstone Thank you!! It was a lifesaver ✨
@@zapphine Glad to hear it :)
this is best video data view in you tube thank you
Thank you very much! :)
great info! clear and concise. I like how the examples progressive got 'harder' (more technically involved)
how would I find the right css variable to increase the size of pie chart labels?
Thank you!
What do you mean exactly? The size of pie chart labels depends on their series of data.
You can change the width of the chart tho, since the pie chart tends to be “big”.
Text me if you have any other questions.
Cheers!
@@Marco_Mindstone thanks for the reply. I apologize, I'm still learning the jargon.
I wish to have more control over the chart design, In the scenario of decreasing the 'label' property the legend shrinks too. I wish to have a small pie chart with a larger legend. I see that charts is a canvas object and would like to modify css.
@@grahamjoss4643 Hey! Now I better understand what you were looking for. Anyway, I don’t think it’s an aspect that you can control through CSS. If I find something about that, I will let you know, and feel free to do the same!
Amazing video.. is there a simple way to create charts from properties because I don't know javascript coding.
Thank you!
Unfortunately, if you want to create charts from properties, you will need to use dataviewjs.
@Marco_Mindstone anyway you'd be willing to make a video that describes how to do this in a little more detail? I would love to do this as well. I might be able to figure it out if someone helped me get started.
hey when you do series: then press - title: Title X, do you press enter to write data? It auto creates another - list and it works but having the - in front creates a new title
Hey!
Press "Enter" while holding "Shift".
Let me know if it works for you. ;)
It looks like they had to rename it from "Obsidian Charts" to "Charts". Even the description has changed from "Easily create Charts within Obsidian!" to "Easily create interactive charts in your notes".
Likely a cease and desist demand from Obsidian IMO.
Apparently yes, even if they didn't change the GitHub page (yet).
I have linked my table to my chart and all was well but I now want to put my table inside a callout so its collapsable. However the id is no longer working as its inside the call out as far as I can tell. Does anyone know how to make it work.
Hey! Unfortunately, adding any indentation between the table, ID, and chart breaks the connection between them.
Here’s a workaround: store the table in a separate note and reference that data for your chart (05:37). Then, to keep things accessible, insert an internal link above the chart pointing directly to the table using this syntax: [[Note_Title#^table_id]]. This way, you can quickly access the table when needed!