[Tex/LaTex] How to fit a tight ellipse around nodes

tikz-pgf

I have a set of two nodes and I would like to draw tight ellipses around them in my tikz picture. Note that this is part of a beamer presentation.

I have attached an image that illustrates the wanted effect.

Here is what I have so far:

\documentclass[10pt,aspectratio=1610]{beamer}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows,backgrounds,fit,positioning}

\begin{document}

\tikzset{res/.style={ellipse,draw,minimum height=0.5cm,minimum width=0.8cm}}
\tikzset{literal/.style={rectangle,draw,minimum height=0.5cm,minimum width=0.8cm,text width = 1.2 cm, align = center}}

\begin{frame}[fragile]{Example}{}
\begin{tikzpicture}[node distance = 2 cm,auto, ]
\node[res,] (obs1) {\footnotesize :obs1} ;
\node[res, left = 1cm of obs1] (shop1) {\footnotesize :shop1} ;
\node[literal, left = 1cm of shop1] (shopName1) {\footnotesize ``Barnes \& Noble''} ;
\node[res, above of = shop1] (book1) {\footnotesize :book1} ;
\node[literal, left = 1cm of book1] (bookName1) {\footnotesize ``Dune''} ;
\node[res, below of = obs1] (obs2) {\footnotesize :obs2} ;
\node[res, left = 1cm of obs2] (shop2) {\footnotesize :shop2} ;
\node[literal, left = 1cm of shop2] (shopName2) {\footnotesize ``Amazon''} ;
\node[res, below of = shop2] (book2) {\footnotesize :book2} ;
\node[literal, left = 1cm of book2] (bookName2) {\footnotesize ``Dracula''} ;
\node[literal, below of = obs2] (measure2) {\footnotesize 12} ;
\node[literal, above of = obs1] (measure1) {\footnotesize 7} ;
\node[literal, right = 1cm of obs1] (monthName) {\footnotesize ``January''} ;
\node[literal, right = 1cm of measure1] (yearNum) {\footnotesize ``2016''} ;
\node[res, right = 1cm of monthName] (month) {\footnotesize :january2016} ;
\node[res, above of = month] (year) {\footnotesize :2016} ;
\node[res, below of = month] (day) {\footnotesize :date31012016} ;

\path[->,draw]
    (obs1) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :shop} (shop1)
    (obs2) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :shop} (shop2)

    (obs1) edge node[midway,above=-6pt,fill=white] {\footnotesize :book} (book1)
    (obs2) edge node[midway,above=-6pt,fill=white] {\footnotesize :book} (book2)

    (book1) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :name} (bookName1)
    (book2) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :name} (bookName2)

    (shop1) edge node[midway,above=-6pt,fill=white] (title1) {\footnotesize :title} (shopName1)
    (shop2) edge node[midway,above=-6pt,fill=white] (title2) {\footnotesize :title} (shopName2)

    (obs1) edge node[midway,above=-6pt,fill=white] {\footnotesize :price} (measure1)
    (obs2) edge node[midway,above=-6pt,fill=white] {\footnotesize :price} (measure2)

    (obs1) edge node[midway,above=-6pt,fill=white]  {\footnotesize :date} (day)
    (obs2) edge node[midway,above=-6pt,fill=white] {\footnotesize :date} (day)

    (day) edge node[midway,above=-6pt,fill=white] {\footnotesize skos:broader} (month)
    (month) edge node[midway,above=-6pt,fill=white] {\footnotesize skos:broader} (year)

    (month) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :month} (monthName)
    (year) edge node[midway,above=-6pt,fill=white] {\footnotesize :year} (yearNum)
    ;

\begin{pgfonlayer}{background}
  \node[fit=(shopName1)(shop1), fill=violet!30,ellipse] {};
  \node[fit=(shopName2)(shop2), fill=violet!30,ellipse] {};
  \node[fit=(bookName2)(book2), fill=violet!30,ellipse] {};
  \node[fit=(bookName1)(book1), fill=violet!30,ellipse] {};
  \node[fit=(measure1)(obs1), fill=blue!30,ellipse] {};
  \node[fit=(measure2)(obs2), fill=blue!30,ellipse] {};
  \node[fit=(year)(yearNum), fill=green!30,ellipse] {};
  \node[fit=(month)(monthName), fill=green!30,ellipse] {};
\end{pgfonlayer}
\end{tikzpicture}
\end{frame}
\end{document}

Here is the result that it produce

Note how the ellipses do not fit the nodes but cover much more.
How can I create a tight ellipse around a pair of nodes?

Best Answer

If Jake's answer doesn't like or doesn't work for you, may be you could consider other shapes like rounded rectangle or just a rectangle with rounded corners.

Following code uses rounded rectangles for horizontal associations. As I could not manage to build a vertical rounded rectangle and cylinders doesn't fit very well, two rectangles with rounded corners are used for vertical associations.

\documentclass[10pt,aspectratio=1610]{beamer}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows,backgrounds,fit,positioning}

\begin{document}

\tikzset{res/.style={ellipse,draw,minimum height=0.5cm,minimum width=0.8cm}}
\tikzset{literal/.style={rectangle,draw,minimum height=0.5cm,minimum width=0.8cm,text width = 1.2 cm, align = center}}
\tikzset{hfit/.style={rounded rectangle, inner xsep=0pt, fill=#1!30},
           vfit/.style={rounded corners, fill=#1!30}}

\begin{frame}[fragile]{Example}{}
\begin{tikzpicture}[node distance = 2 cm,auto, ]
\node[res,] (obs1) {\footnotesize :obs1} ;
\node[res, left = 1cm of obs1] (shop1) {\footnotesize :shop1} ;
\node[literal, left = 1cm of shop1] (shopName1) {\footnotesize ``Barnes \& Noble''} ;
\node[res, above of = shop1] (book1) {\footnotesize :book1} ;
\node[literal, left = 1cm of book1] (bookName1) {\footnotesize ``Dune''} ;
\node[res, below of = obs1] (obs2) {\footnotesize :obs2} ;
\node[res, left = 1cm of obs2] (shop2) {\footnotesize :shop2} ;
\node[literal, left = 1cm of shop2] (shopName2) {\footnotesize ``Amazon''} ;
\node[res, below of = shop2] (book2) {\footnotesize :book2} ;
\node[literal, left = 1cm of book2] (bookName2) {\footnotesize ``Dracula''} ;
\node[literal, below of = obs2] (measure2) {\footnotesize 12} ;
\node[literal, above of = obs1] (measure1) {\footnotesize 7} ;
\node[literal, right = 1cm of obs1] (monthName) {\footnotesize ``January''} ;
\node[literal, right = 1cm of measure1] (yearNum) {\footnotesize ``2016''} ;
\node[res, right = 1cm of monthName] (month) {\footnotesize :january2016} ;
\node[res, above of = month] (year) {\footnotesize :2016} ;
\node[res, below of = month] (day) {\footnotesize :date31012016} ;


\path[->,draw]
    (obs1) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :shop} (shop1)
    (obs2) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :shop} (shop2)

    (obs1) edge node[midway,above=-6pt,fill=white] {\footnotesize :book} (book1)
    (obs2) edge node[midway,above=-6pt,fill=white] {\footnotesize :book} (book2)

    (book1) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :name} (bookName1)
    (book2) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :name} (bookName2)

    (shop1) edge node[midway,above=-6pt,fill=white] (title1) {\footnotesize :title} (shopName1)
    (shop2) edge node[midway,above=-6pt,fill=white] (title2) {\footnotesize :title} (shopName2)

    (obs1) edge node[midway,above=-6pt,fill=white] {\footnotesize :price} (measure1)
    (obs2) edge node[midway,above=-6pt,fill=white] {\footnotesize :price} (measure2)

    (obs1) edge node[midway,above=-6pt,fill=white]  {\footnotesize :date} (day)
    (obs2) edge node[midway,above=-6pt,fill=white] {\footnotesize :date} (day)

    (day) edge node[midway,above=-6pt,fill=white] {\footnotesize skos:broader} (month)
    (month) edge node[midway,above=-6pt,fill=white] {\footnotesize skos:broader} (year)

    (month) edge node[midway,above=-6pt,fill=white,inner sep=0pt] {\footnotesize :month} (monthName)
    (year) edge node[midway,above=-6pt,fill=white] {\footnotesize :year} (yearNum)
    ;

\begin{pgfonlayer}{background}
  \node[fit=(shopName1)(shop1), hfit=violet] {};
  \node[fit=(shopName2)(shop2), hfit=violet] {};
  \node[fit=(bookName2)(book2), hfit=violet] {};
  \node[fit=(bookName1)(book1), hfit=violet] {};
  \node[fit=(measure1)(obs1), vfit=blue] {};
  \node[fit=(measure2)(obs2), vfit=blue] {};
  \node[fit=(year)(yearNum), hfit=green] {};
  \node[fit=(month)(monthName), hfit=green] {};
\end{pgfonlayer}
\end{tikzpicture}
\end{frame}
\end{document}

Related Solutions

[Tex/LaTex] Fit around nodes and edges

One way to do this is to add a coordinate at the midpoint of each loop (well, in this example it's only necessary to add it to one loop since all are the same height). Then add that coordinate to the fit.

alt text

\documentclass{article}
\pagestyle{empty}
\usepackage{tikz}
\usetikzlibrary{fit}
\begin{document}

\begin{tikzpicture}[prefix=fig/,
state/.style={circle,draw,thick},
hmm/.style={draw,rectangle}]

\node[state] (a1) at (0,0) {} edge [loop above,thick] coordinate (l1) () ;
\node[state] (a2) at (1,0) {} edge [loop above,thick] coordinate (l2) () edge[<-,thick] (a1);
\node[state] (a3) at (2,0) {} edge [loop above,thick] coordinate (l3) () edge[<-,thick] (a2);

\node[hmm,fit=(a1) (a2) (a3) (l1) (l2) (l3)] (a) {};
\end{tikzpicture}
\end{document}

Note that the coordinate specification goes before the dummy target of the loop. This shows, incidentally, why that dummy target is useful. Placing the coordinate after the target puts the coordinate at the end of the loop, placing it before puts it at the midpoint.

I guess that a more elegant solution would be if it were possible to name a path and pass that name to the fit library, but I don't know if that's possible (however, last time I said something like that, someone came along and did it so I mention it just in case I can reinvoke the tikz-djinn).

[Tex/LaTex] How to define the default vertical distance between nodes

I don't really get the question so I hope this is what you wanted. If you include a full document (such that we copy paste and see the problem on our systems) things are much more easier.

Here, you can change the default setting within a scope but your block style had a node distance which was resetting every time it is issued. I've made it 2mm such that we can see the difference easier.

\documentclass[tikz]{standalone}
\usetikzlibrary{arrows,shapes.geometric,positioning}

\begin{document}
\begin{tikzpicture}[decision/.style={diamond, draw, text width=4.5em, text badly centered, node distance=3.5cm, inner sep=0pt},
                    block/.style   ={rectangle, draw, text width=6em, text centered, rounded corners, minimum height=4em, minimum height=2em},
                    cloud/.style   ={draw, ellipse, minimum height=2em},
                    line/.style    ={draw,-latex'},
                    node distance = 1cm, 
                    auto]
    \node [block] (1st) {1st};
    \node [block, right= of 1st]  (2nd1) {2nd1};
\begin{scope}[node distance=2mm and 10mm]%Here we change it for everything inside this scope
    \node [block, above= of 2nd1] (2nd2) {2nd2};
    \node [block, below= of 2nd1] (2nd3) {2nd3};
    \node [block, right= of 2nd1] (3rd1) {3rd1};
    \node [block, above= of 3rd1] (3rd2) {3rd2};
    \node [block, above= of 3rd2] (3rd3) {3rd3};
\end{scope}
    \node [block, below= of 3rd1] (3rd4) {3rd4};
    \node [block, below= of 3rd4] (3rd5) {3rd5};

    \path [line] (1st) -- (2nd1);
    \path [line] (2nd1) -- (2nd2);
    \path [line] (2nd1) -- (2nd3);
    \path [line] (2nd2) -- (3rd3);
    \path [line] (2nd1) -- (3rd1);
    \path [line] (1st) -- (2nd1);
\end{tikzpicture}
\end{document}

enter image description here

Best Answer

Related Solutions

[Tex/LaTex] Fit around nodes and edges

[Tex/LaTex] How to define the default vertical distance between nodes

Related Question