desenho de tikz e nós

Question

Gostaria de estender este exemplo de "nós" adicionando mais 6 nós, mas não consegui ver a lógica por trás desse código de amostra. Não consegui obter as relações de (a), (b) e (c) e como elas são realmente usadas. Alguém pode me explicar isso? Aqui está o link de saída:https://texample.net/tikz/examples/nav1d/

\documentclass{article}

\usepackage{tikz}
\usetikzlibrary{arrows}
\begin{document}
\pagestyle{empty}
%
\tikzstyle{int}=[draw, fill=blue!20, minimum size=2em]
\tikzstyle{init} = [pin edge={to-,thin,black}]

\begin{tikzpicture}[node distance=2.5cm,auto,>=latex']
    \node [int, pin={[init]above:$v_0$}] (a) {$\frac{1}{s}$};
    \node (b) [left of=a,node distance=2cm, coordinate] {a};
    \node [int, pin={[init]above:$p_0$}] (c) [right of=a] {$\frac{1}{s}$};
    \node [coordinate] (end) [right of=c, node distance=2cm]{};
    \path[->] (b) edge node {$a$} (a);
    \path[->] (a) edge node {$v$} (c);
    \draw[->] (c) edge node {$p$} (end) ;
\end{tikzpicture}

\end{document}

Answer 1

• sua pergunta não está totalmente clara ...
• o exemplo usado é bastante antigo, conseqüentemente, ele usa uma sintaxe obsoleta (em tikzstylevez de tikzset, etc)
• assumindo que todos os nós estão em cadeia, têm o mesmo tamanho e conteúdo, então você pode desenhá-los usando a chainsbiblioteca, para rótulos de quotesbiblioteca de uso de borda e definição de estilo para cada borda e pino:

\documentclass[tikz, margin=3mm]{standalone}
\usetikzlibrary{arrows.meta,
                chains,
                positioning,
                quotes}

\begin{document}
    \begin{tikzpicture}[
node distance = 12mm,
  start chain = going right, 
   int/.style = {draw, fill=blue!20, minimum size=2em, font=\large, 
                 on chain},
 every edge/.style = {draw, -Latex},
every edge quotes/.style = {auto, font=\footnotesize, text depth=0.25ex},
  every pin/.style = {pin edge={Latex-,thin,black}, font=\footnotesize}
                        ]
% nodes vith pin above
\coordinate[on chain] (in);
\node (a) [int, pin=$v_0$] {$\frac{1}{s}$};
\node (b) [int, pin=$p_0$] {$\frac{1}{s}$};
\node (c) [int, pin=$p_1$] {$\frac{1}{s}$};
\node (d) [int, pin=$p_2$] {$\frac{1}{s}$};
\node (e) [int, pin=$p_3$] {$\frac{1}{s}$};
\coordinate[on chain] (out);
% connection between nodes
\draw   (in)    edge ["$a$"] (a) 
        (a)     edge ["$v$"] (b) 
        (b)     edge ["$p$"] (c)
        (c)     edge ["$p_1$"] (d)
        (d)     edge ["$p_2$"] (e)
        (e)     edge ["$p_3$"] (out) ;
    \end{tikzpicture}
\end{document}

Se você gostaria de ter mais nós na cadeia, basta adicioná-los aos já existentes. Se você não precisa da condição inicial, simplesmente coloque pin-os.

Editar: o exemplo que você fornece tem duas partes:

• Definições de estilos (onde é usada sintaxe obsoleta, hoje ela deve ser escrita como:

\tikzset{
  int/.style = {draw, fill=blue!20, minimum size=2em},
 init/.style = {pin edge={to-,thin,black}}
         }

ou como opções de tikzpicture:

\begin{tikzpicture}[node distance=2.5cm,auto,>=latex',
 int/.style = {draw, fill=blue!20, minimum size=2em},
init/.style = {pin edge={to-,thin,black}}
               ]

• Corpo da imagem, onde você desenha o que gostaria de ter na imagem. Isso pode ser feito de muitas maneiras diferentes. Por exemplo,
  • usando posicionamento absoluto de nós:

\node (<name>) [<style>] at (<x coordinate>,<y coordinate>) {<node content>};

• usando o posicionamento relativo de nós:

\node (<name 1>) [<style 1>] at (<x coordinate>,<y coordinate>) {<node content>};
\node (<name 2>) [<style 2>, above right=of <name 1>]  {<node content>};

onde <node 2>será posicionado acima e à esquerda do nó <node 2>para a distância declarada do nó tikzsetou como opção feita no exemplo mostrado acima.

• linhas que você pode desenhar como

\draw[<option>] (<coordinate 1>) -- (<coordinate 2>);

onde para <option>você pode usar, por exemplo, initcomo é feito no MWE mostrado (Exemplo de trabalho mínimo) em sua pergunta e para as coordenadas, use os nomes dos nós.

ou use uma abordagem mais avançada como é usado em minha resposta.

• para outras opções, você precisa se familiarizar mais com o pacote TikZ e suas bibliotecas. O manual faz parte da instalação do LaTeX ou você pode encontrá-lo no CTAN (use o google para tikz.sty ).
• Manula é enorme, então, para começar, leia a parte I Tutoriais e Diretrizes e depois a parte III: TikZ ist kein Zeichenprogramm .
• Se você vai ficar preso no desenho de alguma imagem sua, peça aqui ajuda concreta. Nesse caso forneça MWE, que reproduzam seu problema, para que as pessoas possam ajudá-lo mais facilmente (Preparando um MWE, um exemplo está na minha resposta, muitas vezes ajudá-lo a encontrar uma solução ou descobrir erros no código por si mesmo)
• O site não se destina a fornecer orientações gerais sobre como usar o tikzpacote.

Answer 2

Uma explicação completa está abaixo -

\documentclass{article}

\usepackage{tikz}
\usetikzlibrary {arrows.meta,graphs,shapes.misc}
\usetikzlibrary{arrows}
\begin{document}
    \pagestyle{empty}
    %no headers and footers just a blank page
    \tikzstyle{int}=[draw, fill=blue!20, minimum size=2em]
    %macro for (draw)ing square, (fill) inside color blue, default size 2em
    \tikzstyle{init} = [pin edge={to-,thin,black}]
    %macro for arrows/ edges
    
    \begin{tikzpicture}[node distance=2.5cm,auto,>=latex']
        %separation between nodes 2.5cm, type of arrows defined with >=latex
        \node [int, pin={[init]above:$v_0$}] (a) {$\frac{1}{s}$};
        %call the int macro for square named (a), and the init macro for the arrow 
        pointing (to-a), label above the arrow is v_0, and text inside the named node 
        is  {$\frac{1}{s}$}
        \node (b) [left of=a,node distance=2cm, coordinate] {a};
        %node named (b) placed left of node named (a), tec=xt inside the node is {a}
        \node [int, pin={[init]above:$p_0$}] (c) [right of=a] {$\frac{1}{s}$};
        %same as first node named (a)
        \node [coordinate] (end) [right of=c, node distance=2cm]{};
        %same as node named (end) after node named (c)
        \path[->] (b) edge node {$a$} (a);
        %draw an arrow from node b to node a, label above the arrow  {$a$}
        \path[->] (a) edge node {$v$} (c);
        %same as arrow above
        \draw[->] (c) edge node {$p$} (end) ;
        %same as arrow above
    \end{tikzpicture}
\end{document}