Killing TiddlyTagMindMap

[rakugo]

Hey visualisation fans,
Would be really great if I could get some feedback on this graph
plugin I am working on with the aim of improving/making
TiddlyTagMindMap redundant:
links:
http://www.jonrobson.me.uk/posts/VGraph
http://www.jonrobson.me.uk/development/VGraph/index.html

Where should I focus my energies?
Ta
Jon

[Måns]

Hi Jon

This is yet a very beautiful thing you've made !!!
I can't wait to implement it somehow - in my existing TWs.

Links:
I was wondering - How do you use links from the graph nodes?
Do I really have to doubleclick (thereby opening the graphcontaining
tiddler in editmode) to go to a tiddler with a title of a node... Is
there another way?

Zooming:
Also I need some intuitive way of centering the display of the zoom on
a specific node - not to loose the sight of the graph ---
Do you know Gimp? It has a terrific zoom practice - but it needs the
keyboard. You simply let the mouse stay on a spot in an image and you
zoom with + and - keeping what's under the mouse in the center. It's
very intuitive - unfortunately we don't have two mouses when
navigating in a TW - so choosing a center with a click on a node
followed by a click on + or - might be the solution for a controlled
zoom?

Importing:
I still haven't put the plugin into one of my TW's yet - which
tiddlers should I import? Only these three: VGraphPlugin,
VismoGraphAlgorithms and VismoLibraryPlugin?

YS Måns Mårtensson

On 23 Okt., 15:59, rakugo <jdlrob...@gmail.com> wrote:
> Hey visualisation fans,
> Would be really great if I could get some feedback on this graph
> plugin I am working on with the aim of improving/making
> TiddlyTagMindMap redundant:

> links:http://www.jonrobson.me.uk/posts/VGraphhttp://www.jonrobson.me.uk/development/VGraph/index.html

[rakugo]

Hi Mans,
There is a parameter labelMacro that I've built so you can extend the
graph in anyway you choose.

For instance you could set up a tiddler tagged with systemConfig as
so:
config.macros.linkLabelMacro {handler: function
(place,macroName,paramlist,wikifier,paramString,tiddler){
wikify("[["+tiddler.title+"]]",place)
}};
and then use:
<<VGraph labelMacro:linkLabelMacro>>
and all labels in the graph would be rendered as links using that
macro just created.

You should be able to zoom using your mousewheel.. (possibly not if
you use Internet Explorer however as this has proved quite buggy)
The three tiddlers you have mentioned should be all you need to setup
your own instance.
Cheers
Jon

> > links:http://www.jonrobson.me.uk/posts/VGraphhttp://www.jonrobson.me.uk/dev...

[Måns]

Hi Jon

Sorry, but I'm not a programmer and I cant figure out why this doesn't
work - please tell me what to change:

http://tinyurl.com/yfee9b4

YS Måns Mårtensson

[rakugo]

My bad.. amazing the difference a letter makes... put an equals sign
between LinkLabelMacro and {handler
like so:
config.macros.linkLabelMacro= {handler: function
(place,macroName,paramlist,wikifier,paramString,tiddler){
wikify("[["+tiddler.title+"]]",place)
}};
Jon

[Måns]

Hi Jon

I'm trying to use VgraphPlugin in the pagetemplate like this:

<!--{{{-->
<div id="VGraph" "{height:768px;width:1024px;position:relative;}
id:main parentFields:{{['info','TiddlyWiki','2009']}} algorithm:radial
lineWidth:1 centerOn:TiddlyWiki excludeTags:
{{['excludeLists','systemTiddler','systemConfig']}}
ignoreLoneNodes:true zoom:80 breadcrumbs:true" </div>

I have borrowed a few parameters from TagmindmapPlugin trying to set
the height and width and"breadcrumbs"
I don't get a graph out of this..
What am I doing wrong?

YS Måns Mårtensson

[Måns]

How do I use VGraphStyle?
Do I include it in the stylesheet?
[[VGraphStyle]]

[Måns]

I've tried changing the pagetemplate so it uses VGraphMacro like
this:
<!--{{{-->
<div macro='VGraph parentFields:{{['tags']}} algorithm:radial
lineWidth:1 centerOn:systemConfig excludeTags:{{[]}}
ignoreLoneNodes:true'></div>
But it returns an error saying that there's too much recursion...

YS Måns Mårtensson

[rakugo]

Can you send me a minimal test case? I still have a few edge cases to
iron out. Try excluding tags and find out which tiddler relationships
are causing the recursion it will help me a lot. I know I fixed a
recursion bug recently (not updated on jonrobson.me.uk yet though) -
hopefully this is the same thing.

Jon

[Måns]

Hi Jon

I have tried to make it as simple as I could: http://tinyurl.com/yjp2kc5
In my original testcase I try to make it work as the background for
moveablepanels like Mitchke Leemans does here: http://doordouwe.nl/

My hope is that VGraphPlugin could replace TiddlyTagMindMapPlugin and
that it would make it possible to upgrade the core to the newest
version...

YS Måns mårtensson

[rakugo]

That was great.
There were two problems. One to do with the styling (my bad) - it
meant the graph was appearing in the odd location at the top.
and one to do with how you were embedding it in your page (your bad)
-
you were doing something like macro='VGraph parentFields:
{{['tag']}}....'
and it was treating the single quotes on the tag as the end of the
macro call. By replacing these with double quotes the problem was
solved.
eg. macro="VGraph parentFields:{{['tag']}}...."
Fixed both issues and have upgraded the version here:
http://www.jonrobson.me.uk/development/VGraph/index.html
That should hopefully be the end to your problems!!

Thanks for the MTC it helped a lot!
Jon

[Måns]

Thank you very much Jon!
Also for making a working solution adding the <div style="width:
500px"
Great!

My next quest will be to change this (taken from http://doordouwe.nl/)
<!--{{{-->
<div id="tagmindmap" parameters="width:1024 height:768 id:main
startState:{{['info','ontwerp','2009']}} zoom:130 exclude:

['excludeLists','systemTiddler','systemConfig'] ignoreLoneNodes:true

breadcrumbs:true" </div>
and make it work with moveable panels like this:
<div macro='moveablePanel name:header'>
<div class='header' >

<span class='siteTitle' refresh='content' tiddler='SiteTitle'></
span>&nbsp;
<span class='siteSubtitle' refresh='content'
tiddler='SiteSubtitle'></span>

</div>
</div>
<div id='mainMenu' class='moveablePanel'>
<div refresh='content' tiddler='MainMenu'></div>
<div macro='moveablePanel name:mainmenu width:auto height:auto'></
div>
</div>

(Also from Mitchke Leemans' site)

Does VGraph allow you to specify zoomlevel and breadcumbs as well?
Width, height and startstate?


YS Mårtensson

[Måns]

Images as nodeheads?
Request:
Maybe it is already possible (I remember TagMindmap could do this):
Does VGraph allow you to display images as nodeheads when you specify
an imageurl as a field in the Parenttiddler?
If this is possible - it would be nice to have images shown in a fixed
size (maybe using imageSizePlugin by Eric?) - so you don't have to
edit all images to fit in the VGraph...

YS Måns Mårtensson

On 12 Nov., 18:13, Måns <humam...@gmail.com> wrote:
> Thank you very much Jon!
> Also for making a working solution adding the <div style="width:
> 500px"
> Great!
>

> My next quest will be to change this (taken fromhttp://doordouwe.nl/)

[rakugo]

It's still very early days for this plugin, so sadly not quite there
with replicating all the functions of TiddlyTagMindMap.
However for images as node heads - this works slightly differently.
Remember the labelMacro I told you about before?

Try adding a plugin like this:
config.macros.ImageLabelMacro= {handler: function
(place,macroName,paramlist,wikifier,paramString,tiddler){
wikify("[img(100px+,75px+)["+tiddler.fields.image+"]] [["+tiddler.title
+"]]",place)
}};
along with Eric's ImageSizePlugin.

Now if you edit your EditTemplate so that you can set a field called
image it should show the label as that image plus the title as a link.
Again I've not checked this but I don't see no reason why not :)

Hope this makes sense..
Jon

[Måns]

Hi again Jon

I've tried to make the ImageLabelMacro - without success..
I've also experimented with ShowPopup and Nested Sliders - and to
insert one of them into the Pagetemplate...

I've made a MTC here http://tinyurl.com/yldtqtt - with more
information..

YS Måns Mårtensson

[rakugo]

No way to set width yet without resorting to css.
try this to use the ImageLabelMacro on the graph

<<VGraph parentFields:{{['tags']}} algorithm:radial lineWidth:1
centerOn:systemConfig excludeTags:{{[]}} ignoreLoneNodes:true

labelMacro:ImageLabelMacro>>

Images look a bit too big though so you will need to tweak the code I
gave you above
where it says
"[img(100px+,75px+)["
set that to the dimensions you would like. Alternatively just remove
the text "(100px+,75px+)" and use css to style them
.canvasLabel img {width:20px;} in your StyleSheet tiddler should do
the job..
Jon

On Nov 12, 10:40 pm, Måns <humam...@gmail.com> wrote:
> Hi again Jon
>
> I've tried to make the ImageLabelMacro - without success..
> I've also experimented with ShowPopup and Nested Sliders - and to
> insert one of them into the Pagetemplate...
>

> I've made a MTC here  http://tinyurl.com/yldtqtt- with more

[Måns]

Thanks for explaining Jon

It's very nice to see images in the VGraph...
However it seems that the tooltip [["+tiddler.title+"]] doesn't work.
Instead there's an ugly "]]" in front of the titles (modified tiddlers
- not shadowed) in the VGraph..
Is it me who has broken the ImagelabelMacro syntax - or doesn't it
work?

Thanks again

YS Måns Mårtensson

On 13 Nov., 00:13, rakugo <jdlrob...@gmail.com> wrote:
> No way to set width yet without resorting to css.
> try this to use the ImageLabelMacro on the graph
> <<VGraph parentFields:{{['tags']}} algorithm:radial lineWidth:1
> centerOn:systemConfig  excludeTags:{{[]}} ignoreLoneNodes:true
> labelMacro:ImageLabelMacro>>
>
> Images look a bit too big though so you will need to tweak the code I
> gave you above
> where it says
> "[img(100px+,75px+)["
> set that to the dimensions you would like. Alternatively just remove
> the text "(100px+,75px+)" and use css to style them
> .canvasLabel img {width:20px;} in your StyleSheet tiddler should do
> the job..
> Jon
>
> On Nov 12, 10:40 pm, Måns <humam...@gmail.com> wrote:
>
>
>
> > Hi again Jon
>
> > I've tried to make the ImageLabelMacro - without success..
> > I've also experimented with ShowPopup and Nested Sliders - and to
> > insert one of them into the Pagetemplate...
>

> > I've made a MTC here  http://tinyurl.com/yldtqtt-with more

[Måns]

Jon

I need some simple examples of how to use the VGraph
At the moment I can't even figure out how to show *only* a set of
parenttiddlers based on one or several tags and their children
What are the options?

YS Måns Mårtensson