multiple SVG transitions on Click D3.js
<p>I have been working on attempting to load in a csv plot a circle with text in the middle and have a transition run when where the circle and the text change and move location. I continue to get cannot read property of undefined which can be seen in this:</p>

<h2>JS Fiddle</h2>

<p><a href="https://jsfiddle.net/g53p16xa/1/" rel="nofollow">https://jsfiddle.net/g53p16xa/1/</a></p>

<p>which oddly enough displays differently than on my computer where I use method:</p>

<pre><code>d3.csv('AcreageData.csv', function (data) { CODE HERE }
</code></pre>

<p>rendered in chrome. I have been able to change the circle location and size through transition, however the text will stay in the same spot can anyone help me out I cant seem to get this to work.</p>