Skip to content
This repository has been archived by the owner on May 4, 2023. It is now read-only.
/ skillset-plot Public archive

A UI component that helps to represent skills in a visually appealing way

License

Notifications You must be signed in to change notification settings

sulunemre/skillset-plot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/

Screenshot

About

A UI component that helps to represent skills in a visually appealing way

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published