AnyChart sample

HTML

<script src="//cdn.anychart.com/js/7.10.1/anychart-bundle.min.js"></script>
<script src="//cdn.anychart.com/js/7.12.0/anychart-bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.anychart.com/css/latest/anychart-ui.min.css" />

<div id="container"></div>

CSS

html, body, #container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

anychart.onDocumentReady(function() {
           //dataset
        var data = anychart.data.set([
            ["$0-$50,000", 68],
            ["$50,000-$100,000", 13],
            ["$100,000-$150,000", 6],
            ["$150,000-$250,000", 6],
            ["$250,000 - plus", 7]
        ])

        var chart = anychart.pyramid(data);

        //adjust legend
        var legend = chart.legend();
        legend.enabled(true);
        legend.position("left");
        legend.align("center");
        legend.itemsLayout("vertical");

        //create title
        var title = chart.title();
        title.text("Pop Out");
        title.enabled(true);

        //define the container
        chart.container("container");
        
        chart.animation(true, 800);

        //set delay to recall draw ch art to 
        chart.draw();

  

});