nikita.melnichenko

Your plugin is quite a great idea!

I'm thinking about using it to illustrate procedure diagrams at my uni. Hence the questions are:

1. Would it be possible to color the diagram boxes?

2. Would it be possible to have arrowheads?

Great thanks, it works! :)

Great Plugin, how best to implement Line Feeds to increase the line spacing between unconnected blocks.
' \\ ' doesn't work between lines in the <diagram> block.
Need
| AAA | - | BBB |
\\
\\
| CCC | v | DDD |

Also would be great lif Right and left bounded text rules akin to tables could be implemented in some way?

Thanks

Whoops, kept on trying and could answer my own question.
|
seems to deliver what I need for the spacing. Now just need the right and left aligning solution?

It'd be nice to add oriented arrows to the different drawings available to link togheter the boxes of the diagram. This way it'd be possible to draw some kind of flow diagramas. I think it could be quite easy to add some more drawings and the new sintax needed to use them.

There may be easy solution to arrowheads.

You may operate on the background of cells that are adjacent to the line where the arrowhead should be, and set a half-arrow in the background to the left and a half-arrow in the background to the right.

Hi, very cool plugin.

But i having problems on dokuwiki latest (25.12.):
Its not displaying any content when using a=b syntax:
e.g.:
<diagram>
| | | Dad |y| Mom | | |Dad=Daddy|Mom=Mommy|
| |,|-|-|-|+|-|-|-|.| |
| Sys | | Me | | Bro |Sys=Syster|Bro=Brother|
</diagram>

only "me" is filled, but all boxes are drawn ..

Harald

Harald,

I think your problem come from the last pipe you put on your lines.

e.g.:
| | | Dad |y| Mom | | |Dad=Daddy|Mom=Mommy| <--

instead of

| | | Dad |y| Mom | | |Dad=Daddy|Mom=Mommy

I tried the plugin on the Lemming release of Dokuwiki. I used the examples on the plugin homepage to test and found that the Kennedy tree did not fully render on my installation.

The expanded references at the end of the row (when viewing the php) seems to be tripping up the page, unless a link is involved. Then everything seems to work great.

P.S. Very excited about the arrows.

The update works. I tested it on my 214b release and the Lemming release and both work with all the examples I am using.

Thank you. I look forward to using the plugin.

Hello

I like your plugin. At the time, the wiki syntax does not work inside the diagram boxes right? Is it possible to add this feature, so that I can put for instance images into it or format the text?

Thanks,
Thomas

is it possible to have circle or diamond instead of square box?

it would be a great flowchart plugin with revisions.

Great Plugin!
Thanks a lot!

But there are two things I want to know:

is there a possibility to write text without border, for example text under arrows for a legend or further discription

and second
is there a possibility to expand a box over more then one row although there is only one single word in the box, maybe with spaces as placeholder

Hi Nikita,

this is really what I was looking for, so great work!

One question (I'm new to Dokuwiki and PHP...):
I would like to generate a family tree out of the data from a database. For the visualization I would use your plugin. Is there a possibility to generate the table definition in my own plugin and feed it to your diagram plugin. Something like:

<diagram>
<my_substition_plugin>
</diagram>

It doesn't work "out of the box" so far, but do you thing this is technically possible?

Thanks in advance and again for that great plugin.

Best regards
Tobias

Hi Nikita,

thanks for your help. I have spent a lot of time trying to understand the code of your plugin. Could you give me a hint at which position you use the trick you mention?

Best regards
Tobias

An awesome dokuwiki plugin, original. Really. A big work with quality.
Congratulations

Has anyone come up with a way of adding text next to arrows but not inside boxes? I'd like to use this plugin to create a simple flowchart with the words "Yes" and "No" next to arrows coming out of different sides of boxes

Hi,
could it be possible to enable links in the boxes?
Then I could use it to visualize workflows with link to description pages for each box.

e.g.:
<diagram>
| [[http://www.google.de]] |-| [[:start]] |
| |:| | | | | |
| |L|~|~| CCC |
</diagram>

I can answer my own question.
After complete reading of the very good documentation, I found:
.....you should consider letter sequences as abbreviations and decode them at the end of a line using the equal sign and `|' symbol as a separator.....

<diagram>
| AAA |-| BBB |AAA=root|BBB=1^st branch (see [[wp>Branch]])
| |:| | | | | |
| |L|~|~| CCC |CCC=2^nd branch\\ **(very important branch)**
</diagram>

Hi!

I like your plugin very much, good work!
There are of course many things one could still want, like colored lines, etc. but I am not going into this, as your are not here to satisfy our every needs ;-)

I want to instead give you some feedback on minor tweaks I did myself:

- I am using a dark style, which doesn't really work with your defaults :-D So I replaced the 'black' color references with '__text__', that way the box colors, etc. will be automatically right. The arrow heads are a different matter though.

- To get white arrows I inverted all the images and placed them in a corresponding 'white' folder and changed the CSS sheet. I just want to point out, that while they are not looking as nice as yours, there is a way in CSS to do triangles. This would solve the "automatic" style adaption, as the arrow heads would then be colored by CSS. They would also scale better when zooming in.

- Last but not least I wanted to have mixed border colors. So I implemented a quick (and dirty) fix to allow the notation 'border-color:red/green'. I can send you the relevant snippet of my changes, but I am sure you could do a better job with that anyway :-D

I am simply exploding the $value with '/' and then set the top/left border colors with the first color and bottom/right with the second.

Thanks again for a great plugin!

Try to set up this with the latest DW (Dokuwiki) »2011-11-10 "Angua"« and get the structural-layout without any lines.
Find out that the css isn't load, so my quick-and-dirty solution was to copy the content of the included style.css into my userstyle.css and now it works again.
Tested with the Kennedy family tree and all other example on that page.

Additionally, while im hover any row's in the DW, the background-color is changed (as default by Dokuwiki?!). So I fixed this with
<code>
.diagram * tr:hover td
{
background-color:#FFF;
}
</code>

Maybe you know a good solution to fix this in the next release, like the colored background tabledata's, which are not influenced by the hover effect.

Thanks for share the plugin with us.
(sorry for bad english)

It should look very great. But for us or for some reason we cann't see the basic connections, none. We see boxes, the arrows but not the lines. Any idea why?

Hi !

I have tried your plugin on the last version of Dokuwiki (Adora Belle).
It works great but a grid is displayed. It is formed by the table cells borders. Dokuwiki has probably updated the way tables are rendered and a simple "border:none;" inside "table.diagram td" can fix it. :)

I just installed this plugin. It is great but one cannot see the dotted lines because the image contains a grid in the background. Is there someway to turn this grid off and not have it in the generated image ?

Hi Nikita,

thanks for thies nice Plugin.

Sadly, i haven't lines in the Chart (DW Adora Belle).

For repair i change the Line 5 in style.css
from
border-collapse: separate;
in
border-collapse: collapse;

That works fine. But, it's correct?

cu
data

Hi Nikita,

Just wondering whether you have thought about adding hyperlinks to the diagram objects?
This could, perhaps, be useful to users of the wiki, to allow them to click directly on objects and take them to the wiki page that talks about that object?
And so on if that destination page has its own diagram referencing other objects.

Thanks

Hi Nikita,

First of all, your plugin is awesome. I really like it and me and my colleagues are frequently using it.

Anyway, are there any updates about this plugin? Not regarding the plugin itself but rather regarding its compatibility with the newest version of DokuWiki "Hrun"? We are currently using "Adora Belle" but decided that it is time to upgrade our Wiki and all of the plugins.

Thank you in advance for your feedback and have a great day.

Best regards
Martin

Hello,
I was wondering if there's a way I could add text on top of an arrow.
For example if I have a box that has two arrows coming out connected to another box each.
One of the arrows saying "yes" on top of it and the other saying "no".

Thank you!

I tried using this plugin with Hrun (2014-09-29a), and it doesn't render. I've tried clearing the browser cache as well as purging the wiki cache. Is Hrun supported? And if not, do you recommend an alternative?

Hi everyone, Hi Nikita. Nice plugin in an interesting approach.

We wait for news in 2019 from you :)