JSFiddle - React, Tailwind, and code Playground

HTML

<style>
    /*svg {
            position: absolute;
        }*/

    .marker_green {
        fill: #b6ff00;
        stroke: #b6ff00;
    }

    .marker_red {
        fill: #FF0000;
        stroke: #FF0000;
    }  
</style>
 <div id="Grapgselect" class="pull-left" style="font-family:sans-serif; font-size:10px;">
</div>

JavaScript

var dataset = [
                                            { "DataYear": 2014, "AppName": "Appraisal Systems", "AppShortName": "Appraisals", "AverageValue": 95.80275, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": -0.203999999999994 },
                                            { "DataYear": 2014, "AppName": "Apple", "AppShortName": "Apple", "AverageValue": 91.37375, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": 0.534999999999997 },
                                            { "DataYear": 2014, "AppName": "Microsoft", "AppShortName": "CCC", "AverageValue": 100, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": -0.441000000000003 },
                                            { "DataYear": 2014, "AppName": "Pro2 ", "AppShortName": "Pro2", "AverageValue": 29.26725, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": 0.635999999999999 },
                                            { "DataYear": 2014, "AppName": "Pro1", "AppShortName": "Pro1", "AverageValue": 96.1579166666667, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": 0  },
                                            { "DataYear": 2014, "AppName": "EaglePro4", "AppShortName": "EaglePro4", "AverageValue": 96.1579166666667, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": 0.635999999999999 },
                                            { "DataYear": 2014, "AppName": "Pro5", "AppShortName": "Pro5", "AverageValue": 96.1579166666667, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": 0.635999999999999 },
                                            { "DataYear": 2014, "AppName": "Pro6", "AppShortName": "Pro6", "AverageValue": 96.1579166666667, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": 0.635999999999999 }

                            ];

                            Graph(dataset);
                            function...