Basic scatterplot visualising skills vs interests. This is a work in progress. My goal is to build a nice visualisation to use in resumés, using d3.js.
To use the normal js version, just add an empty div with the id "my_plot" in your html and link to scatterplot.js.
To use the react version, just add the react-scatterplot.js to your React app, and change the filename to Skills.js.
These are features I'm planning on implementing.
- Prevent overlapping labels
- Add tooltip for descriptions
- Add some animations
Contributions and suggestions for improvement are more than welcome!
Thanks to Yan Holz and d3.js Graph Gallery for the description on how to build scatterplots.