Sign up ×
TeX - LaTeX Stack Exchange is a question and answer site for users of TeX, LaTeX, ConTeXt, and related typesetting systems. It's 100% free, no registration required.

I am currently learning how to use TikZ/PGF to make some figures for a project report, and so I have a question:

Is there is a practical way of making a particular object into a node?

The object I have in mind is shown in the Figure below. I want the object to consist in the big circle, the two circular arcs, the label and anchors at north, south, east and west. The dotted lines are simply there to indicate that I am going to have paths going out of these points, which is why I need the anchors there.


I include the source, in the case that it is useful to anyone.

\draw[help lines, gray, dotted] (-2,-2) grid (2,2);

\begin{scope}[shift={ (0,0) } ]
        \draw[thick] (-1,0) arc[start angle=-90, delta angle=90, %
                              x radius=1, y radius=1] -- (0,1) %NW
                     (0,-1) arc[start angle=180, delta angle=-90, %     
                              x radius=1, y radius=1] -- (1,0); %SE
        \draw[gray] (0,0) circle (1);
% Anchor replacements
    \node(N1)       at (0,1)    {};
    \node(S1)       at (0,-1)   {};
    \node(E1)       at (1,0)    {};
    \node(W1)       at (-1,0)   {};
% Label
    \node(Crossing number) at (0,0) {1};

\path[thick, gray, dotted]
[ out=90,   in=270]     ( edge (0,2)
[ out=180,  in=0]       ( edge (-2,0)
[ out=270,  in=90]      ( edge (0,-2)
[ out=360,  in=180]     ( edge (2,0);

PS. I have had a look at the Manual, but I could not find a description of how to do this.

share|improve this question
shape library might be of help. – percusse Oct 30 '11 at 20:48
Also this seems related. – percusse Oct 30 '11 at 21:13
@percusse: Thanks, I'll have a look there. – Raeder Oct 30 '11 at 22:27
Hmmm, looks to me like a diagram for illustrating Khovanov homology. – Loop Space Oct 31 '11 at 8:11

1 Answer 1

up vote 30 down vote accepted

This is described in section Declaring New Shapes in the manual (Section 75.5 in v2.10, Section 102.5 in v3.0.0). Some familiarity with PGF (rather than TikZ) is required to draw the node shapes, but once you have worked a bit with the low-level commands it is usually quite easy to add some paths to existing nodes. The hard part of creating nodes is usually the calculations involved for the anchors, but here one can simply inherit them from the circle shape.

Additionally the following code defines the key arc style to modify how the two arcs are drawn (some TikZ specific things like preaction and double won't work).



\tikzset{arc style/.initial={}}
\pgfdeclareshape{circle with arcs}{

    % etc.


        % get and set options
        \pgfkeys{/tikz/arc style/.get=\tmp}

        % get radius length and center coordinates
        \radius \pgf@xa=\pgf@x
        \centerpoint \pgf@xb=\pgf@x \pgf@yb=\pgf@y

        % draw arc starting from north
        \advance\pgf@yb by\pgf@xa

        % draw arc starting from south
        \advance\pgf@yb by -2\pgf@xa


    \draw[help lines, gray, dotted] (-2,-2) grid (2,2);
        circle with arcs,
        minimum width=2cm,
        arc style={black,thick}
        ] (c) {1};
        (c.north) -- +(0,1)
        (c.east)  -- +(1,0)
        (c.south) -- +(0,-1)
        (c.west)  -- +(-1,0);


share|improve this answer
Thank you very much for your answer. I'll accept when I have seen that it does what I want. – Raeder Oct 30 '11 at 22:28
This gets my vote! Looking at the original diagram, you could add a key to make it possible to change how the \beforebackgroundpath is rendered. – Loop Space Oct 31 '11 at 8:07
(I'd also like to say that I find the names of the pieces in node definitions confusing. \beforebackgroundpath is in front of the background path (but behind the text) whereas I would expect it to be drawn before the background path (which would place it behind).) – Loop Space Oct 31 '11 at 8:09
@Andrew: What is the correct way to use TikZ keys to modify paths drawn with pgf commands? – Caramdir Nov 1 '11 at 0:08
@Caramdir: I don't know about correct, but what you do is similar to what I do in the TQFT package. I'll cut-and-paste the full code into chat: – Loop Space Nov 1 '11 at 7:34

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.