Automatic diagrams demo

jGoBoard can transform HTML div elements into beautiful diagrams automatically. This is nice for a go-related blog or website. Just use "jgoboard" tag with your divs and add a few script tags after them. Look at this diagram:

.... oo.x .xxx ....

It is easy also to add markers or change the style with custom attributes:

.+ .+ ./ . o2 o# . xA . x1 x* x0 . . .- .-

You can also show only parts of the board. In this case you also have to specify board size, and top left corner and bottom right coordinates:

. . . . . . . . . . . . . x13. . . . . . . . x11. . . . . x x2 o10. . x9 x7 x5 o3 o1 o12. . . o8 o6 . . . . . . . . . . . .

There is now also a simple player component available (farewell Eidogo :)

Look at the source of this file to see the .js files you need and syntax used for div elements.