Fork me on GitHub

Arrows-and-boxes

written by Dennis on February 19th, 2010 @ 12:35 PM

About

Easy to use javascript plugin to draw nice boxes and arrows to your website from simple markup like (User) > (Admin)

... which will be transformed to:

(User) > (Admin)

Setup (it's easy!)

  1. Put javascript links inside HTML head to jquery.js, jquery.wz_jsgraphics.js, arrowsandboxes.js

    You can download the source files or simply put this in:

    <link href="http://www.headjump.de/stylesheets/arrowsandboxes.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script src="http://www.headjump.de/javascripts/jquery_wz_jsgraphics.js" type="text/javascript"></script>
    <script src="http://www.headjump.de/javascripts/arrowsandboxes.js" type="text/javascript"></script>
    
  2. Place a <pre> block around your arrows-and-boxes markup and set the class to arrows-and-boxes:

    <pre class="arrows-and-boxes"> (User) > (Admin) </pre>

    Arrows-and-boxes automatically detects the code and builds nice boxes and arrows from it.

Basic example

Inline arrows and nodes:

(Dennis) >likes (Food)
(Dennis) >likes (Food)
  • Define a box with "( )", and a link with ">", "<", "-".
  • An arrow can be put between Boxes in a single line, or inside a box, if the target is "further away" (see below for an example)
  • Basic box format: (box_title | box_subtitle)
  • Complete box format: (box_id{custom_class}: box_title | box_subtitle >arrow_label [arrow_target1, arrow_target2, ...] <arrow2_label [arrow2_target])

New lines

Nodes will be placed after each other in one line. Start a new line with "||".

(Node1) (Node1_2) ||
(Node2) || (Node3)
(Node1) (Node1_2) ||
(Node2) || (Node3)

Different arrow types

(arrow) - (normal) ||
(arrow) > (one direction) ||
(arrow) < (other direction) ||
(arrow) <> (and back)
(arrow) - (normal) ||
(arrow) > (one direction) ||
(arrow) < (other direction) ||
(arrow) <> (and back)

Linking elsewhere

Writing (node_id: My Node) gives the node the id "node_id" (must be followed by ":"). You can use it to define a target for a link inside a node definition

() (Dennis >likes [d,c] >hates [j]) ||
(d:Drinks) (c:Comics) (j:Jogging)
() (Dennis >likes [d,c] >hates [j]) ||
(d:Drinks) (c:Comics) (j:Jogging)
  • Arrows between boxes: >arrow_label
  • Arrows defined INSIDE a box: >arrow_label [arrow_target1, arrow_target2, ...]

Want subtitles?

Writing a "|" after your title makes the rest of the text a subtitle. If it's too large to fit the boy, hover with your mouse to make it visible. Using "|" on an arrow label will cause a line break.

(Dennis|has a subtitle) > label | new line (node)
(Dennis|has a subtitle) > label | new line (node)

Highlight nodes and arrows!

(boring) > (boring) >> ((Highlighted))
(boring) > (boring) >> ((Highlighted))

Use Dummy nodes to get more space

Defining a node without a title (= empty node) makes it a "Dummy node". It won't be visible, but gives some space.

Dummy nodes can also have ids and arrows, so you can acutally use them as arrow-targets and -sources.

(Dennis) -likes () > (Food)
(Dennis) -likes () > (Food)

Use Dummy nodes to bend your arrows

(Dennis) - (>likes[f]) ||
() (f:Food)
(Dennis) - (>likes[f]) ||
() (f:Food)

HTML in your texts

Put {{ }} around something let's you use HTML inside node titles, subtitles and arrow labels. So you can use anything you like (images and stuff).

(Dennis) > links ({{<a href="http://www.headjump.de">headjump.de</a>}})
(Dennis) >links ({{headjump.de}})

Custom CSS classes for your nodes

Writing {my_class_name} before the ":" that is used to seperate the node id from the title will add the classname to the created node. Inspect the element if you don't trust me:

({custom_class}:Custom class)
({custom_class}:Custom class)

Comments

  • t on 11 Mar 19:14

    Just came across your blog today and bookmarked it instantly! Looking forward to more jQuery and flash posts, especially updates on the pirate golf game.

  • Jarda on 16 Mar 14:15

    very nice I use it for difficult workflow generation. I have one suggestion – please, try find some solution for overlap lines or/and no lines thought box and it will be excellent. :o)

  • christian on 24 Apr 02:33

    exelent!!! congratulation. you are too clever…

  • ben on 06 May 15:06

    brovo! very nice work, I just work on net diagram painting, this article is exactly what to do it, thanks a lot for sharing, just time to dig it out now.

  • Nizar on 07 May 11:55

    Incredible work pal.. Just wanna ask, is there a way to draw multiple arrows from the same box but with different labels?

  • bearing10 on 08 May 01:48

    Nice Post,and Nice jquery Plugin

    It’s useful in web workflow diagram scenario

  • Nizar on 09 May 10:45

    Hey, Very nice work pal.. It only needs the ability to specify different arrow lables when linking to multiple boxes..

  • Dennis on 24 May 13:32

    @Nizar: It is already possible, I just forgot to put it in the doc ;). I just updated the above examples to demonstrate.

  • Eric on 16 Jun 01:25

    Just what do you mean by attaching a “custom class” to an element? I looked at the HTML via View Source and could not find any actual use of the custom class. Is it a CSS class? Or perhaps some way to categorize elements?

  • James on 25 Aug 22:12

    Hey Dennis, is there an easy method to control the node height? My nodes tend to be generated with a style=”height: 28px” and I cannot seem to override this without hacking the js. Thanks!

  • James on 25 Aug 22:16

    Ok, so I altered the CONFIG js array and was able to set the default node width and heights – this’ll do for now methinks and seems to be the way achieve the results I’m after

  • Eddie on 14 Sep 04:24

    Hey Dennis, excellent work! Really handy tool for including diagram building functionality into a site. Just wondering is that way we can set the coordinate (x, y) or exact location of the boxes?

  • Fernando on 29 Oct 17:10

    Very nice Dennis, thanks.

  • Dennis on 17 Nov 13:01

    @Eric

    Sorry, your comment was thrown to the spam folder till I found it today – yes, I mean a CSS class and made the explanation above clearer now.

    - Dennis

  • Sass on 03 Dec 17:03

    Great … Thanks

  • Atanas on 25 Dec 20:24

    Hi, is this project closed/deleted? i can’t get the rar from google projects, the svn there checkouts an empty repository… this looks great, but i just wanted to ask what’s the problem, cause i feel like stealing if i download the src from this page

    best regards nas

  • Dennis on 05 Jan 17:53

    Hi, I’m still using arrowsandboxes myself but no longer do changes on the code.

    I’ve moved the project from googlecode to github.

    You can download it from http://github.com/headjump/arrows-and-boxes/downloads or steal the code from here if you like ;)

    - Dennis

  • zing on 03 Mar 15:50

    hmm, it’s awesome..!!

    gud development!!

    keep in touch ea.

  • Davinci Emily on 09 Mar 22:08

    Hello Dennis, your post has been most helpful to me today…thanks so much. Davinci Emily 4791

  • Danny on 23 Mar 08:33

    Hi,

    very nice. Can you tell me if there is an option of making the boxes smaller? I need like 11 in a raw and it exits my page.

  • Rogelio on 05 Apr 18:53

    Hi Dennis,

    Great work.

    Is it possible to know which node I clicked?, or is it possible to add links instead of plain text?.

    Thank you.

  • Rogelio on 05 Apr 21:06

    Sorry,

    I just saw the HyperLink part. Ignore my last comment.

    Thanks again

  • Antonio on 14 Apr 12:25

    Hi Dennis, very nice, thanks!

    Just a question: I need to print the graph on paper, do you know how to print the lines and arrows?

    Thanks, Antonio

  • shesek on 19 Apr 18:00

    Excellent work, Dennis! Very useful for a website I’m building, thanks!

  • Mohit on 26 Apr 05:51

    Hi Dennis,awesome work !

    I have tried hard to create a multiple level hierarchy using the format above.But i just can’t seem to get it to work .Can you please let me know how that can be done(i.e if it can be done at all)?

  • Peter Ju on 14 May 05:06

    Thanks for your sharing, I like it very much and I have 2 reverse example

    (Start) > (login) – (-[a]) || (End) < (logout) < (a:)||

    (Start) > (login) – (>[p]) || () (p:Process) – (>[b]) || (End) < (b:logout)||

    Maybe can used in Demo, but the second example which looks strange…

  • Dennis on 17 May 21:14

    Hi Peter,

    your code looks odd in the preview editor and I figured out that the ”-” characters were no normal dashes but other characters that look pretty similar but have a different charcode. (Can be caused by the textformatter this site uses for comments). Was that what you meant?

    (Start) > (login) - (>[p]) || () (p:Process) - (>[b]) || (End) < (b:logout)||
    
  • Steve on 20 May 20:04

    This is pretty cool, but I wish there was a way for you to automatically figure out when there should be a new line. Like if I have: (fred:Fred) (mary:Mary < [bob]) (steve:Steve < [fred]) (frank:Frank < [bob]) (sue:Sue < [steve]) (bob:Bob < [fred])

    You would simply know that I want to have it be 3 lines, with Fred on a line by himself, Steve and Bob on the second line, and Frank, Mary and Sue on the third line. The way it is now I can’t really see using this to generate anything based on dynamic data.

  • Mario on 19 Jun 00:08

    hi, great work! and thx for sharing.

    i want to show the box nodes only by mouse over so i added this lines to the css-file:

    div.arrowsandboxes-node:hover div.arrowsandboxes-node-subtitle { display: block; }

    it works fine with ie9 and ff,but the box height seems to be a fixed value. and my box is still large without displaying the nodes. where can i search for this…? is it a js problem…?

    can anyone help please?

  • esteban on 21 Jul 14:17

    Hi! thxs for the plugin. It’s been really useful. I made a small modification to the code. I just added one special character (#) which generates no arrow (and leave no space) between two consecutive boxes.

    Ie: Standard mode: [blah-blah] -> [blah-blah] -> [blah-blah]

    Sharp Mode: blah-blah—> [blah-blah]

    In this way I can display Titles in one box and data in the other.

  • mark foley on 12 Sep 08:19

    Hi! This looks fantastic. A couple of thoughts: a) It’d be good to have some ‘OR’ functionality, so mark -> Bob or Joe, and it would have bob and joe in parallel. This would be very handy for workflows. Also (and I’ll look at the code to see how easy it would be), it’d be nice to have indicators in the text defining the style or icon – eg items ‘already approved’ might have a (!) in the text, which makes them become green and/or have a tick icon.

    Thanks for the plugin!

  • Aram on 18 Sep 11:33

    Hi Dennis, excelent work! But I don’t know why my deramveawer cs5 doesn’t recognize “arrows-and-boxes” class. And whey I write these code:
    (Node1) > (Node2)
    
    it do nothing.(e.g/ it was just shown (Node1) > (Node2)).
  • Web Technos and Translation on 21 Sep 08:01

    This tool is awesome! The formalism is easy to learn and I can at last show inheritance principles without using ArgoUML and save its result as an image (plus the preview editor is a very useful tool). Thanks a lot for sharing. Well, I know I’m asking a lot, but… do you know another plugin to handle state diagrams with curved arrows?

  • pacool on 17 Oct 03:59

    Hi, how can i write HTML in the links?

    tks

  • pacool on 17 Oct 03:59

    Hi, how can i write HTML in the links?

    tks

  • Jose Hernandez on 19 Oct 05:08

    Hi

    I´m José Hernández from Panama (Central America) I just saw your plugin at the Joomla org website

    I was reading basic example and I would like to make a question what about if someone wants to place the following order

    nodo1 nodo2 nodo3 nodo4 nodo5 Nodo6

    It seem the line of nodes start from left to right… so I was wondering how about when someone needed to start the line with NO nodes?

    Thanx in advance

  • Gonzalo Ortellado on 27 Oct 17:33

    Great man! Excelente work!!

  • Mr Nobody on 01 Nov 09:25

    Thank you for your work Dennis… Just one question (that I´ve haven´t found on the documentation)... Is there any way to link two boxes to one box? (something like (a,b)>(c) where a and b are boxes.

    Thank you so much in advance.

  • bispginny on 06 Nov 04:40

    Hi! like you post: to my @vdoeopei twitter

  • Zachary Abresch on 11 Nov 18:34

    Hi. First off, your plugin is awesome! It could be the perfect solution to a page I’m building that has to diagrammatically output lineage trees for fraternity orders. I’m wondering how to add a custom class to nodes that are referenced by node_id’s. I’m using the following node syntax:

    @ (- [a]) – - (Top Node – [b]) – (-[c])|| (a:Node A) (b:Node B) (c:Node C) @

    and I’d like to be able to add classes to any of the id referenced nodes on the second line. How would I go about doing this?

  • anson on 15 Nov 09:22

    if can drag ?

    very perfect!

  • anson on 15 Nov 09:22

    if can drag ?

    very perfect!

  • @rgUm3n+ on 15 Dec 18:01

    I’m intrigued at what you have accomplished here. I’m going to give your code a whirl and see if I can figure out a way to feed data into a function for creating an organizational chart. If I come up with something that seems flexible I’ll send it on to you.

  • rodrick1966 on 24 Jan 09:26

    Trace next to my carriage movie, the histogram decide king linked to agape systems at the kumaramangalom temple. http://ebypaju.com

  • priyank on 01 Feb 00:36

    Can we add visibility on click feature? suppose we have node1 -> node2 The node2 box will be hidden, only node1 is visible, on-clicking node1 the node2 and the line are visible. can we have this behavior?

  • theghostofc on 03 Feb 08:33

    Is there a handy way to have tooltips (like HTML title attribute) for a node?

  • theghostofc on 03 Feb 08:34

    Is there a handy way to have tooltips (like HTML title attribute) for a node?

  • Mohammad on 11 Mar 21:56

    Can i draw a family tree from this tool and allow people to add and remove boxes dynamically.

  • jd on 19 Mar 22:47

    Lacks some dynamic features. For example add/remove boxes as mentioned before. Or if I apply jQuery UI draggable on a box i would like the arrow connected with box moves with that box (even better if i could configure that kind of behaviour).

  • varun on 02 Apr 08:24

    How can we use this in ext js 4?

  • RS on 20 Apr 10:25

    Hi, excellent library. I have a problem however (I am very new to this so sorry) and hoping this is a quickly answered problem.

    Things work for drawing nodes, but I get an error whenever I use any form of “line/arrow” between nodes.

    eg: () ((BRSAN|3128)) -IP () > (HHSAN|3136) Something went wrong: Error drawing arrows: TypeError: t.drawLine is not a function

    I’m convinced this is a Java library problem but do not know where to start, again, sorry.

    Running: CentOS Linux version 2.6.32-220.7.1.el6.x86_64, with java-1.6.0-openjdk-1.6.0.0-1.43.1.10.6.el6_2.x86_64 : OpenJDK Runtime Environment

    Thank you.

  • RS on 21 Apr 15:30

    Fixed: My own fault as expected, typo in path to library. All working now.

  • steve on 13 Jun 18:17

    say I have this example: (d:Dennis) – (>[fr, f]) || (fr:Fred) > (f:Food) || (s:Sarah) – (>[fr, f])

    I want sarah and dennis to point to fred directly. any ideas?

  • paul on 21 Jun 11:05

    Hi Dennis,

    wow – amazing what you have done here. I’m looking at an HTML capability for visualising/creating Workflows in our company. What you have done has give me a lot of great ideas. Thank you for posting it and making it available.

    I’m thinking about how to add Drag and Drop to this.

  • terry on 27 Jun 06:38

    it is very good for my work. tks

  • Vikrant on 27 Sep 13:29

    its amazing…!

  • günstig krawatten on 13 Oct 05:41

    Ich habe ein ein spritzer erforscht für jedes alle hochwertigen Artikeln oder Internet-tagebuch auf selbige Art von Kammer. Exploring rein Yahoo ich endlich gestolpert welcher Website. Studieren dieses info So bin ich zufrieden, um auszudrücken, dass ich eine extrem gute unheimliche Gefühl, fand ich hervor, genau das, welches ich brauchte, guthaben. Ich an dem meisten zweifellos wird sicher nicht ignorieren Sie diese Website ansonsten rüberschieben ihm einen Blick wiederholend.

  • damon on 17 Oct 11:42

    Awesome !!!

  • Jon on 21 Nov 17:48

    Dennis

    This is great work. Can you tell me if it possible to draw an arrow pointing upwards?

    Thanks Jon

  • Lewis on 19 Dec 15:57

    This is really great. would be even better if we can include a decision note as well

  • Jan on 24 Dec 02:31

    How to get the id box?

  • Ciaran Mooney on 04 Feb 00:51

    Hi, Have been looking for a template to build a Family Tree and this looks great!

    But i am having some trouble linking nodes to multiple nodes and developing a hierarchy (ie (Father) to (Mother); link between (Father)(Mother) to prodigy, prodigy to prodigy etc.

    Has anyone attempted a family tree? Is it possible to customise the size of the boxes (and bkgrd etc) Any advice much appreciated.

    Thanks Ciaran

  • old stone oven on 08 Feb 13:23

    taco seasoning mix1 cup cooked pinto beans1 pizza dough, (I used homemade)cornmeal2 cups co-jack cheese, plus additional for servingcrushed taco Doritoes tortilla chipsyour favorite salsa (I used homemade jalapeno salsa)Brown beef and drain. If you don’t, then you will have to bake each loaf separately. Although the creation of flat bread with toppings resembles a green-onion pancake, it remains a mystery still whether the history of pizza starts with China.

  • Chemietoilette on 07 Mar 07:09

    I know this if off topic but I’m looking into starting my own blog and was curious what all is required to get set up? I’m assuming having a blog like yours would cost a pretty penny? I’m not very internet savvy so I’m not 100% sure. Any tips or advice would be greatly appreciated. Cheers

  • Chemietoilette on 27 Mar 15:02

    you’re really a just right webmaster. The web site loading velocity is incredible. It seems that you’re doing any unique trick. Moreover, The contents are masterwork. you’ve performed a excellent process in this matter!

  • Mannheim Kindergeburtstag on 16 Apr 20:30

    Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something. I think that you can do with a few pics to drive the message home a bit, but instead of that, this is great blog. A fantastic read. I will certainly be back.

  • nauséeux on 26 Apr 13:22

    Greetings from Middelburg, Netherlands.Does your blog get a good number of junk posts? I also am a blogger, and I was curious about your situation. Many of us have created some nice procedures and we are seeking to swap ideas with others. If you’d be intrigued, don’t hesitate to get in touch with me via email.

  • Canon Zoomobjektiv EF-S 18-135mm 1:3 on 29 May 04:02

    You don’t need to take my word for this, you can read the reviews for yourself. If the horse is a good model and stands well during his photo op, then work it. As you will see later other considerations like lenses, flash and battery are no less important.

  • Shailesh on 29 May 22:33

    One of the best JS library i found. I happen to come across this lib and has all the features i was looking for

  • Alex Medeiros on 18 Jun 14:02

    Very nice plugin, but I am looking for a plugin which make association objects like SVN compare files and have scrolling.

  • ccloo on 26 Jun 11:29

    hi is there any way to move the arrow label to it’s tail or head instead?

  • s. on 25 Jul 00:33

    It would be awesome if you put a live “try it out” page – a textarea, an “update” button and the actual rendering box.

    I mean, for example – I’m not sure if it’s good for me. I need something exactly with these capabilities, but to create a BIG diagram. Simple, very simple actually, but huge. Other tools limited me with their complexity and performance, I mean if I’m to manage 400 boxes, I don’t want to spend fifteen minutes on adjusting the dozen display properties of each one, nor wait 15 seconds for the whole thing to redraw/rerender after I type the text in. I’d love to try out the performance of this without need to create my own page.

  • indie rock news on 22 Sep 14:52

    Hello to all, how is everything, I think every one is getting more from this site, and your views are pleasant for new people.

  • Mangpal on 15 Oct 13:07

    Hi Dennis.

    Thanks for providing a feature rich lib. I am a newbie to it and want to draw more than 1 arrow between two same nodes. All the samples shows one arrow between two same boxes. Please help!!

    Thanks

  • fiat 126p on 08 Nov 11:06

    I visited many sites however the audio quality for audio songs present at this web site is genuinely superb.

  • holztreppen polen on 29 Nov 18:17

    Seine , wie Sie lesen thoughts ! Sie scheinen wissen eine Menge über diese , wie du schrieb das Buch drin oder so etwas. Ich glaube , dass Sie können Sie mit einige % bis Macht die Nachricht home a bit , aber andere als , dass das ist toll ausgezeichnete Blog. A great lesen. Ich werde definitiv sicherlich wieder. web page und die Es ist ein genial Artikel zugunsten alle Internet Leute ; .

    sie nehmen erhalten Vorteil daraus Ich bin mir sicher

  • agencja interaktywna Poznan on 29 Nov 20:29

    Right away I am ready to do my breakfast, later than having my breakfast coming again to read further news.

  • Webdesign typo3 on 02 Dec 12:01

    Hätte da noch diverse Fragen zu spezifischen Punkten. Ich bräuchte einen Spezialisten auf dem Fach, der mir gegen Bezahlung die Fragen beantwortet.

  • Milton on 18 Dec 15:09

    Dass ist wunderbar. Ich habe eine Frage. Mit dem folgenden:

    (Dennis – [f] ) || (f: – [s] – [d])(s:Sally)|| (d: – [j] – [d2])(d3: – [b,d2]) (d2: – [c]) || (j:Julie) (b:Bob) (c:Catherine)

    wie kann Dennis im mitten sein?

    Dennis
    - Sally
    ---—-
    Julie Bob Catherine

    Vielen dank!

  • maisa on 19 Feb 12:49

    is there any manual tell us how to treat with your chart??? it a good one but i need a way to draw a difficult tree any help??? thank you Dennis :)

  • Sachin on 11 Mar 18:50

    Can the left hand side be a reference node and can be accessed using node id. I am trying to acheive something like this.

    (a:Rock) (b:Austin) || (a > wrestles with [b])

    Instead of using the previous node id “a” declared earlier for Rock, it creates a new node and draws an arrow. What i am trying to do is plot all the nodes and then define the arrows using node id’s. Let me know if it’s possible.

  • P on 18 Mar 11:50

    how to fill different boxes (nodes) with different colors??

  • holztreppe polen on 23 Sep 18:25

    Wann Suche nach gemacht wagen bis check Leistungen unseres Unternehmens, Empfehlen gehegten Hersteller. Wollen Aktien Teil der Zaun und Holztreppen Top-Qualität. ständig Anstieg Paket unsere Produkte , weil es Wunsch Aktien bemerkenswerte. Wir zuverlässig Experten , welche Art von haben a Groß Wissen, Bildung und Lang Erfahrung in der Industrie SPACE Konstruktion. Sie Sie kaufen Unser Unternehmen arbeitet Betriebs auf mehreren Stufen und nicht nur Angebot best Produkt und intalujemy in ausgewählt if Empfänger möchte. Doppelstabmattenzaun – doppelstabmattenzaun tor. Durch lange Erfahrung in Industrie Gebäude gewann erkennen viele glücklich Partner.

    Ansicht Bedar wagen bis Kontakt und einreichen Vorschläge auf die work haben erfüllen Wünsche Partner.

  • holztreppe polen on 23 Sep 18:25

    Wann Suche nach gemacht wagen bis check Leistungen unseres Unternehmens, Empfehlen gehegten Hersteller. Wollen Aktien Teil der Zaun und Holztreppen Top-Qualität. ständig Anstieg Paket unsere Produkte , weil es Wunsch Aktien bemerkenswerte. Wir zuverlässig Experten , welche Art von haben a Groß Wissen, Bildung und Lang Erfahrung in der Industrie SPACE Konstruktion. Sie Sie kaufen Unser Unternehmen arbeitet Betriebs auf mehreren Stufen und nicht nur Angebot best Produkt und intalujemy in ausgewählt if Empfänger möchte. Doppelstabmattenzaun – doppelstabmattenzaun tor. Durch lange Erfahrung in Industrie Gebäude gewann erkennen viele glücklich Partner.

    Ansicht Bedar wagen bis Kontakt und einreichen Vorschläge auf die work haben erfüllen Wünsche Partner.

  • Paddy on 23 Sep 19:09

    If I append the HTML after(or within) onload, the CSS doesn’t take effect. Same code called before onload works fine.

    Here is an example :

    http://jsfiddle.net/1p7hz799/2/

  • best colognes for men on 25 Sep 00:49

    Hey, I think your site might be having browser compatibility issues. When I look at your blog site in Ie, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, wonderful blog!

  • free microsoft points generator download no surveys on 02 Oct 20:18

    ?i there, ? enjoy reading ?ll of your article.

    ? like to write a little c?mment t? suport ?ou.

  • www.tempepizzasdelivered.com on 07 Oct 05:04

    You really make it seem so easy with your presentation but I find this topic to be really something which I think I would never understand. It seems too complicated and extremely broad for me. I am looking forward for your next post, I will try to get the hang of it!

  • shahzad on 13 Oct 20:05

    can we draw thses box dynamically throuh javascript append method?i am in realy troubl..i want to drawa these box dynamically in angularjs..but thses libraries are not working in partial..anybody help me thanks in advance

  • Test videoprojektor on 15 Oct 15:08

    Paragraph writing is also a fun, if you be acquainted with after that you can write or else it is complex to write.

  • meinefickkontakte.com on 06 Nov 15:41

    I love your blog.. very nice colorrs &theme. Did you make this website yourself or did you hire someone to do it for you? Plz answer back as I’m looking to construct my own blog and would like to know where u got this from. cheers

  • Ricardo on 11 Nov 12:32

    Hi, I really love your plugin, it works really good! I just have one question: is there a way to prevent lines to overlap? I’m creating a sort of Gantt Chart with your plugin and the only issue I have is that the lines for the different objects are overlapping and it makes difficult understanding the connections. I appreciate if you can give me some advice with this!

  • Ricardo on 11 Nov 12:32

    Hi, I really love your plugin, it works really good! I just have one question: is there a way to prevent lines to overlap? I’m creating a sort of Gantt Chart with your plugin and the only issue I have is that the lines for the different objects are overlapping and it makes difficult understanding the connections. I appreciate if you can give me some advice with this!

  • sextreffen finden on 25 Nov 17:05

    This is very attention-grabbing, You aree an excessively skilled blogger.

    I have joined your rss feed and stay upp for in quest of more off yourr excellent post. Also, I’ve shared your web site inn my sociql networks

  • geile sextreffen on 26 Nov 13:21

    Howdy very cool blog!! Man .. Excelkent .. Amazing .. I will bookmark your site and take the feeds additionally? I’m satisfied to eek out soo many useful information here inn the post, we need work out extra techniques on this regard, thank you for sharing. . . . . .

  • aktuelle Hundenews on 02 Dec 02:39

    Way cool! Some extremely valod points! I appreciate you penning this write-up plus the rest of the site is extremely good.

  • sextreffen on 03 Dec 17:13

    Hello to every one, it’s in fact a fastidious for me to go to see this website, it consists of peiceless Information.

Post a comment