REACT CONFUSION MATRIX

!Alt text

:hammer_and_wrench: Installation

Install it from npm and include it in your React build process (using Webpack, Browserify, etc).

``bash
npm install --save react-confusion-matrix
`
or:
`bash
yarn add react-confusion-matrix
`




:computer: Usage

To use the component, you need to provide the data (a bidimensional array) and labels (array).

-Example of data array:
`js
const dataArray = [
[33, 2, 0, 0, 0, 0, 0, 0, 0, 1, 3],
[3, 31, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 4, 41, 0, 0, 0, 0, 0, 0, 0, 1],
[0, 1, 0, 30, 0, 6, 0, 0, 0, 0, 1],
[0, 0, 0, 0, 38, 10, 0, 0, 0, 0, 0],
[0, 0, 0, 3, 1, 39, 0, 0, 0, 0, 4],
[0, 2, 2, 0, 4, 1, 31, 0, 0, 0, 2],
[0, 1, 0, 0, 0, 0, 0, 36, 0, 2, 0],
[0, 0, 0, 0, 0, 0, 1, 5, 37, 5, 1],
[3, 0, 0, 0, 0, 0, 0, 0, 0, 39, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 38],
];
`

-Example of data array:
`js
const labelsArray = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K"];
`

-Example of usage:
`jsx static
import React from 'react'
import {ConfusionMatrix} from 'react-confusion-matrix'

function MyApp(props) {
const {dataArray, labelsArray} = props;

return (



)
}
`
-Use the prop sideBar=true or sideBar=false` to show or hide the max and mis legend.
-Also, you can use the minBg, maxBg and labelBg props to modify the colors of the component.

:bug: Issues and requests

All the issues and feature requests must be created at the issue
section of the official ENAIA repository, and all the following discussions will be handled there.