[Tex/LaTex] How to illustrate sin, cos, and tan on a unit circle with TikZ

tikz-pgf

As a beginner in tikz, I don't know how to draw this picture in LaTeX with TikZ. Please show me how to draw it.

Best Answer

Here's one option:

\documentclass[border=5pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{angles,quotes}

\newcommand\Base[1][0]{
\begin{scope}[xshift=#1]
\clip
  (-0.5,5.5) rectangle (5.5,-0.5);
  \draw[->]
  (-0.5,0) -- (5,0) node[right] {$u$};
\draw[->]
  (0,-0.5) -- (0,5) node[above] {$v$};
\coordinate (O) at (0,0);
\coordinate (aux1) at (40:4);
\coordinate (aux2) at (aux1|-0,0);
\coordinate (aux3) at (4,{4*tan(40)});
\draw
  (O) -- (aux3) -- (aux3|-0,0)
  (aux1) -- (aux2);
\draw[thick,red!70!black] 
  (O) circle (4);
\pic[draw,"$x$",angle radius=30pt,angle eccentricity=1.2] {angle = aux2--O--aux1};   
\end{scope}  
}

\begin{document}

\begin{tikzpicture}[>=latex]
\Base
\filldraw[thick,draw=blue,fill=blue!40,fill opacity=0.3,text opacity=1]
  (O) -- (aux1) -- node[left] {$\sin x$} (aux2)  -- node[below] {$\cos x$} cycle; 

\Base[6.3cm]
\filldraw[thick,draw=blue,fill=blue!40,fill opacity=0.3,text opacity=1]
  (O) -- (aux1) arc (40:0:4) -- node[below] {$1$} cycle; 

\Base[12.6cm]
\filldraw[thick,draw=blue,fill=blue!40,fill opacity=0.3,text opacity=1]
  (O) -- (aux3) -- node[right] {$\tan x$} (aux3|-0,0)  -- node[below] {$1$} cycle; 

\end{tikzpicture}

\end{document}

Related Solutions

[Tex/LaTex] How to draw bigotimes and diamond with tikz

enter image description here

  \documentclass[11pt]{scrartcl}
  \usepackage{tikz}
  \usetikzlibrary{shapes.geometric}
  \begin{document}
  \begin{tikzpicture} 
     \tikzset{oplus/.style={path picture={% 
        \draw[black]
         (path picture bounding box.south west) -- (path picture bounding box.north east) 
         (path picture bounding box.north west) -- (path picture bounding box.south east);
        }}} 
      \node[oplus,fill=blue!10,draw=blue,thick,circle, scale=10] {};
      \end{tikzpicture}  
   \begin{tikzpicture}
     \node [draw,scale=8,diamond,fill=orange!50]{}; 
   \end{tikzpicture}

  \end{document}

[Tex/LaTex] I need pointers on how to draw the neural-network diagram

One option using TikZ; the only point that perhaps deserves some comment is the curved arrow, produced using an arc path and a decoration:

\documentclass{article}
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{positioning,decorations.markings,calc}

\begin{document}

\begin{tikzpicture}[
node distance=2cm and 1cm,
mynode/.style={
  draw,
  text width=6cm,
  align=center,
  text height=3ex,
  text depth=1.5ex,
}
]
\node[mynode] (out) {Output};
\node[mynode,text width=4cm,below=of out] (sh) {State/Hidden};
\node[mynode,below=of sh] (in) {Input};

\draw[-latex] (in) -- node[fill=white] {Weights $V$}(sh);
\draw[-latex] (sh) -- node[fill=white] {Weights $W$}(out);

\begin{scope}[radius=1.2cm]
\draw[
decoration={
  markings,
  mark=at position 0.999 with {\arrow{latex}}
  },
postaction=decorate
]
(sh.16) arc[start angle=160,end angle=-150] (sh.-17);

\node[xshift=1.3cm,anchor=west,text width=2.8cm,align=center] 
at (sh.east) {Weights $U$\\(dealyed)};
\end{scope}

\node[anchor=west,text width=4cm] at ([xshift=4cm] $ (in.north)!0.5!(sh.south)$ ) {%
        $\displaystyle
        \begin{aligned}
            &y_j(t)=f(\mathrm{net}_j)\\
            &\mathrm{net}_j(t)=\sum_i v_{ji} x_i(t)+\sum_h u_{jh}y_h(t-1)+\theta_j
        \end{aligned}$
};

\node[anchor=west,text width=4cm] at ([xshift=4cm] $ (sh.north)!0.5!(out.south)$ ) {%
        $\displaystyle
        \begin{aligned}
            &y_k(t)=g(\mathrm{net}_k)\\
            &\mathrm{net}_k(t)=\sum_j w_{kj} y_j(t)+\theta_k
        \end{aligned}$
};
\end{tikzpicture}

\end{document}

enter image description here

Best Answer

Related Solutions

[Tex/LaTex] How to draw bigotimes and diamond with tikz

[Tex/LaTex] I need pointers on how to draw the neural-network diagram

Related Question