[TW5] NEW plugin: tobibeer/sparkl for simple inline sparkline diagrams
Tobias Beer
perhaps similar to how they were in TWC.
starting from the above reference implementation, with a few enhancements.
HansWobbe
Cheers,
Hans
Mat
<:-)
Tobias Beer
- added link pattern via filter, similar to values
- added as, as=dots & dot-size
- slightly increased the default width
- changed position computation to pixels, not em
- browsers appear to inconsistently render the bar width when in em
Penguinlay
Tobias Beer
I tried dragging from your library but the plugin did not upgraded to the latest version. What should I do?
Penguinlay
Sylvain Naudin
Nice a good job as always :)
I was not looking for this small graph like Dave, but it seem it's quite close to this render, just have a classic bar graph.
What I was thinking, it's for example :
I have a country per tiddler, with some custom fields, for example average retirement age. And automatically, create a chart bar graph with filter country to see difference between them.
What do you think of this another plugin ?
Cheers,
Sylvain
Tobias Beer
What do you think of this another plugin ?
What I was thinking, it's for example :
I have a country per tiddler, with some custom fields, for example average retirement age. And automatically, create a chart bar graph with filter country to see difference between them.
Chuck R.
Thanks Tobias.
Wow, those c3 graphs are impressive! Those make it easier to to a serious report on something science-y.
Pit.W.
From user to user (nothing spectacular), just:
The sparkl - plugin form #tobibeer offers an easy, elegant and high-impact possibility to visualize numerical values, producing diagrams.
I have found out, it is also highly customizable with great ease.
And the little example below is imho afaik not causing any
crashes, so the plugin seems to be resilient against my lack of
competence.
I use the example to visualize size, mass, weight of cargo over a period of time.
The respected user might also want to have a look at
https://ooktech.com/TiddlyWiki/BarChart/ , another plugin for
visualiation, but with a different approach, brought to us by
ooktech.
With many thanks to tobibeer, ooktech and the community
Pit
Example:
<table>
<tr style="vertical-align:top;">
<td colspan=7>
Value @@font-size:5em;
<$sparkl
values="[[%title%]get{!!field}]"
titles="[has{!!field}sort[title]]"
width={{!!bar-width}}
link="yes"
margin={{!!bar-margin}}
min={{!!bar-min}}
as={{!!sparkle-as}}
default="0"
dot-size={{!!sparkle-dot-size}}
/>
@@
</td>
</tr>
<tr style="font-size:0.7em;">
<td>
</td>
<td>
Select field
<$select field="bar-width">
<option value="1px">1</option>
<option value="3px">3</option>
<option value="5px">5</option>
<option value="7px">7</option>
<option value="12px">12</option>
<option value="20px">20</option>
</$select>
</td>
<td>
Bar width <$select field="field">
<option value="weight">Weight</option>
<option value="mass">Mass</option>
<option value="volume">Volume</option>
</$select>
</td>
<td>
Bar margin<$select field="bar-margin">
<option value="1px">1</option>
<option value="3px">2</option>
<option value="5px">3</option>
<option value="7px">7</option>
<option value="12px">12</option>
</$select>
</td>
<td>
Min. scale:<$select field="bar-min">
<option value="50">50</option>
<option value="70">70</option>
<option value="80">80</option>
<option value="90">90</option>
<option value="100">100</option>
<option value="120">120</option>
<option value="130">130</option>
<option value="200">200</option>
</td>
<td>
As:<$select field="sparkle-as">
<option value="bars">bars</option>
<option value="dots">dots</option>
</$select>
</td>
<td>
As:<$select field="sparkle-dot-size">
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="10">10</option>
</$select>
</td>
</tr>
</table>
Hi everyone,
Dave asked whether there were a sparklines for TW5 yet,
perhaps similar to how they were in TWC.
Hence I created and a new plugin called tobibeer/sparkl now released with version 0.5.0
starting from the above reference implementation, with a few enhancements.
Take a look at the sparkl widget syntax and examples.
Get it from:
Or via my plugin library:
Best wishes,
Tobias.
--
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 tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/630b8e66-17cd-4bf6-8222-9706efb63c74%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Danielo Rodríguez
Thanks !
