title: How to perform an histogram with the following dictionary?
body: <p>I have a dictionary called dict that looks as follows:</p>
  
  <pre><code>var dict = {
    'Ex': 6,
    'C': 6,
    'blue': 2,
    'car': 2,
    'yellow': 2,
    'X': 4,
    'X3': 2
  };
  </code></pre>
  
  <p>I would like to plot an histogram of it, with the keys as the labels of the horizontal axis and the values of the dictionary that are the frecuency as the vertical axis, I tried:</p>
  
  <pre><code>&lt;canvas id="myChart" width="100" height="100"&gt;&lt;/canvas&gt;
  var ctx = document.getElementById("myChart");
  var myChart = new Chart(ctx, {
      type: 'bar',
      data: {
          labels: [],
          datasets: [{
              label: '# Frecuencies Words',
              data: [],
  
              borderWidth: 1
          }]
      },
      options: {
          scales: {
              yAxes: [{
                  ticks: {
                      beginAtZero:true
                  }
              }]
          }
      }
  });
  </code></pre>
  
  <p>However the problem is that I am not sure of how to proceed to use the values of the dictionary to perform the graph, I would like to appreciate any suggestion to achieve this, I built the following jsfiddle to explain better the situation: <a href="https://jsfiddle.net/xbbc677o/" rel="nofollow">https://jsfiddle.net/xbbc677o/</a></p>