5

I want to draw a simple diagram using tikz to show the structure of a compiler front end.

The compiler is being represented with a node using rectangle split shape containing three parts. The input and output are being represented by rectangles node and should connect to the left of the first and to the right of the last parts of the split shape, respectively.

I have written the document below, but it is not working.

\documentclass{standalone}

\usepackage{tikz}
\usetikzlibrary{shapes.multipart,positioning}

\begin{document}

\begin{tikzpicture}[thick, data/.style={rectangle,fill=red!12}]
  \node[rectangle split,rectangle split parts=3,draw,anchor=center] (compiler) {
    lexical analysis\nodepart{two}
    syntatic analysis\nodepart{three}
    semantic analysis
  };

  \node[data] (src) [left=of compiler.text,align=center] {source code};
  \node[data] (obj) [right=of compiler.three,align=center] {intermediate code};

  \draw [->] (src.east) -- (compiler.text west);
  \draw [->] (compiler.three east) -- (obj.west);
\end{tikzpicture}

\end{document}

compiler front end

How should it be modified to work as expected?

Improve this question
4
  • Does saying \node[data] (obj) [right=of compiler.three east,align=center] {intermediate code}; do what you want?
    – Torbjørn T.
    Mar 4, 2012 at 0:50
  • @TorbjørnT. Yes. And how to force the arrow from "source code" to be horizontal?
    – Romildo
    Mar 4, 2012 at 0:57
  • Use the -| syntax, such as \draw [->] (src.east) -- (src.east-|compiler.text west);
    – Stefan Kottwitz ♦
    Mar 4, 2012 at 1:01
  • Same thing, see my answer.
    – Torbjørn T.
    Mar 4, 2012 at 1:02

1 Answer 1

Reset to default
5

Simply changing from left=of compiler.text and right=of compiler.three to left=of compiler.text west and right=of compiler.three east for the src and obj nodes improves the output.

enter image description here

\documentclass{standalone}

\usepackage{tikz}
\usetikzlibrary{shapes.multipart,positioning}

\begin{document}

\begin{tikzpicture}[thick, data/.style={rectangle,fill=red!12}]
  \node[rectangle split,rectangle split parts=3,draw,anchor=center] (compiler) {
    lexical analysis\nodepart{two}
    syntatic analysis\nodepart{three}
    semantic analysis
  };

  \node[data] (src) [left=of compiler.text west,align=center] {source code};
  \node[data] (obj) [right=of compiler.three east,align=center] {intermediate code};

  \draw [->] (src.east) -- (compiler.text west);
  \draw [->] (compiler.three east) -- (obj.west);
\end{tikzpicture}

\end{document}
Improve this answer
2
  • Is there any command like circle split and circle split parts=3?
    – user11232
    Mar 4, 2012 at 9:18
  • 1
    @HarishKumar There is a circle split shape, but it has as far as I can see only two parts, text and? lower. See the section Shapes with Multiple Text Parts in the Shape Library chapter of the PGF manual. (In my CVS version it is chapter 53.6 on page 497.)
    – Torbjørn T.
    Mar 4, 2012 at 9:25

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .