Rappresentare graficamente: smartdiagra, tkiz o altro?

light kira” post=93289salve a tutti, ho una domanda: il mio prof nella relazione d’esame vuole che si crei un rappresentazione grafica, lasciando a noi libertà di scelta sullo strumento da utilizzare.

ciò che devo rappresentare è un insieme di passaggi e sotto passaggi (es: passo 1 – passo 2 – passo 3, con sottopassi per uno o più passi).

graficamente quale sarebbe la maniera “migliore” o “più chiara” per far ciò??? escludendo elenchi puntati / numerati annidati 🙂

Ciao,
cosa conterranno questi “passi” (matematica, testo, logica, altro)?
Saluti

light kira” post=93289salve a tutti, ho una domanda: il mio prof nella relazione d’esame vuole che si crei un rappresentazione grafica, lasciando a noi libertà di scelta sullo strumento da utilizzare.

ciò che devo rappresentare è un insieme di passaggi e sotto passaggi (es: passo 1 – passo 2 – passo 3, con sottopassi per uno o più passi).

graficamente quale sarebbe la maniera “migliore” o “più chiara” per far ciò??? escludendo elenchi puntati / numerati annidati 🙂

Come suggerisce @alegen in modo implicito, la risposta è: dipende. In primo luogo dai passaggi, poi se hai già qualche idea/template in merito alla rappresentazione.

Per cose relativamente semplici, smartdiagram va benissimo e ti risparmia anche un po’ di tempo visto che devi fornire solo una lista di elementi, i passaggi. Però, se la rappresentazione è un po’ più complessa, allora meglio TikZ.

Ciao
Claudio

light kira” post=93294devo rappresentare semplicemente del testo.

lo scopo è una sequenza.

considerate questa immagine (che non centra niente come argomenti). c’è una sequenza in verticale (ma forse è meglio in orizzontale nel mio caso). ci sono 4 passi e nel pirmo passo ci sono 4 passi.
serve un modo grafico per non creare “confusione” altrimenti sembra quasi un organigramma

`
http://www.abodata.com/abodata/images/used/rup.jpg
`

Per una rappresentazione così semplice non mi complicherei la vita. Gli elenchi numerati della classe Beamer andranno benissimo. Se sono passi sequenziali non serve nemmeno la freccia. Per render il tutto ancora più efficace Beamer mette inoltre a disposizione parecchie soluzioni. Per esempio`\begin{enumerate}
\item<1-| alert@1> First point.
\item<2-| alert@2> Second point.
\item<3-| alert@3> Third point.
\end{enumerate}`

Ciao
Ivan

light kira” post=93294devo rappresentare semplicemente del testo.

lo scopo è una sequenza.

considerate questa immagine (che non centra niente come argomenti). c’è una sequenza in verticale (ma forse è meglio in orizzontale nel mio caso). ci sono 4 passi e nel pirmo passo ci sono 4 passi.
serve un modo grafico per non creare “confusione” altrimenti sembra quasi un organigramma

`
http://www.abodata.com/abodata/images/used/rup.jpg
`

In quel caso, smartdiagram ti permette di utilizzare un [tt]priority descriptive diagram[/tt] molto simile: la differenza principale è che la freccia è rivolta verso l’alto. La seconda differenza è che la freccia non è in secondo piano, ma laterale rispetto al testo.

@Ivan: non ho capito se si tratti proprio di presentazione. Nel caso non lo fosse, non si può ottenere quell’effetto in documenti normali. Invece smartdiagram funziona in entrambi i casi.

Ciao
Claudio

light kira” post=93313non è un presentazione, ma è da mettere in una documento finale .pdf

@ivan: non è la soluzione che cerco, anche perchè compilando fuoriescono strani simboli e l’effetto è un elenco (cosa che il docente vuole evitare)

Certo. Se usi quel codice in una classe diversa da beamer otterrai cose strane.

Ciao
Ivan

light kira” post=93353ho usato il priority descriptive diagram come suggerito da cfiandra: l’effetto uscente non è quello desiderato. non è possiibile suddividere la prima fase (o rettangolo) in 4 fasi , o comunque inglobarli.

In realtà il mio suggerimento (vado a memoria) era: usa smartdiagram se il diagramma è semplice, altrimenti TikZ. Nel tuo caso quindi il diagramma non è semplice (con semplice intendo un elenco testuale, uno solo).

light kira” post=93353credo che forse con latex non si riesca a fare una cosa del genere

Eresia 👿

L’affermazione è del tutto sbagliata: si può fare virtualmente tutto, basta avere tempo e voglia. Se si possono disegnare pianeti come Saturno, si può fare tutto 😉

Ciao
Claudio

light kira” post=93355il fatto è che non so se ci sia un termine specifico per questo tipo di diagramma / grafico.
forse è questo il vincolo che me ne impedisce la progettazione … 😕

Fai uno schizzo sulla carta di quello che vuoi fare e posta un’immagine. Nel weekend lo guardo un attimo.

Grafica di questo tipo non è mai difficile, bisogna farsi prima uno schemino sulla carta ed è fatta al 90%. Avendo un riferimento, basta proiettarlo su un piano cartesiano in modo tale da individuarne le coordinate dei vari elementi: alla fine si traduce in codice.

Ciao
Claudio

Un codice del genere può soddisfare la tua richiesta?
`
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning,matrix}
\begin{document}
\begin{tikzpicture}
\draw[-stealth, line width=.5cm](-1,0) — (8,0);
\begin{scope}[every node/.style={align=justify,draw, rounded corners, fill=white}]
\matrix[matrix of nodes, label=-90:1 passo](1) at (.5,0){passo 1.a \\ passo 1.b \\ passo 1.c \\ passo 1.d\\};
\node

(2){2 passo\\ continua};
\node

(3){3 passo \\ ancora};
\node

(4){4 passo \\ fine};
\end{scope}
\end{tikzpicture}
\end{document}
`
Altrimenti fai un disegno anche a mano e pubblicalo, così capiamo. 😉

Non so quale sia la tua dimestichezza con tikz, ma ti basta aggiungere il colore che vuoi ai vari nodi. Un piccolo esempio:
`
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning,matrix}
\begin{document}
\begin{tikzpicture}
\draw[yellow,-stealth, line width=.5cm](-1,0) — (8,0);
\begin{scope}[every node/.style={align=justify,draw, rounded corners, fill=white}]
\matrix[draw=red,matrix of nodes, label=-90:1 passo](1) at (.5,0){passo 1.a \\ passo 1.b \\ passo 1.c \\ passo 1.d\\};
\node[draw=blue,right = .5 of 1](2){2 passo\\ continua};
\node[draw=green,right = .5 of 2](3){3 passo \\ ancora};
\node[draw=purple,right = .5 of 3](4){4 passo \\ fine};
\end{scope}
\end{tikzpicture}
\end{document}
`
La chiave [tt]draw = colore[/tt] ti permette di decidere di che colore sarà la linea del bordo, mentre [tt]fill = colore [/tt] gestisce il riempimento. Se vuoi colori diversi da quelli base, guarda il manuale del pacchetto [tt]xcolor[/tt]. Se vuoiusarlo, caricalo con le sue opzioni dopo [tt]tikz[/tt]. 😀

Io farei qualcosa di diverso perché, come dicevo, non mi piace la freccia in secondo piano.

La soluzione è una versione 2.0 di quanto proposto in Connecting nodes with brace in TikZ, un tipo di diagramma che sarà sicuramente inserito nella prossima versione di smartdiagram.

Codice:`
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc,shapes.arrows,decorations.pathreplacing,shadows}

% list of keys
\newif\ifbraceon
\pgfkeys{/tikz/.cd,
arrow color/.store in=\arrowcol,
arrow color=green!80!blue,
items distance/.store in=\itemdistance,
items distance=3cm,
border color/.store in=\bordercol,
border color=green!80!black,
fill color/.store in=\fillcol,
fill color=green!80!lime!20,
brace color/.store in=\bracecol,
brace color=green!80!blue,
brace distance/.store in=\bracedistance,
brace distance=5pt,
display brace/.is if=braceon,
display brace=true
}

% list of styles
\tikzset{my arrow/.style={
single arrow, draw, minimum height=0.5cm,
minimum width=0.05cm,
single arrow head extend=0.1cm
},
module/.style={
rounded corners,
draw=\bordercol,
fill=\fillcol,
minimum height=1cm,
minimum width=1.5cm,
text width=1.45cm,
align=center,
general shadow={shadow yshift=-.4ex,opacity=.4, fill=black!50, every shadow},
},
brace/.style={
decoration={brace,raise=\bracedistance,amplitude=0.75em},
decorate,
draw=\bracecol,
very thick,
}
}

% arrows between two modules
\newcommand{\guparrow}{
node[my arrow,top color=\arrowcol!10,bottom color=\arrowcol,midway] {}
}

% bracediagram:
% #1 options, optional argument
% #2 list of items,
% #3 brace comment
\newcommand{\braceddiagram}[3][]{
\begin{tikzpicture}[#1]% here we can pass the options to customize the colors
% counting all the items to be displayed
\foreach \items [count=\xi] in {#2}{\global\let\maxnumitem\xi}

\foreach \items [count=\xi] in {#2}{%
\path let
\n1={0+\xi*\itemdistance} in
node[module] (module\xi) at +(\n1,0) {\items};
}

\foreach \items [count=\xi] in {#2}{%
\pgfmathtruncatemacro{\xj}{mod(\xi, \maxnumitem) + 1)}
\ifnum\xi<\maxnumitem % to not have the path from the last module % directed to the first one \path (module\xj) -- (module\xi) \guparrow; \fi } \ifbraceon % at the end we draw the brace with the comment \draw[brace] (module1.north west)--(module\maxnumitem.north east) node[above=3*\bracedistance, midway]{#3}; \fi \end{tikzpicture} } \begin{document} \braceddiagram[display brace=false]{% {Passo a\\ Passo b\\ Passo c\\ Passo d}, Continua, Fine}{} \vspace{1cm} \tikzset{my style for the diagram/.style={ brace distance=6pt, brace color=violet!60!magenta, fill color=violet!60!magenta!30, border color=violet!60!magenta, arrow color=violet!60!magenta, } } \braceddiagram[my style for the diagram]{Bla, Bla, Bla, Bla}{Some other comment} \end{document} ` Il risultato: [attachment=973]ScreenShot2014-04-05at9.40.18AM.png[/attachment] Ciao Claudio