A diagram of a go board consists of 6 parts:

1) The opening tag, which is the word 'go' enclosed in brackets. This usually goes on one line by itself.

2) One line which includes several display codes and the label.





3) The top of the board, which is two dollar signs and a row of dashes. ( '$$---------------' )

4) Multiple - up to 19 - lines which define the board. Each line should start with two dollar signs ('$$').




5) The bottom of the board, which is two dollar signs and a row of dashes. ( '$$---------------' )

6) The closing tag, which is the word '/go' enclosed in brackets. This usually goes on one line by itself.


Strictly speaking, only parts 1 and 6 are necessary. In practice, usually only 3 or 5 are skipped to form portions of a board.

====================================================================================================================

Here it is:

Click Here To Show Diagram Code

[go]$$c This is a label for the diagram.
$$ ---------------------------------------
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . , . . . . . , . . . . . , . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . , . . . . . , . . . . . , . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . , . . . . . , . . . . . , . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ ---------------------------------------[/go]

Directly above this sentence, there should be a sentence in blue that says "Click here to show diagram code". It will show you all 6 parts put together.

====================================================================================================================


The above generates a blank board. Now let's look at putting something on the board. To do this, replace the periods with letters, numbers, or other symbols.

X = black stone
O = white stone
* = half black and half white
V = half wood and half white
A = half wood and half black

B = black stone with circle
W = white stone with circle
C = circle on empty intersection
# = black stone with square
@ = white stone with square
S = square on empty intersection
Y = black stone with triangle
Q = white stone with triangle
T = triangle on empty intersection
Z = black stone with X
P = white stone with X
M = X on empty intersection
? = shading

Click Here To Show Diagram Code

[go]$$Wcm31 Thanks to Kirby, \n we can now put line breaks \n in the label. \nAgain, click on the blue line \n below to see how it is done.
$$ ---------------------------------------
$$ | . . . . . . . . . . . . . . ? ? ? ? ? |
$$ | . . . . . . . . . . . . . . ? ? ? ? ? |
$$ | . . . . . . . . . . . . . . ? ? ? ? ? |
$$ | . . X X X . . A . * . V . . O O O . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . B . . . . . C . . . . . W . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . # . . . . . S . . . . . @ . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . Y . . . . . T . . . . . Q . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . Z . . . . . M . . . . . P . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . 1 . 2 . 3 . 4 . 5 . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . , . . . . . , . . . . . , . . . |
$$ | . . . a . b . c . d . x . y . z . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ ---------------------------------------[/go]

You can also use lowercase letters which appear literally.


Also, a hyphen can be used like this:

Click Here To Show Diagram Code

[go]$$W
$$ -------------------------------
$$ - . . . . . . . - . . . . . . .
$$ - . . . . . . . - . . 1 . . . .
$$ - . 0 3 X . . . - . X O X 3 . .
$$ - . . 4 5 . . . - . . X O . . .
$$ - . . 6 1 . . . - . 2 X O . . .
$$ - . 9 7 8 . . . - . O O X 5 . .
$$ - . . 2 . . . . - . 4 X 6 . . .
$$ - . . . . . . . - . . . . . . .
$$ - . . . . . . . - . . . . . . .[/go]

Lines and Arrows:

Click Here To Show Diagram Code

[go]$$Bc Example: using arrows to show influence
$$ ------------------
$$ | . . . . . . . . .
$$ | . . . . . . . . .
$$ | . O O O . O . . .
$$ | . O X X X . . . .
$$ | . X . . . . . . .
$$ | . . X . . . . . .
$$ | . . . . . . . . .
$$ | . . . . . . . . .
$$ | . . . . . . . . .
$$ {AR C14 C11}
$$ {AR 5:6 5:9}[/go]

As it is hard to visualize and edit such lines in edit mode, lines and arrows are specified in extra lines - usually after the diagram. The code for the above diagram looks like this:
$$ {AR C14 C11}
$$ {AR 5:6 5:9}
The syntax basically is "$$ {command point1 point2}".
Command can be either ''AR'' for arrows or ''LN'' for lines. Coordinates can be given in two different ways:
1) Board coordinates: this is the usual Go coordinate system. Points are denoted as A1 .. T19. For this to work the diagram has to be anchored in at least one corner, i.e. center diagrams cannot use this method. IOW, if you can switch on coordinates with the $$c option, then this method works.
2) Relative coordinates: points are denoted in 'X:Y' syntax. X and Y are a coordinate system with the root being in the upper left - numbering starts at 1:1. The second arrow in the example uses this system. These coordinates will always work, as they do not rely on borders and corners.

EDIT(10-10-15): For those who don't want to learn the nuts and bolts, Herman Hiddema has a very useful tool at http://hiddema.nl/diagrammer/

Is there a way to create an empty board without copy and paste of an already existing board or typing in all by myself? If yes, I unfortunately have not found it, if not, this would be a nice feature for a button in the editor.

- Mic

_________________
Go is easy: don't play bad moves.

People probably have these already (or just copy/paste from existing ones) but I thought I'd stick these empty templates here for reference.

whole board:


Just a corner:



Having buttons that load the different layouts within [go] tags would be nice, although I'm not sure how it would be done.

This doesn't cover every option. It uses the same code as Sensei's library, so you can take a look at the Sensei's page on how diagrams work. That page misses a few options related searching, but you can read about them on the Sensei's help page on position search. We don't have a position search function here, but you can use those options in your diagrams.

_________________
KGS 4 kyu - Game Archive - Keyboard Otaku

qGo has an Import/Export feature, although it includes the coordinates. That, and you have to go through the preferences to change the notation for Black stones -- I believe it uses # by default.

These threads are doubtlessly important, but they now appear constantly at the "View unread posts" list, which is very annoying.

_________________
A good system naturally covers all corner cases without further effort.

Thank you for posting this. Nothing quite like a diagram to show what you mean.

SL has a tool to make a diagram from an SGF, I think it deserves a mention here: http://senseis.xmp.net/tools/sgf2diagram.php

_________________
That which can be destroyed by the truth should be.
--
My (sadly neglected, but not forgotten) project: http://dailyjoseki.com

A lot of the diagrams in my study journal aren't showing up. Am I doing something wrong?

I see what you're referring to. It may have something to do with the update I made yesterday. I'm investigating it now.

_________________
it's be happy, not achieve happiness

Were your diagrams working before?

I can find two issues in the diagrams in your study journal, which might make all of your problems go away:

1.) Do not add extra line breaks after the title line. An example of this is here:


Above, you do not need the extra newline after the title line.

2.) You do not need extra spaces before your lines:


Here, there are two leading spaces before each of the lines (except for the title line). If you remove the leading spaces, you should be good to go.

---

Both of these are issues that I can work on fixing by doing some extra parsing of the text, but in the meantime, if you want your diagrams to work, you should be able to apply these format modifications.

_________________
it's be happy, not achieve happiness

No, they weren't working before. I'd been wondering what was wrong, and wondering if maybe it was just me, since sometimes I'll make a diagram that other people can see but I can't.

But they're fixed now! Apparently it was just a space issue. I don't know how some of those extra spaces got in there, but at least for one of the posts, once they were in one diagram, they were in all of them, since I mostly pasted from one to the next. But it was a simple matter to remove them, and now they look fine. Thanks so much!

Line wrapping functionality has been added to the diagram annotation feature: viewtopic.php?f=14&t=3340

_________________
it's be happy, not achieve happiness

It'z too bad when you link to a particular move number in Eidogo you cant export that as SGF

_________________
http://www.littlegolem.net userid -> cannabis_protection_union
http://www.gokgs.com userid -> metaperl

Maybe there should be a way to simply provide SGF for a game and have it display the game at the last move played instead of the first move.

_________________
http://www.littlegolem.net userid -> cannabis_protection_union
http://www.gokgs.com userid -> metaperl

Lines, arrows, text colors, fonts:

Click Here To Show Diagram Code

[go]$$Bc Lines and Arrows
$$ -----------------------------------------
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ {LN B18 E18}
$$ {AR H18 G18}
$$ {LN H18 K18}
$$ {AR K18 L18}[/go]

Different browsers may have different support for various fonts:
Red size 90, Medium green size 120, Blue size 150, italics, underlined, bold, italics+underlined, italics+bold, underlined+bold, italics+underlined+bold.
Century, Century, Century, Century; The quick brown fox jumps over the lazy dog.
Courier, Courier, Courier, Courier; The quick brown fox jumps over the lazy dog.
Georgia, Georgia, Georgia, Georgia; The quick brown fox jumps over the lazy dog.
Times, Times, Times, Times; The quick brown fox jumps over the lazy dog.
Helvetica, Helvetica, Helvetica, Helvetica; The quick brown fox jumps over the lazy dog.
Roman, Roman, Roman, Roman; The quick brown fox jumps over the lazy dog.
Script, Script, Script, Script; The quick brown fox jumps over the lazy dog.
System, System, System, System; The quick brown fox jumps over the lazy dog.
Tahoma, Tahoma, Tahoma, Tahoma; The quick brown fox jumps over the lazy dog.
Verdana, Verdana, Verdana, Verdana; The quick brown fox jumps over the lazy dog.

Strikethrough
hilighting

.


Hello everybody.


we use approximatically the same system, we call it : The Kifu-Ga.
see here how it run....

http://go-on.forumactif.com/t203-faites ... ga-de-goon



enjoy !








.

_________________
LDL . Founder & Admin
GO.ON l The french-speaking go community's forum
http://goon-forum.com/
.

In case you missed it, Herman Hiddema has written a website which makes writing a diagram even easier: you can find it here: http://hiddema.nl/diagrammer/

_________________
Go? It's like sharing two bowls of cookies, but one person gets all of them.

The link is broken, anybody know a new one to this fine tool?

It's back!