How I can draw these (flexible) nodes and arrow? (as in this presentation)
A MWE:
\documentclass{beamer}
\usepackage{tikz}
\usetheme{CambridgeUS}
\usetikzlibrary{calc}
\usepackage[T1]{fontenc}
\usepackage{xcolor}
\usetikzlibrary{arrows.meta} %
\tikzset{ vnode/.style={draw,text=black , line width=4pt,color=gray!50!black!50},
vvnode/.style={color=gray!50!black!50,text=black , line width=4pt},
vfill/.style={color=black,text=black,fill=red!10!gray!30!blue!50,line width=4pt,},
varrow/.style={Latex-Latex, text=black,line width=3pt,color=gray!50!black!50},
vline/.style={line width=1.6pt,color=red!10!gray!30!blue!50},
}
\newcommand{\uline}[1]{
\tikz[baseline=(uline.base)]{
\node[inner sep=1pt,outer sep=0pt] (uline) {#1};
\draw[vline] (uline.south west) -- (uline.south east);
}%
}
\begin{document}
\begin{frame}{}
\begin{tikzpicture}
\node[vfill ] at (0,0) { $\left(\frac\delta{\delta h_0}-2m \frac\delta{\delta F_0} \right)S=0,\quad
\left(\frac\delta{\delta \tau_0}-m \frac\delta{\delta \chi_0} \right)S=0 $};
\end{tikzpicture}
\begin{tikzpicture}[]%remember picture
\node[vnode] at (0,0) {
\begin{tikzpicture}
\node[ vvnode,name=bbb,align=left] at (-1,-2) {Operators\\
$\begin{aligned}\mathcal O=& O_\theta + \theta \uline{$O_\chi$} +\theta^2 \uline{$O_F$} \\
\mathcal F\mathcal Z=& \left\{ \uline{$T_{\mu\nu}$}, \uline{$S_\mu$}, j_\mu\right\}
\end{aligned} $};
\draw[varrow,] (1.6,-2) to (3.9,-2);
\node[ vvnode,align=left] at (5.9,-2) {$5d$ fields\\
$\begin{aligned} \mathcal H=& \left\{ \phi, \uline{$\chi$}, \uline{$F$} \right\} \\
\mathcal G=& \left\{ \uline{$g_{\mu\nu}$}, \uline{$\Psi_\mu$}, A_\mu\right\}
\end{aligned} $};
\end{tikzpicture}
};
\end{tikzpicture}
\end{frame}
\end{document}
Best Answer
Here's a start, based on my answer at Handwritten comments and annotations in margin. There, I make use of the Teen SPirit font, which is a handwritten font (by way of
\fontfamily{fts}\selectfont). Looking at the glyph set of that font (page 2 of http://www.tug.dk/FontCatalogue/teenspirit/teenspirit.pdf), there are several choices for hand drawn line (e.g., glyphs 40, 47, 73, 108, 124, etc.). I chose glyph 47Then, I created the macro
\handxformfor rotating and scaling a glyph, where the vertical scale is given by a factor and the horizontal scale is given by a desired length (EDITED to work around scaling limitation, so that actual width specified is honored). The macro\handline[<thickness-scale>]{<length>}passes glyph 47 to\handxform, along with the user-specified scaling information, and the rotations necessary to turn glyph 47 into a horizontal aspect at the proper elevation.All of the handdrawn lines in the MWE below are scaled, rotated versions of glyph 47.
EDITED to add
\handstealthleftrightarrow[<thickness-scale>]{<length>}to the mix, by stringing together glyph 60 and its mirror image:EDITED to add
\handbox[<thickness-scale>]{<length>}{<height>}, which works by stringing together 4\handlines.DISCUSSION
There are some questions below on how to tune the particular shape of the "swish." However, that belies a fundamental misunderstanding of what is done here. All that I am doing is taking a font's glyph, and rotating/stretching/rerotating/translating/restretching/retranslating it, to achieve a desired size and orientation. The shape of the swish is driven totally by the original glyph selected, which in this answer came from the Teen Spirit font.
As an example, if I redefine
\handxformto not use the Teen Spirit font, and to instead of the specified glyph, use a simple\rule{1pt}{5pt}:you will see the results change accordingly, where the new swish is comprised of a transformed
\ruleinstead of a transformed glyph 47 or 60.Therefore, to obtain other shapes, other suitable glyphs must be found from other fonts, if this technique is to be employed. Alternately, someone could use
tikzto design a desired swish, and that could be incorporated into a slightly redefined\handxformmacro.As an illustrative case, I can even use an
\includegraphicsas the swish. Idealy it would be a transparent png, but here I just took the image at the top of this page, saved it as a jpeg, tried to expunge the black text, and used that as my swish. Obviously, the definitions and parameters had to be reworked to accommodate this (especially since the aspect ratio is different), but the result looks as expected:After saving a large version of the image as
greenswish.jpg, The code for the above is: