Adding a bar graph in resume for skills

Question

I want to add skills using bar graphs in my resume. How do I do that? I want similar to this.

Hello and Welcome. Could you show us what you do so far ? see http://meta.tex.stackexchange.com/questions/3300/minimum-working-example-mwe — flav, Sep 29 '16 at 03:34
i am new to latex and have seen in one of the templates, \skills being used in this way-\skills{{pursuer of rabbits/5.8},{good manners/4},{outgoing/4.3},{polite/4},{Java/0.01}} — Vinay Kumar, Sep 29 '16 at 03:51
Some people take exception to questions of the form "Please do this for me". You will get more help if you post some code showing what you have tried and give a minimal working example. — , Sep 29 '16 at 05:21
Close voters: I think that a new user deserves more than one hours grace! — , Sep 29 '16 at 05:22
Possible duplicate of In-line graphics in text to represent a loading bar for language skills in a CV — Tobias Kienzler, Dec 11 '17 at 08:14
Close voters: although similar, line indicators are different from half-filled dots. This said, the OP should add a minimal working example. — , Dec 11 '17 at 08:46
You can find an example of command \skills in make-tikzpicture-automatically-insert-page-break-at-bottom-of-the-page — Ignasi, Feb 20 '18 at 10:24

score 8 · Answer 1 · answered Sep 29 '16 at 04:20

Simple basic code

\documentclass{article}
\usepackage{tikz}



\begin{document}

\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {Java};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (.1,.5);
\end{tikzpicture}

\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {polite};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (3.5,.5);
\end{tikzpicture}

\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {outgoing};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (4,.5);
\end{tikzpicture}

\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {good manners};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (3.5,.5);
\end{tikzpicture}

\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {pursuer of rabbits};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (4.8,.5);
\end{tikzpicture}
\end{document}

Someone · Answer 2 · 2018-02-20T08:16:35.527

I know it's late, but here is the code I extracted from the example where you made the screenshot:

\documentclass{report}
\usepackage[T1]{fontenc}
\usepackage{tikz}
\usepackage{xcolor}

\definecolor{white}{RGB}{255,255,255}
\definecolor{gray}{HTML}{4D4D4D}
\definecolor{maingray}{HTML}{B9B9B9}

\newcommand\skills[1]{ 
    \begin{tikzpicture}
        \foreach [count=\i] \x/\y in {#1}{
            \draw[fill=maingray,maingray] (0,\i) rectangle (6,\i+0.4);
            \draw[fill=white,gray](0,\i) rectangle (\y,\i+0.4);
            \node[above right] at (0,\i+0.4) {\x};
        }
    \end{tikzpicture}
}

\begin{document}
\skills{{b/2}}
\skills{{a/1}}
\end{document}

Adding a bar graph in resume for skills

2 Answers2

Linked