data visualisation or graphs in tiddlywiki

2,126 views
Skip to first unread message

okido

unread,
Jan 17, 2012, 4:32:22 PM1/17/12
to TiddlyWiki
For drawing graphs in TiddlyWiki, there are some graphics libs like
jsx and raphael available as plugin.
But drawing an actual graph is not that easy.
I made a start using the d3.js lib for data visualisation and the
first graph type I made is a horizontal graph or pareto graph. The
d3.js can be found here: http://mbostock.github.com/d3
To draw a pareto I made a plugin that is available at http://d3tw.tiddlyspot.com
keep in mind that it is still very experimental.
Make sure to have a backup of your important data.

Any comments are welcome, Okido

colmjude

unread,
Jan 17, 2012, 6:21:35 PM1/17/12
to TiddlyWiki
Not sure if you have seen this[1] before but makes it easy to draw
graphs in TW.

Hope that helps,

Colm

[1] - http://charts.tiddlyspace.com/

On Jan 17, 9:32 pm, okido <bkn...@gmail.com> wrote:
> For drawing graphs in TiddlyWiki, there are some graphics libs like
> jsx and raphael available as plugin.
> But drawing an actual graph is not that easy.
> I made a start using the d3.js lib for data visualisation and the
> first graph type I made is a horizontal graph or pareto graph. The
> d3.js can be found here:http://mbostock.github.com/d3
> To draw a pareto I made a plugin that is available athttp://d3tw.tiddlyspot.com

okido

unread,
Jan 18, 2012, 12:28:44 PM1/18/12
to TiddlyWiki
Hi Colm,

I checked out the RaphaelPlugin at http://charts.tiddlyspace.com/ but
could not get it running in a standalone TW with the latest version of
the Raphael source.
But there are some impressive examples around that are made with
Raphael.
The choice to take d3.js is that I could get it running in a short
notice and writing the code to produce a graph is rather straight
forward.
Even with the InlineJavascriptPlugin you can do nice things.

Thanks for your pointer, Okido

On Jan 18, 12:21 am, colmjude <colmj...@gmail.com> wrote:
> Not sure if you have seen this[1] before but makes it easy to draw
> graphs in TW.
>
> Hope that helps,
>
> Colm
>
> [1] -http://charts.tiddlyspace.com/

David Gifford

unread,
Feb 19, 2013, 5:21:30 PM2/19/13
to tiddl...@googlegroups.com
Any chance you could do a plugin for this one???

http://bl.ocks.org/mbostock/4063570

Dave

magev958

unread,
Mar 23, 2014, 11:44:58 AM3/23/14
to tiddl...@googlegroups.com
This is exactly what I am looking for! Could you help me build one Collapsible Tree (1)?


(1) http://bl.ocks.org/mbostock/4339083

okido

unread,
Mar 23, 2014, 4:04:12 PM3/23/14
to tiddl...@googlegroups.com
Hi Dave,

Sorry for the late reply, I somehow missed your post.
Can you give an idea what data set you would like to use ?

Best regards, Okido

2012年1月17日火曜日 22時32分22秒 UTC+1 okido:

David Gifford

unread,
Mar 31, 2014, 8:29:33 PM3/31/14
to tiddl...@googlegroups.com
I second the Collapsible tree request, for TW5...

okido

unread,
May 9, 2014, 8:20:09 AM5/9/14
to tiddl...@googlegroups.com
Hi All,

I updated d3tw.
There are now several easy to use graphs made with d3.js and c3.js for TWc.
Some basic knowledge of JS is required.
The dendro is static, collapsible is possible in combination with DataTiddler, updated will follow soon.


Okido

2012年1月17日火曜日 22時32分22秒 UTC+1 okido:
For drawing graphs in TiddlyWiki, there are some graphics libs like

David Gifford

unread,
May 9, 2014, 9:02:39 AM5/9/14
to tiddl...@googlegroups.com
ooooohhh please please please do these for TiddlyWiki 5!!! These are outstanding!


--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/qe502M1FE4M/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.



--
David Gifford
Christian Reformed World Missions, Mexico City

Albert

unread,
May 9, 2014, 9:28:59 AM5/9/14
to tiddl...@googlegroups.com
Hi! Any chance to integrate NVD3 charting?: http://nvd3.org/index.html

Fantastic job!

okido

unread,
May 10, 2014, 7:29:54 AM5/10/14
to tiddl...@googlegroups.com
Hi,

TW5 >> It is certainly possible, I made some little progress already but it is not something that is done overnight.
nvd3 >> I used nvd3.js some 6 months ago to make a bullet graph, I will check if I can find it in my backups somewhere.


Okido

2012年1月17日火曜日 22時32分22秒 UTC+1 okido:
For drawing graphs in TiddlyWiki, there are some graphics libs like

okido

unread,
May 13, 2014, 11:03:10 AM5/13/14
to tiddl...@googlegroups.com
Hi All,

The nvd3.js plugin is updated for usage with TWc and InlineJavascriptPlugin.
Examples are can be found in d3tw.

Have a nice day, Okido

2012年1月17日火曜日 22時32分22秒 UTC+1 okido:
For drawing graphs in TiddlyWiki, there are some graphics libs like
Reply all
Reply to author
Forward
0 new messages