title: Update d3 chart with newly inserted data in a Meteor collection after form submission
body: <p>My Meteor application is somewhat simple and displays a d3 chart generated with server calculated data stored in a newly inserted mongodb document:</p>
  
  <ul>
  <li>the user fills a simple form and clicks the submit button</li>
  <li>the server does some async work and CPU intensive calculation using the form data</li>
  <li>a new <em>Calculus</em> document with 2 fields (<em>formData</em> and <em>calculatedResult</em>) is inserted in a mongodb <em>Calculi</em> collection</li>
  <li>the SVG chart is updated with the newly calculated data</li>
  </ul>
  
  <p>Despite <a href="https://github.com/meteor/meteor/blob/master/examples/parties/client/client.js">reading the Meteor parties example</a> which makes use of d3, <a href="http://blog.benmcmahen.com/post/41124327100/using-d3-and-meteor-to-generate-scalable-vector">this tutorial on using d3 and Meteor to generate SVG</a> and <a href="http://www.eventedmind.com/posts/meteor-build-a-reactive-data-source">this screencast on how to build a reactive data source</a>, I'm getting really confused! I'm getting a hard time properly understanding reactive data sources, templates and dependencies in Meteor.</p>
  
  <p>I can't seem to be able to make the SVG chart updates after a new <em>Calculus</em> document is inserted.</p>
  
  <p>Here's my question: what's a comprehensive, newbie-friendly way to automatically update a d3 generated SVG chart with server-calculated data received after submitting a form that inserts a document in a collection?</p>