title: accessing a python dictionary in javascript
body: <p>I need to access a dictionary (country_stat) within javascript in a django template. I'm using google charts api that have this javascript code. The below code runs great and prints a neat map. But the values are static. </p>
  
  <pre><code>function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Germany', 2],
      ['United States', 3],
      ['Brazil', 4],
      ['Canada', 5],
      ['France', 6],
      ['RU', 7]
    ]);
  </code></pre>
  
  <p>Printing country_stat within content block is successful. </p>
  
  <pre><code>{% for key, value in country_stat.items %}
  {{key}}, {{value}}
  {% endfor %}
  </code></pre>
  
  <p>prints,</p>
  
  <pre><code>India, 2 Russia, 1 
  </code></pre>
  
  <p>But I don't know how to plug this into the javascript code.</p>