[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
This is great Anders! Thanks for sharing! Mohammad On Monday, August 26, 2019 at 4:54:00 PM UTC+4:30, ajarmund wrote: > > Thank you! I updated the macro to have plot width and marker size as > parameters as well. The hover effect should be customisable through the CSS > stylesheet, but I guess the plugins by Jed will have more functionality > > Best, > Anders > > > mandag 26. august 2019 11.09.44 UTC+2 skrev Mohammad følgende: >> >> Hi Anders, >> This is wonderful! The feasibility was proved! >> It is good if one can customize the size the marker and have a better >> hover effect. >> >> --Mohammad >> >> On Saturday, August 24, 2019 at 3:32:13 PM UTC+4:30, ajarmund wrote: >>> >>> And now 5.1.20 has been released with mathematical operators! I tried to >>> make a simple macro using SVG: >>> http://folk.ntnu.no/anderhja/plotdemo.html >>> >>> However, what is the best way to transclude a macro making a SVG in >>> terms of scaling? I tried to make a tiddler calling the macro with type SVG >>> for transclusion, but it didn't work, so maybe CSS is the way to go? >>> >>> >>> - Anders >>> >> -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/e16f224d-4249-4ef7-ba20-6acfce759e54%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
Very nice, Jed! I think easy-to-use data visualisation tools will increase the value of tiddlywiki for use in research and academia a lot! Best, Anders søndag 25. august 2019 09.56.25 UTC+2 skrev Jed Carty følgende: > > I made some data visualisation plugins. > > https://ooktech.com/TiddlyWiki/BarChart/ > https://ooktech.com/TiddlyWiki/ScatterPlot/ > https://ooktech.com/jed/ExampleWikis/SnapSVG/ > > I should have some examples using chart.js and p5.js around somewhere but > I have no idea where they are. > > I have been working with d3.js in my day job so there will probably be > some more d3 plugins at some point in the future. > -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/eecd630c-dcb4-4221-8dc7-34f2a5dcc811%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
Thank you! I updated the macro to have plot width and marker size as parameters as well. The hover effect should be customisable through the CSS stylesheet, but I guess the plugins by Jed will have more functionality Best, Anders mandag 26. august 2019 11.09.44 UTC+2 skrev Mohammad følgende: > > Hi Anders, > This is wonderful! The feasibility was proved! > It is good if one can customize the size the marker and have a better > hover effect. > > --Mohammad > > On Saturday, August 24, 2019 at 3:32:13 PM UTC+4:30, ajarmund wrote: >> >> And now 5.1.20 has been released with mathematical operators! I tried to >> make a simple macro using SVG: http://folk.ntnu.no/anderhja/plotdemo.html >> >> However, what is the best way to transclude a macro making a SVG in terms >> of scaling? I tried to make a tiddler calling the macro with type SVG for >> transclusion, but it didn't work, so maybe CSS is the way to go? >> >> >> - Anders >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/cd64b82a-5e5b-4cee-a784-1adf04faeb85%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
Hi Anders, This is wonderful! The feasibility was proved! It is good if one can customize the size the marker and have a better hover effect. --Mohammad On Saturday, August 24, 2019 at 3:32:13 PM UTC+4:30, ajarmund wrote: > > And now 5.1.20 has been released with mathematical operators! I tried to > make a simple macro using SVG: http://folk.ntnu.no/anderhja/plotdemo.html > > However, what is the best way to transclude a macro making a SVG in terms > of scaling? I tried to make a tiddler calling the macro with type SVG for > transclusion, but it didn't work, so maybe CSS is the way to go? > > > - Anders > -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/c1ad8027-ead9-40e3-a5bd-e44810ebd1cc%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
I made some data visualisation plugins. https://ooktech.com/TiddlyWiki/BarChart/ https://ooktech.com/TiddlyWiki/ScatterPlot/ https://ooktech.com/jed/ExampleWikis/SnapSVG/ I should have some examples using chart.js and p5.js around somewhere but I have no idea where they are. I have been working with d3.js in my day job so there will probably be some more d3 plugins at some point in the future. -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/1799467a-c07d-48eb-b884-7f38af30df7d%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
And now 5.1.20 has been released with mathematical operators! I guess a
simply SVG approach for plotting the data tiddler "data" (
{"10":0,"40":40,"70":100,"120":90}) can be
\define makePoints()
<$list filter="[[data]indexes[]]" variable="key" >
<$set name="xv" filter="[multiply[$(xs)$]]">
<$set name="xval" filter="[add[10]]">
<$set name="yv" filter="[[data]getindex]">
<$set name="yva" filter="[mulitply[$(ys)$]]">
<$set name="yval" filter="[[110]subtract]">
> cy=<> r="1.5"/>
\end
\define makePlot(xsc ysc)
<$set name="xs" filter="[[100]divide[$xsc$]]">
<$set name="ys" filter="[[100]divide[$ysc$]]">
<>
\end
with call <>
However, what is the best way to transclude such a macro in regard of
scaling? I tried to make a tiddler calling the macro with type SVG but it
didn't work, so maybe CSS is the way to go?
- Anders
--
You received this message because you are subscribed to the Google Groups
"TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywikidev+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywikidev/70c17c90-4b26-4291-ae32-3aed26742dbe%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
That's wonderful, Mat! Thank you very much! -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/8d328e2b-537c-405a-b5c5-f6712a7b23ae%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
I vaguely recall someone mentioned scatter plots very recently. Possibly it was Jed / inmysocks Otherwise I made graphs which is a pure TW+CSS approach. Now, it is probably NOT what you're after - I'd say it is not appropriate for data heavy use or more "sophisticated" applications. Rather it is made for showing quick graphs like in some presentation. Overall the whole plugin is also due for a full overhaul when 5.1.20 comes with its many new filter operators and even new CSS functions. ...but if you still want to try it out, you can get the scatter plot components under the Install tab and DnD the blue pill found at bottom-right. You'll probably also want x-axis, y-axis and Reference. Your "items" to be plotted would be tiddlers holding an x and y field with their values and you would create the graph like so <> <:-) -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/4cde3f9e-b7c1-4357-bfed-b2677deff2ec%40googlegroups.com.
[twdev] Re: [TW5] Data Visualisation using SVG or Chartist.js
http://graphs.tiddlyspot.com/ <:-) -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikidev+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/979f8dbe-4b70-4a02-8b65-31e12c8a4dc4%40googlegroups.com.
