bar chart.html

        <style>
            body {
                text-align: center;
            }
        </style>
    
        <script src="http://d3js.org/d3.v3.min.js"></script>
        <script src="http://dimplejs.org/dist/dimple.v2.0.0.min.js"></script>
        <script>
            function Display(data) {
                "use strict";
                var margin = 70,
                    width = 960 - margin,
                    height = 600 - margin;
                
                
                d3.select("body")
                    .append("h1")
                    .text("Sales of US Food Giants (in $ Billions)");
                
                var svg = d3.select("body")
                    .append("svg")
                        .attr("width", width)
                        .attr("height", height)
                    .append("g")
                        .attr("class", "chart");
                
                var myChart = new dimple.chart(svg, data);
                myChart.addCategoryAxis("x", "Brand");
                myChart.addMeasureAxis("y", "Sales");
                myChart.addSeries(null, dimple.plot.bar);
                myChart.draw();
            }
        </script>
        <script>d3.tsv("food.tsv", Display)</script>

food.tsv