cityBarChart.js

function displayBar() {
        var margin = {
                top: 20,
                right: 20,
                bottom: 30,
                left: 100
            };
        var width = 960 - margin.left - margin.right;
        var height = 600 - margin.top - margin.bottom;
    
        const data = d3.csv("https://raw.githubusercontent.com/akhilchainani/cs498DVAssignment/master/Preprocessed_Rent.csv",
                            function(d) {
                              return {
                                Location: d.Location,
                                Location_Type: d.Location_Type,
                                State: d.State,
                                Bedroom_Size: d.Bedroom_Size,
                                Price_2014_AVG: +d.Price_2014_AVG,
                                Price_2015_AVG: +d.Price_2015_AVG,
                                Price_2016_AVG: +d.Price_2016_AVG,
                                Price_2017_AVG: +d.Price_2017_AVG,
                                Price_2018_AVG: +d.Price_2018_AVG,
                                Price_2019_AVG: +d.Price_2019_AVG
                              };
                            });
        d3.select('body')
        .selectAll('p')
        .data(data)
        .enter()
        .append('p')
        .filter(function(d) { return d.Bedroom_Side === "Studio"; })
        .html(function(d,i) { return d.Location + " " + d.Price_2019_AVG; });
}