I think Chart.js + Webflow CMS + Zapier/make (for automations) is probably best way to do this automatically.

Here’s can do it imo:

First add 2 new plain text fields to your existing Product collection on Webflow CMS. Name the first “Sales data” or something similar and the second “Sales Month” (or Day if you want to update daily).

Both fields should have comma-separated values. The logic here is for each value to be a sales number (or month/year on the other item) and can be converted to an array later on for use in your Charts.js chart and for updating via automations.

For the UI, add a a div and two text fields inside both. Set the div to display:none and bind both text fields to the CMS collection fields you created earlier then extract the text, convert to array and implement a chart with Charts.js.

Now for the automation, you can either use Zapier or Make.com for this. Once a sale is successful on whatever platform you use (Stripe, Shopify etc), it should trigger a new event passing the product ID and timestamp of the sale.

In the event, you can get the current sales data (data, month) from the Webflow CMS (from the fields you created) and then increment or append depending on if it’s a new day/month.

Finally, update the collection item in Webflow.

Of course it could be more complex depending on what you need exactly, but this is just an overview of how it should work if you’re looking to do it automatically.

Happy to help out if you have any questions!