title: How to create a historgram from json
body: <p>I need to create a nice looking histogram using a json response from my back-end service.</p>
  
  <p>I have looked into some freely available charting api, but none I found has option to create histogram.</p>
  
  <p>Before I embark on daring and laborious task of create a histogram from scratch using jquery/css, I want to check here if someone already know solution to my problem. </p>
  
  <p>BTW, I am familiar with Google's charting <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart" rel="nofollow">api</a>  and used it before. But, that too didn't have histogram option.</p>
  
  <p>My example of service response json looks like this:</p>
  
  <pre><code>{
     "hist_values":[
        {
           "start_value":"0",
           "end_value":"0.1",
           "count":624202
        },
        {
           "start_value":"0.1",
           "end_value":"0.2",
           "count":80706
        },
        {
           "start_value":"0.2",
           "end_value":"0.3",
           "count":48601
        },
        {
           "start_value":"0.3",
           "end_value":"0.4",
           "count":14064
        },
        {
           "start_value":"0.4",
           "end_value":"0.5",
           "count":1619
        },
        {
           "start_value":"0.5",
           "end_value":"0.6",
           "count":1255
        }
     ]
  }
  </code></pre>
  
  <p>There are some other similar question/answers on stackoverflow.com, since none of them answered my question satisfactorily, so I am posting a new one.</p>