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": "Ferrari Systems", "AppShortName": "Ferrari", "AverageValue": 95.80275, "AverageOrganizationValue": 84.7438088235294, "ComparedToPreviousMonth": -0.203999999999994 },


                            ];

                            Graph(dataset);
                            function Graph(input) {
                                var margin = {
                                    top: 30,
                                    right: 40,
                                    bottom: 100,
                                    left: 80
                                }, w =50 *input.length
                                h = 500 - margin.top - margin.bottom;
                                var padding = 10;

                                // update the margin based on the title size
                                var titleSize = measure("Title of Diagram", "title");
                                margin.top = titleSize.height + 20;

                                //Create X Scale for bar graph
                                var xScale = d3.scale.ordinal().domain(input.map(function (d) {
                                    return d.AppName;
                                })).rangeRoundBands([0, w], 0.05);

                                //Create Y Scale for bar graph
                                var yScale = d3.scale.linear().domain([0, d3.max(input, function (d) {
                                    return d.AverageValue;
                                })]).range([h, 0]);

                                //Create X Axis
                                var xAxis = d3.svg.axis().scale(xScale).orient("bottom");

                                //Create Y Axis
                                var yAxis = d3.svg.axis().scale(yScale).orient('left').ticks(5);

                                //Create SVG element
                                var svg =...