title: Rendering static HTML in Meteor/Blaze
body: <p>I have been trying to include static HTML+JavaScript inside the Meteor / Telescope (telesc.pe) application, and have not been able to get things working with Blaze. </p>
  
  <p>To create a simpler case than my original, I have tried inserting a simple HTML + javascript code block (very basic D3.js visualization that creates a circle) in via Meteor which is below. This HTML block is stored inside a collection in MongoDB and accessed using the template below</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://mpld3.github.io/js/mpld3.v0.2.js"&gt;&lt;/script&gt;
    &lt;h1&gt;Circle&lt;/h1&gt;
      &lt;div id="viz"&gt;&lt;/div&gt;
    &lt;h1&gt;/Circle&lt;/h1&gt;
      &lt;script type="text/javascript"&gt;
  
      var sampleSVG = d3.select("#viz")
          .append("svg")
          .attr("width", 100)
          .attr("height", 100);
  
      sampleSVG.append("circle")
          .style("stroke", "gray")
          .style("fill", "white")
          .attr("r", 40)
          .attr("cx", 50)
          .attr("cy", 50)
          .on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
          .on("mouseout", function(){d3.select(this).style("fill", "white");});
  
      &lt;/script&gt;
  </code></pre>
  
  <p>I've been including it in Meteor as an unescaped tag. e.g.</p>
  
  <pre><code>&lt;template name="post_body"&gt;
    {{{ htmlBody }}}
  &lt;/template&gt;
  </code></pre>
  
  <p>The HTML inside the snippet above renders correctly (the text Circle and /Circle), but it does not appear to try to load any of the javascript elements that I have included.</p>
  
  <p>I am completely aware that this is not an optimal way to load a visualization into a Meteor app, but will most likely need to do it this way as the (more complicated) visualizations I'm using are generated statically using an external app.</p>
  
  <p>Any help on how to get this working would be much appreciated!</p>