4

I'd like to have a timeline as similar as possible to this with the addition of being able to add a logo at the left of each textbullet, but I've got no clue at all:

enter image description here

Thanks very much in advance for any help :)

p.s. I've stumbled upon this answer (How can you create a vertical timeline?) but I don't how to modify it to get what I want!

3
  • 2
    Have you checked out this answer yet?
    – chrisma
    Dec 3, 2018 at 14:32
  • @lucia de finetti That is always the case with almost everyone of us :) But we start somewhere right? could you show what you have done so far? Dec 3, 2018 at 14:33
  • @chrisma you anticipated me :) Raaja basically the answer that I and chrisma linked it's all I've got! Dec 3, 2018 at 14:34

1 Answer 1

13

as tikzpicture:

enter image description here

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

\begin{document}
    \begin{tikzpicture}[
node distance = 1mm and 3mm,
  start chain = A going below,
   dot/.style = {circle, draw=white, very thick, fill=gray,
                 minimum size=3mm},
   box/.style = {rectangle, text width=62mm,
                 inner xsep=4mm, inner ysep=1mm,
                 font=\sffamily\small\linespread{0.84}\selectfont,
                 on chain},
                        ]
    \begin{scope}[every node/.append style={box}]
\node { From september 2010 to september 2013   \\      % A-1
        \textcolor{gray}{Industrial design}     \\
        Universidad Antonio de Nebrija, Madrid} ;
\node { From september 2010 to september 2013   \\
        \textcolor{gray}{Industrial design}     \\
        Universidad Antonio de Nebrija, Madrid} ;
\node { From september 2010 to september 2013   \\      % A-3
        \textcolor{gray}{Industrial design}     \\
        Universidad Antonio de Nebrija, Madrid} ;
    \end{scope}
\draw[very thick, gray, {Triangle[length=4pt)]}-{Circle[length=3pt]},
      shorten <=-3mm, shorten >=-3mm]           % <--- here is adjusted additional arrow's 
    (A-1.north west) -- (A-3.south west);
\foreach \i [ count=\j] in {2013,2010,2006}
    \node[dot,label=left:\i] at (A-\j.west) {};
    \end{tikzpicture}
\end{document}
4
  • Very nice, thank you! How can I add a bit of space above the small dot and below the arrow? Dec 3, 2018 at 23:09
  • @luciadefinetti, i do not understand your ask. do you like to discontinue line? or make it longer? or shorter?
    – Zarko
    Dec 4, 2018 at 6:53
  • Just longer with more space between the arrow and the first entry and also more space between the last entry and the small dot. Thank you! Dec 4, 2018 at 7:22
  • @luciadefinetti, done. see edited answer.
    – Zarko
    Dec 4, 2018 at 7:33

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .