Skillset Plot

A UI component that helps to represent your skills in a visually appealing way. Based on Plotly Javascript Open Source Graphing Library

Features

• List your skills
• Show how much you know and how much you love a skill
• Group your skills (language, framework, devops etc.)
• Show/Hide skill groups

How to use

1. Download skillset-plot.js and example-input.json
2. Modify example-input.json according to your skills
3. Add the following lines to your HTML (example available at index.html)

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>
<script src="skillset-plot.js"></script>

Screenshot and demo

Demo: http://sulun.me/skillset-plot/