title: Forced graph works with one set of data but not with similar set of other data
body: <p>Both data sets, data and data1, are structurally similar however I am getting <code>Error: missing: undefined</code> error when a test data is used.</p>
  
  <p>The observablehq is pointing the issue at:</p>
  
  <pre><code>    const simulation = d3.forceSimulation(nodes)
         .force("link", d3.forceLink(links).id(d =&gt; d.id))
         .force("charge", d3.forceManyBody())
         .force("center", d3.forceCenter(width / 2, height / 2));
  </code></pre>
  
  <p>The complete runable code is at: <a href="https://beta.observablehq.com/d/cab995be5e806a80" rel="nofollow noreferrer">https://beta.observablehq.com/d/cab995be5e806a80</a></p>
  
  <p><code>data = JSON.parse('{"nodes":[{"id":"K","group":1},{"id":"C","group":1},{"id":"J","group":1},{"id":"H","group":1},.....],"links":[{"source":"K","traget":"C","value":1},{"source":"J","traget":"H","value":1},{"source":"D","traget":"K","value":1},.....]}')</code>
  <strong>Above data set doesn't work</strong></p>
  
  <p><code>data1 = JSON.parse('{"nodes":[{"id":"Myriel","group":1},{"id":"Napoleon","group":1},{"id":"Mlle.Baptistine","group":1},...],"links":[{"source":"Napoleon","target":"Myriel","value":1},{"source":"Mlle.Baptistine","target":"Myriel","value":8},{"source":"Mme.Magloire","target":"Myriel","value":10},{"source":"Mme.Magloire","target":"Mlle.Baptistine","value":6},...]}')</code>
  <strong>This data set works</strong></p>
  
  <p>I am clueless on debugging this as both data structure look the same. </p>