What is the correct way to import and use d3 and its submodules in ES6? : <p>I'm trying to use a number of d3 packages in a Vue.js project with NPM for package management. I was trying to make a fiddle of a problem I'm having but am unable to replicate the issue there - the code works exactly as it should do.</p>

<p>I'm trying to identify differences between the code running in JSFiddle and the code running in my app and (aside from obvious fact that I'm not running Vue.js in the fiddle) the big one is how I'm importing my extra libraries. In the fiddle I'm adding links to the relevant libraries from CDNJS while in my app I'm using NPM and <code>import</code>. This is all to run charts using <code>dc</code>, which builds on a lot of <code>d3</code> features. My complete imports for the chart component is:</p>

<pre><code>import dc from 'dc'
import crossfilter from 'crossfilter2'
import * as time from 'd3-time'
import * as scale from 'd3-scale'
</code></pre>

<p>I'm not using any features from the base <code>d3</code> module.</p>

<p>The fiddle in question is here: <a href="https://jsfiddle.net/y1qby1xc/10/" rel="noreferrer">https://jsfiddle.net/y1qby1xc/10/</a></p>
