Donut/Pie charts to show progress

[saqimtiaz]

A lightweight wikitext, CSS and SVG based solution by @Mohammad:

Donut Chart in Tiddlywiki with Animation

Referring to (Simple Progress Pie Chart in TiddlyWiki) for creating pie chart in Tiddlywiki without JS and great comments from @Alvaro , @pmario and @sobjornstad here is a new solution for creating Donut Chart using simple SVG, CSS and TW macro. This new solution is based on the great job by Jan Verstraete (https://codepen.io/janverstr/pen/PvPoaV) How to use download attached JSON donutchart.json (3.1 KB) drag and drop into your wiki (for test use https://tiddlywiki.com/) open the D…

Another solution by Mohammad:

Simple Progress Pie Chart in TiddlyWiki

Sometimes for showing progress ( like task done, words learned, project steps finished …) in TiddlyWiki you need a simple macro and don’t want to go for heavy sophisticated JS. Attached is a solution based on Oliviale great solution: How to use download attached JSONpiechart.json (33.3 KB) drag and drop into your wiki (for test use https://tiddlywiki.com/) open the PieChart Examples. See examples and edit as you like. To create a new piechar just call the macro as below <<piech…

Edit this post to improve upon its content.
To discuss these solutions themselves, please do so in their original threads.