Statistical Bar Chart

This experiment shows the results of some classifier algorithm. Each bar corresponds to a different algorithm. In particular this bar chart tries to visualise and make comparable the four statistical numbers of binary classification: True Positive (TP), True Negative (TN), False Positive (FP) and False Negative (FN). Each of these components are represented in the diagram using bars with different color and height:

TP are green and high;
TN are red and high;
FP are green and small;
FN are red and small.

Moreover, it shows the accuracy of the algorithms as the union of the high bars (TP + TN). The first bar in the diagram represents the ideal algorithm in which there are only TP and TN and no FP and FN.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Statistics Bar Chart</title>
        <link type="text/css" href="index.css" rel="stylesheet"/>
        <script src="https://d3js.org/d3.v3.min.js"></script>
    </head>
    <body>
        <svg></svg>
        <script src="index.js"></script>
    </body>
</html>
    

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js