i want to share my quick chart maker. i know it has the same functionality as another template that’s been shared by @kevinkun for a while, but this one is for thunkable-x. it is based on quickchart.io, here’s a copy you can remix.
it can do these 9 charts from the same data: vertical bar, stacked vertical bar, horizontal bar, stacked horizontal bar, line, pie, doughnut, polar area and radar. No bells and whistles.
@manyone great work!! Thanks for sharing, I love data visualization! ll share how I’ve been adding trendlines I to the quickchart graphs if you’re interested. I am tinkering with the formula, somethings off, but it’s nearly perfect.
cool! i gather you’re using regression for the trend line - it’s the dotted line right? it looks good! your question about time series equal interval graph becomes a challenge when the known observations are not equally spaced to start with! subject is over my head!
i like visualization too. sometime ago, i did a quick render of a sankey diagram using the technique shown by @ACTech in his demo app. (google charts via webview).
however, there seems be something wrong with thunkable and/or airtable or with timing . the append block i marked sometimes executes twice but other times only once. as if the append is so fast that it executes again before the database operation is completed. so i cannot share a copy yet.
I pulled my data from firebase with screen opens block and saved locally in List_Viiewers and displayed chart type List_Viewer1 also. Then opened chart when chart type is selected.
Where do I change Chart image size especially width of the Bar chart?
Thank you.
without it, the chart is set to “flex” which computes the bar widths optimally to provide visual separation of bars and categories. this setting is equivalent to flex: ,barPercentage:0.9,categoryPercentage:0.8
the value ,barPercentage:1,categoryPercentage:1 uses up all the space with all bars stuck together with no separation.
you can try other combinations according to your taste. personally, i’m happy with the default.
you can leave it hardcoded or you can consider it a challenge to allow it to be controlled interactively.
chart size
regarding chart size, it is currently hardcoded at this segment of the makechart block:
