[TW5] If any one is still online. Here is a Beta to play with (for drawing mindmaps and graphs)

[Felix Küppers]

Here is a working demo:

http://wkpr.de/hosting/tmp/tw5/

Scroll down to see two examples.

The network works really smooth in Chrome.
Firefox sometimes interrupts the motion of the graph if many nodes are display.

Hope you like it :)

Felix

[Daniel Baird]

That's pretty cool.  I think you might need to eat scroll events after your map sees them, when I scroll vertically on a map (using two-finger-scroll on my Mac trackpad), it zooms the map, but also scrolls the column of tiddlers.

Cheers

;Daniel

--
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 http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--

Daniel Baird
objoke: I had a problem and decided to solve it with threading. Now, have problems. two I

[Stephan Hradek]

I just did a quick check, because I think it might become useful for me.

This is what I noticed: When I add a new node and change its name, it "hops" away and  I need to find it in the graph.

The idea I have, how I could be using it:

We have several hosts which interconnects. My idea is to have nodes for each computer. Each computer has one or more applications. Each application has some configuration files and in each file there is a configuration value which would point to another computer.

I'd love to visualize this somehow, so that I could see the network of connections and being able to pinpoint the configuration endpoints of each connection.

Do you think this is feasible with your plugin?

[Felix Küppers]

Hi Stephan,

This is what I noticed: When I add a new node and change its name, it "hops" away and  I need to find it in the graph.

Yes, I know. This will be fixed. Also, each view/graph will save the coordinates of the nodes it contains. At the moment everything changes after a repaint().
 

We have several hosts which interconnects. My idea is to have nodes for each computer. Each computer has one or more applications. Each application has some configuration files and in each file there is a configuration value which would point to another computer.

I'd love to visualize this somehow, so that I could see the network of connections and being able to pinpoint the configuration endpoints of each connection.

Well, you can represent everything that has a graph structure and you are able to create your own relationship types. In addition, i will soon enable a feature that you can store a http:// (or any other protocol) link in a node, so when you click on a title you switch to a desired webpage. Maybe this is what you want? Then you can connect wikis with permalinks and bridge the networks encapsulated in several independent wikis.

Regards Felix

 

[Felix Küppers]

Hi Daniel,

thanks for the feedback.
 

I think you might need to eat scroll events after your map sees them, when I scroll vertically on a map (using two-finger-scroll on my Mac trackpad), it zooms the map, but also scrolls the column of tiddlers.

I have no touchpad but as soon as I get my hands on one, I will try to verify that and change the code.

Regards
Felix

[Danielo Rodríguez]

Hello Felix,

Thank you very much for this. I did not play enough with your plugin yet. I love the snapshot function. As usual, I have a couple of suggestions:

1. As daniel said, the zoom thing is a problem. I used to scroll the page with the mouse in the middle, so wen I reach plugin window I start to zoom out until I realize what am I doing. I would prefer to use zoom buttons. May this can be an option?
2. Could you please provide the hability to use caption or subtitle fields for the displayed name in the graph? This have many uses like giving short names to long title tiddlers and having tiddlers that I want to hide from the normal search with $:/ . This is very useful if you want to use your plugin just for creating graphs and you don't want to full your tiddler naming space with empty tiddlers.

Regards.

[Alex Hough]

Felix,

Could each edge be a tiddler?

The type of edge could be "depends on" etc. but the tiddler itself would detail the complexities of that dependancy. In a complex system the interweaving of dependancies is a key aspect - one which mind mapping software does not cater for.

best wishes

Alex

--

[PMario]

Hi Felix,
Well done! But I'd be more interested in a github link for contribution.
-m

[Ton Gerner]

Hi Felix,

Awesome.

Cheers,

Ton

[Felix Küppers]

Hi PMario,

thanks.

The link will follow this week.

Regards Felix

[Felix Küppers]

Hola Danielo,

Thank you very much for this. I did not play enough with your plugin yet. I love the snapshot function.

Thanks!
 

As usual, I have a couple of suggestions:

...I expected it :)

1. As daniel said, the zoom thing is a problem. I used to scroll the page with the mouse in the middle, so wen I reach plugin window I start to zoom out until I realize what am I doing. I would prefer to use zoom buttons. May this can be an option?

yes, I agree.

1. Could you please provide the hability to use caption or subtitle fields for the displayed name in the graph? This have many uses like giving short names to long title tiddlers and having tiddlers that I want to hide from the normal search with $:/ . This is very useful if you want to use your plugin just for creating graphs and you don't want to full your tiddler naming space with empty tiddlers.

yes, I could make it possible to let the node title be read from a caption field. If it doesn't exist, I will use the Title as fallback.
However it is not possible to give nodes different names in different views. that would be too complex to manage and to trace updates.

regards felix

[PMario]

On Tuesday, November 11, 2014 12:48:54 PM UTC+1, Felix Küppers wrote:

The link will follow this week.

:)

You should also update the vis.js library, to the latest version, which has proper lizensing for TW plugins :)
There should be no conflicts anymore :)

see: https://github.com/almende/vis/issues/285#issuecomment-61915620

have fun!
mario

[Felix Küppers]

Hi Alex

 

Could each edge be a tiddler?

The type of edge could be "depends on" etc. but the tiddler itself would detail the complexities of that dependancy. In a complex system the interweaving of dependancies is a key aspect - one which mind mapping software does not cater for.

Because I am a huge fan of the semantic web, ontologies and rdf triples (where edges may be literals or nodes) I thought about it for a long time at the beginning.
I decided to reject the idea and to store all edges of the same kind in a single tiddler to allow quick parsing and make it possible to rename all edges by simply renaming the tiddler. (try it by clicking on an edge, renaming the edgeStore and restart).

I thought nobody would even care describing relations. Its the same case with tags in tiddlywiki. you don't bother to describe tags.

It would add an extra level of complexity and I already implemented the other way.

But I serously consider your input and I may change it in the future after I am done with the basics and have more time.

Regards
Felix

[Felix Küppers]

Thanks ton

[Tobias Beer]

Nice stuff,

one bug I noticed when deleting anything I get an Internal Javascript Error: undefined is not a function... in Chrome.

- tb

[Felix Küppers]

You should also update the vis.js library, to the latest version, which has proper lizensing for TW plugins :)
There should be no conflicts anymore :)

Oh, thanks for paving the way :) Never thought about licensing issues.

I blushed a bit when you were speaking so positively about my plugin in your last post at vis :)

Regards
Felix

[Felix Küppers]

Hi Tobias

thanks for the feedback

one bug I noticed when deleting anything I get an Internal Javascript Error: undefined is not a function... in Chrome.

this is on purpose to scare people off that want to delete their nodes.

seriously: yeah I will fix that :)

Regards
Felix

[PMario]

On Tuesday, November 11, 2014 1:07:26 PM UTC+1, Felix Küppers wrote:

I thought nobody would even care describing relations. Its the same case with tags in tiddlywiki. you don't bother to describe tags.

That's not really true. If you need to explain your TWs to users, it's the easiest way to tell them, what the tag is for.
 

It would add an extra level of complexity and I already implemented the other way.

I see your point. With every design decision you have some pros and cons :)
 

But I serously consider your input and I may change it in the future after I am done with the basics and have more time.

That's why the possibility for contributions will be nice. .... But I think we shouldn't block your study :)

have fun!
mario

[Alex Hough]

Hi Felix,

The workaround for me would be to create a separate type for each connection i want to annotate. Another way would be to "new here" or clone the edge tiddler and link to the two tiddlers joined together

Alex

On 11 November 2014 12:07, Felix Küppers <felixk...@hotmail.de> wrote:

Hi Alex

 

Could each edge be a tiddler?

The type of edge could be "depends on" etc. but the tiddler itself would detail the complexities of that dependancy. In a complex system the interweaving of dependancies is a key aspect - one which mind mapping software does not cater for.

Because I am a huge fan of the semantic web, ontologies and rdf triples (where edges may be literals or nodes) I thought about it for a long time at the beginning.
I decided to reject the idea and to store all edges of the same kind in a single tiddler to allow quick parsing and make it possible to rename all edges by simply renaming the tiddler. (try it by clicking on an edge, renaming the edgeStore and restart).

I thought nobody would even care describing relations. Its the same case with tags in tiddlywiki. you don't bother to describe tags.

The "new here"  function does this

It would add an extra level of complexity and I already implemented the other way.

But I serously consider your input and I may change it in the future after I am done with the basics and have more time.

Regards
Felix

[Alberto Molina]

Hi Felix,

This is GREAT!!!
Warm thanks!

Alberto

[Blake Blacksmith]

Very neat. A good start on a great tool for visualizing related tiddlers.

[Danielo Rodríguez]

Hello Felix

If I download your wiki and I open the file I get the following error:

Uncaught ReferenceError: vis is not defined

[Felix Küppers]

Hi Danielo,

please wait till friday (or saturday) for downloading. then it will all be bundled and put on github. At the moment the css and the vis library are not included as shadow tiddlers. (plus there are many bugs in the online version). Its just there for giving you a very simple idea.

Regards Felix

[Danielo Rodríguez]

Hello Felix,

Where is the original beta to play with? I mean, that  wiki that was focused on your plugin. The link posted above is a wiki that I can not understand because it is in german and Ich spreche kein deutsch.

[Felix Küppers]

Ich spreche kein deutsch.

Hola amigo, tu habla alleman muy perfecto. I see no reason to upload the english version. ;)

Anyway, the new link to taskgraph is: http://wkpr.de/hosting/tmp/tw5/taskgraph/

Still working on captions... :( but it will come this week.

Nonetheless, I changed a big lot (e.g. what do you think about the new way to search and connect nodes from the tiddler title bar?).
Also its now more mobile friendly with scrolling as you can specify via attribute if to enable a graph with a click before it starts mouse listening.

The architecture is really getting stable now. I had to make some big design sessions so old things may break. it sucks i know. but at the moment I have to make these changes for the future.

Regards felix

[Danielo Rodríguez]

Hola amigo, tu habla alleman muy perfecto. I see no reason to upload the english version. ;)

Hahaha, I leaved my german lessons after the first year, so not so good.
 

Anyway, the new link to taskgraph is: http://wkpr.de/hosting/tmp/tw5/taskgraph/

Nice!
 

Still working on captions... :( but it will come this week.

I think I can wait, or maybe not! :P
 

Nonetheless, I changed a big lot (e.g. what do you think about the new way to search and connect nodes from the tiddler title bar?).

I like it very much. Very elegant and with the default TW palete. In fact, I would like to see this behaviour in the rest of the editors/viewers. I mean, when you click a node it is greatly highlighted, but the edges just get "bolder" and it is not so easy to see. What about making those edges the same light blue as the node body? Or maybe, like in the search tab make grey the rest of the nodes/connections?
 

Also its now more mobile friendly with scrolling as you can specify via attribute if to enable a graph with a click before it starts mouse listening.

This is an huge improvement. Not only for mobile, it makes it more usable on my laptop. Thank you for this.
 

The architecture is really getting stable now. I had to make some big design sessions so old things may break. it sucks i know. but at the moment I have to make these changes for the future.

I can understand it. No problem

[Danielo Rodríguez]

Nice! I just noticed that you can create new nodes just double cliking them, and it also ask for the name. This is the behavior I expected from the begining. But, why does the add node button behave differently?

[Felix Küppers]

Hi Danielo,

Hahaha, I leaved my german lessons after the first year, so not so good.

My spanish isn't that good either. I just picked up a few lines from friends. stuff like "hola flaca, yo te quiero, vamos a la playa" :)

Still working on captions... :( but it will come this week.

I think I can wait, or maybe not! :P

Yeah, I think this feature really makes sense. I want to allow the user to specify which tiddler field to use as label in the global options.

Nonetheless, I changed a big lot (e.g. what do you think about the new way to search and connect nodes from the tiddler title bar?).

I like it very much. Very elegant and with the default TW palete.

Thanks! Still needs some improvements though. Also I don't get how to create a button-image in tw (that it looks gray in the menu and black otherwise).

In fact, I would like to see this behaviour in the rest of the editors/viewers. I mean, when you click a node it is greatly highlighted, but the edges just get "bolder" and it is not so easy to see.

Good point!

What about making those edges the same light blue as the node body? Or maybe, like in the search tab make grey the rest of the nodes/connections?

I will experiment with it.

By the way, the future plans are also to allow styling of edges an nodes.

 

Also its now more mobile friendly with scrolling as you can specify via attribute if to enable a graph with a click before it starts mouse listening.

This is an huge improvement. Not only for mobile, it makes it more usable on my laptop. Thank you for this.

Nice. Also it's always good if you tell me (with screenshots) if something looks ugly on your mobile device so I am aware of it.

The architecture is really getting stable now. I had to make some big design sessions so old things may break. it sucks i know. but at the moment I have to make these changes for the future.

I can understand it. No problem

I think the internal node/edge organisation won't change anymore much (at least it looks like it to me) but I will do some extensive testing this week. So maybe it is not that risky anymore to use taskgraph in production. I will do a post when I am confident that it is stable more or less.

Regards
Felix

[Felix Küppers]

On Tuesday, December 16, 2014 2:51:02 PM UTC+1, Danielo Rodríguez wrote:

Nice! I just noticed that you can create new nodes just double cliking them, and it also ask for the name. This is the behavior I expected from the begining. But, why does the add node button behave differently?

Its a bug. Its also a bug that the graph moves a little bit everytime a node is created. I'll fix both.

Felix

[Danielo Rodríguez]

My spanish isn't that good either. I just picked up a few lines from friends. stuff like "hola flaca, yo te quiero, vamos a la playa" :)

Lovely sentence :D

Yeah, I think this feature really makes sense. I want to allow the user to specify which tiddler field to use as label in the global options.

This is even better!

 

  Also I don't get how to create a button-image in tw (that it looks gray in the menu and black otherwise).

This is a CSS rule. For example tc-page-controls has a rule for its buttons svg:

.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {
    transition: fill 150ms ease-in-out 0s;
}

[Måns]

Hi Felix

I really like your taskgraph plugin :-) 

Great job!!

When you try to open the sidebar on http://wkpr.de/hosting/tmp/tw5/taskgraph/ it throws the (Internal javascript) error: "Uncaught TypeError: Cannot read property 'duration' of null"

I've upgraded my copy of taskgraph plugin by importing my tw into your demotw (could not import vis.js by drag'n drop - without the browser crashing... I use Chrome)

Now I get the same error - except my sidebar is visible at alle times - it's when I try to close it it's throwing the error..

Do you have a clue what is happening?

Cheers Måns Mårtensson

[Måns]

Hi again

- It wasn't "vis.js" I couldn't import by drag'n drop. It was "$./plugins/felixhayashi/vis" which made the browser crash..

Here's my tw: http://xn--mns-ula.dk/musik/luftguitar/

Cheers Måns Mårtensson

[Felix Küppers]

Hi Mans,

this is really strange. Importing the plugin with firefox works.

Danielo also wrote the following some time ago:

I have to add that importing the plugin in firefox works but in chrome it breaks when I try to import the vis.js plugin.

I have created an issue here: https://github.com/felixhayashi/tw-vis/issues/3

could you go to the github issue and post a screenshot of the error please?

Thanks
Felix

[Felix Küppers]

Hi Mans,

 

I really like your taskgraph plugin :-)

Thanks!

 

When you try to open the sidebar on http://wkpr.de/hosting/tmp/tw5/taskgraph/ it throws the (Internal javascript) error: "Uncaught TypeError: Cannot read property 'duration' of null"

Ohh, I forgot to remove that. I recompiled taskgraph. Should be gone now :)

As for the other error: see my other post. I hope Jeremy has an idea what is going on here and answers to my created github issue.

Felix

[Felix Küppers]

I think I fixed this. Could you please try again?

[Måns]

Hi Felix

Fantasstic :-D

You seem to have solved both issues - and so incredibly fast!!!

No more javascropt error when toggling the sidbar - and now I can install taskgraph plugin and vis without crashing the browser. (Still Chrome).

Great job - and thank you very much.

Cheers Måns Mårtensson

[Felix Küppers]

Hi Mans,

You seem to have solved both issues - and so incredibly fast!!!

nice!
 

No more javascropt error when toggling the sidbar - and now I can install taskgraph plugin and vis without crashing the browser. (Still Chrome).

Cool, I thought the vis bug would still exist. but it seems that compressing the js-code did the job.
 

Great job - and thank you very much.

No problem, thanks for reporting the bug!

Felix

[Peter Miller]

I'd like to use TiddlyMap (formerly TaskGraph) as a simple layout tool and hence to be able to export a view rather than just the tiddlers. I see that you can save node positions but is there any way that you can save them to a tiddler, ideally with node relationships, so that you can use them with other tools and/or re-import a view? Apologies is this is a FAQ and many thanks for an excellent plugin.

[Peter Miller]

I think I found part of the answer. There's a json tiddler $:/plugins/felixhayashi/tiddlymap/graph/edges/[edge-name] that gives the relationships for that particular edge-name albeit in terms of the TiddlyMap IDs. Presumably there are other tiddlers as described in the help http://felixhayashi.github.io/TW5-TiddlyMap/index.html#Configuring%20the%20current%20view ?

[Peter Miller]

...and the locations are here: $:/plugins/felixhayashi/tiddlymap/graph/views/[view]/map where [view] is the name of your view.

[Felix Küppers]

Hi Peter,

thanks for your interest in the plugin. :)

Maybe this is not the best place to discuss this (it's a fairly old google topic). Since you have a spefic issue, to open an "issue" at the github page of tiddlymap would make sense in my opinion. I opened it here: https://github.com/felixhayashi/TW5-TiddlyMap/issues/33

-Felix