Hi all, I just discovered the CSS data visualization framework charts.css: https://chartscss.org/ In short, you just add CSS to a table and get a chart out of it. I know there already exist charting frameworks for tiddlywiki, but charts.css looks very nice and simple
A small working example: ``` \define barchart(vals) <table id="bar-example-10" class="charts-css bar show-labels show-4-secondary-axes"><tbody><$list filter="[[$vals$]split[;]]" variable ="var"> <$set filter="[<var>split[]allbefore[,]join[]]" name="lab"><$set filter="[<var>split[]allafter[,]join[]]" name="val"><tr> <th scope="row"> <<lab>> </th> <td style=<<st>>></td> </tr></$set></$set></$list></tbody> </table> \end \define st() --size:$(val)$; <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css";> <style> #bar-example-10 { height: 200px; max-width: 300px; margin: 0 auto; } </style> <<barchart "2016,0.5;2017,0.1;2018,0.4;2019,0.8">> ``` I hope you are all healthy and safe! Best regards, Anders -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/99cac81f-43b6-4f28-9bb6-7b61fe7d9153n%40googlegroups.com.
