How react-motion determine the initial value to interpolate
<p>All:</p>

<p>Im pretty new to react-motion, I wonder when I use Motion like:</p>

<pre><code>&lt;Motion style={{x: spring(10)}}&gt;
  {interpolatingStyle =&gt; &lt;div style={interpolatingStyle} /&gt;}
&lt;/Motion&gt;
</code></pre>

<p>How  do I know which value is the initial value it uses to interpolate for the next value? And how can I interpolate an array(the purpose is to use that array with D3.js to generate a SVG path), something like:</p>

<pre><code>&lt;Motion style={{data: spring([final data])}}&gt;
  {interpolatingStyle =&gt; &lt;div d={linegenerator(interpolatingStyle.data)} /&gt;}
&lt;/Motion&gt;
</code></pre>

<p>Thanks</p>