That's quite cool!
On Wednesday, 17 March 2021 at 23:27:20 UTC History Buff wrote: > 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/6ae3b885-0e9f-4a4d-81d2-4ce4e0e6d573n%40googlegroups.com.
