title: How to preserve the dataset encoding sent from the backend for the google chart rendering?
body: <p>A google line chart renders correctly when I give data like this:
  `</p>
  
  <pre><code>google.charts.setOnLoadCallback(drawBasic);
  function drawBasic() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'X');
  data.addColumn('number', 'keyword');
  data.addRows([['56', 2], ['77', 3], ['54', 6]])
  </code></pre>
  
  <p>When I send the data from the backend to be embedded in the data.addRows, it modifies my string values:</p>
  
  <p>backend return code:</p>
  
  <p><code>da=[['56', 2], ['77', 3], ['54', 6]]
  return render_template("line_chart.html", data=da)</code></p>
  
  <p>line_chart.html code:</p>
  
  <pre><code>function drawBasic() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'X');
  data.addColumn('number', 'keyword');
  dataset = {{(data)}}
  data.addRows(dataset)
  </code></pre>
  
  <p>When I check the console: </p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected token &amp;</p>
  </blockquote>
  
  <p>and the dataset is modified
  <code>dataset =[[&amp;#39;56&amp;#39;, 2], [&amp;#39;77&amp;#39;, 3], [&amp;#39;54&amp;#39;, 6]]</code></p>
  
  <p>How to prevent this modification?</p>