ReactSkillSet

Intuitive job-candidate skill visualization, taking advantage of D3.js and JSONResume and React too !

REACT WRAPPER & PACKAGE MADE BY Romain OLIVIER

Live site:

• https://jac21.github.io/SkillSet/

Live demo:

• https://jac21.github.io/viz.html

Installing

npm i react-skillset

Usage

You'll first need to generate the csv file for your data. I redirect you to the authors page:

• https://jac21.github.io/SkillSet/

In your React App, do like so: !!!THE CSV FILE IS MANDATORY!!!

import React from "react";
import SkillSet from "react-skillset";
import CsvFile from 'LINK-TO-MY-CSV-FILE.csv';
 
const Profile = () => {
 
  return (
    <div>
        <SkillSet  
            csv={CsvFile}  
        />
    </div>
  );
};
 
export default Profile;

Other Options

The currently supported option for the SkillSet are: - The Width - The Height - The Nodes' Color (default is schemeCategory10)

The colors are limited and are from the d3 set, Use any of the "Categorical" by entering their name without "scheme".

        <SkillSet  
            csv={CsvFile}
            width={1000}
            height={1000}
            color={"Paired"}  
        />

React Wrapper for Jac21's SkillSet (https://github.com/Jac21/SkillSet)