Can anyone suggest a way to produce an easy to edit/change vertical line with annotations on a web page? This can be anything from an editor with special capabilities to a wiki-like "do it over the web" application. It could even be something that is wholly off-line and generates an image file (though this is probably my least preferred method).
I want to be able to have something which 'flows' down the page, preferably with an actual line of some sort that one can label. Then I want to be able to attach chunks of text description to symbols or markers on the line. Ideally I also want to be able to add further notes/numbers to the sections of the line between the symbols.
Imagine something like a route description with a 'road' running down the screen, distances between places on the road and chunks of description applied to places/features on the road.
Any ideas would be welcome. I guess it's a *bit* like a flow chart but there's no branching required and quick/easy editing facilities are more important than a large range of symbols and cleverness.
On 15 June 2011 10:52, Chris G cl@isbd.net wrote:
Can anyone suggest a way to produce an easy to edit/change vertical line with annotations on a web page?
Have a look at http://www.websequencediagrams.com/
I first came across it on the blog post at http://blog.nerdbank.net/2011/06/what-is-2-legged-oauth.html which has a couple of good examples.
HTH,
Greg
On Wed, Jun 15, 2011 at 11:02:02AM +0100, Greg Thomas wrote:
On 15 June 2011 10:52, Chris G cl@isbd.net wrote:
Can anyone suggest a way to produce an easy to edit/change vertical line with annotations on a web page?
Have a look at http://www.websequencediagrams.com/
I first came across it on the blog post at http://blog.nerdbank.net/2011/06/what-is-2-legged-oauth.html which has a couple of good examples.
Almost perfect, *except* that the line goes from Fred to Fred down the LHS.
Something similar along these lines could well be the answer.
On Wed, Jun 15, 2011 at 10:52:14AM +0100, Chris G wrote:
Can anyone suggest a way to produce an easy to edit/change vertical line with annotations on a web page? This can be anything from an editor with special capabilities to a wiki-like "do it over the web" application. It could even be something that is wholly off-line and generates an image file (though this is probably my least preferred method).
I want to be able to have something which 'flows' down the page, preferably with an actual line of some sort that one can label. Then I want to be able to attach chunks of text description to symbols or markers on the line. Ideally I also want to be able to add further notes/numbers to the sections of the line between the symbols.
Imagine something like a route description with a 'road' running down the screen, distances between places on the road and chunks of description applied to places/features on the road.
After quite a bit of looking around and following ideas I have a solution that works reasonably well for me. It's basically just a table with some CSS specific to the table so that I get a column which is the line/route flowing down the page and other columns can be used to label 'events' in the sequence. The 'flow' column has a suitable background colour set so it stands out and some of the events have colour coded backgrounds, I've also turned off borders.
-
Chris G -
Greg Thomas