[Tex/LaTex] Thought bubble in latex

nodes

I wish to draw illustration nodes with text box as shown, But my latex is poor. Any startups?

enter image description here

Best Answer

This is an attempt where tikz pic is used with cloud shape from tikzlibrary. One might to play with cloud puff arc=110, aspect=2 in the cloud/.pic definition for one's like . Furthermore, the node (c1) and (c2) are adjustable to place the two clouds.

Edit: Replace the aspect=2 key by cloud ignores aspect key will yield

enter image description here

Code

\documentclass{article}
\usepackage[left=0in,top=2in]{geometry}
\usepackage{tikz,amsmath}
\usetikzlibrary{arrows,shapes}

\newcommand{\tikzmarkC}[1]{\tikz[overlay,remember picture,baseline={-3pt}] \node[] (#1) {
};}

\tikzset{cloud/.pic={
\node[cloud, cloud puffs=10.8,cloud puff arc=110, aspect=2, draw, text width=3cm
    ] () at (0,0) {\tikzpictext};
}}
\begin{document}

\begin{flalign*}
6x^2+9x-8x-12&=3\tikzmarkC{a}x(2x+3)-\tikzmarkC{b}4(2x+3)\\
&=(3x-4)(2x+3)
\end{flalign*}

\begin{tikzpicture}[overlay,remember picture]
\pic (c1) at (15,5) [pic text=$3x$ is a factor of both $6x^2$and $9x$]{cloud};
\pic (c2) at (17,1) [pic text=$-4$ is a factor of both $-8x$ and $-12$]{cloud};
\draw[-latex'] (c1) to[bend right] (a);
\draw[-latex'] (c2) to[bend left]  (b);

\end{tikzpicture}
\end{document}

Related Solutions

[Tex/LaTex] Tikz – How to Draw Boxes Around Set of Nodes

With the help of the »calc« library you can get it right.

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{calc}

\begin{document}
  \begin{tikzpicture}[%
    auto,
    block/.style={
      rectangle,
      draw=blue,
      thick,
      fill=blue!20,
      text width=5em,
      align=center,
      rounded corners,
      minimum height=2em
    },
    block1/.style={
      rectangle,
      draw=blue,
      thick,
      fill=blue!20,
      text width=5em,
      align=center,
      rounded corners,
      minimum height=2em
    },
    line/.style={
      draw,thick,
      -latex',
      shorten >=2pt
    },
    cloud/.style={
      draw=red,
      thick,
      ellipse,
      fill=red!20,
      minimum height=1em
    }
  ]
    \draw (2.5,-2) node[block] (C) {Subanta};
    \path (0,-3) node[block] (G) {Pumlinga}
          (0,-4) node[block] (H) {Strilinga}
          (0,-5) node[block] (I) {Napumsaka}
          (5,-3) node[block] (J) {Pumlinga}
          (5,-4) node[block] (K) {Strilinga}
          (5,-5) node[block] (L) {Napumsaka};
    \draw (C.south) -- ++(0,-0.25) coordinate (linga);
    \draw (linga) -- ++(-1,0) coordinate (ling);
    \draw[-latex] (ling) |- (G.east);
    \draw[-latex] (ling) |- (H.east);
    \draw[-latex] (ling) |- (I.east);
    \draw (linga) -- ++(1,0) coordinate (hling);
    \draw[-latex] (hling) |- (J.west);
    \draw[-latex] (hling) |- (K.west);
    \draw[-latex] (hling) |- (L.west);
    \draw[red,thick,dotted] ($(J.north west)+(-0.3,0.6)$)  rectangle ($(L.south east)+(0.3,-0.6)$);
    \draw[thick,dotted]     ($(I.north west)+(-0.5,0.15)$) rectangle ($(L.south east)+(0.5,-0.15)$);
  \end{tikzpicture}
\end{document}

enter image description here

[Tex/LaTex] TikZ: position a node depending on width of text

You could measure the width of the text (see also How can I use an hbox inside a TikZ environment for text dimension measurement?) and use this value to position the node:

\documentclass{article}
\usepackage{tikz}

\newlength{\mylabelwidth}
\begin{document}
\begin{tikzpicture}
  \node[draw] (A) {A};
  \settowidth{\mylabelwidth}{\pgfinterruptpicture some label \endpgfinterruptpicture}
  \node[draw,right] (B) at ([xshift=\mylabelwidth+10pt]A.east) {B};
  \draw[->] (A) --(B) node [midway,above] {some label};
\end{tikzpicture}
\end{document}

Alternatievly, you could place the arrow label as normal, properly aligned node and then draw the arrow and other node relative to it:

\documentclass{article}
\usepackage{tikz}

\begin{document}
\begin{tikzpicture}
  \node[draw](A) {A};
  % The distance between the arrow and the nodes is defined by the `inner ysep` and `innser xsep` values, respectively:
  \node[inner ysep=2.5pt,inner xsep=5pt,above right] (ABlabel) at (A.east) {some label};
  \node[draw,right] (B) at (ABlabel.south east) {B};
  \draw[->] (A) --(B);
\end{tikzpicture}

\end{document}

Both lead to the same result:

Result

Best Answer

Related Solutions

[Tex/LaTex] Tikz – How to Draw Boxes Around Set of Nodes

[Tex/LaTex] TikZ: position a node depending on width of text

Related Question