Oh my. Thanks for sharing that! That may be just what I've been looking for. I'll definitely give it a try anyway.
Damon On Wednesday, March 17, 2021 at 2:20:17 PM UTC-7 Anjar wrote: > 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/45d703b6-4bad-43ec-a10e-ad241da4267bn%40googlegroups.com.
