javascript - d3.js v5 モジュールをポリマー 3 要素にインポートする方法は?

Question

以前に d3 v3 を使用して Polymer 1.x カスタム要素を作成しました。それらをポリマー 3 および d3 v5 に更新したいと考えています。

これは、d3 v5 を含めたいベース ポリマー 3 要素です。

import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';

/**
 * `foo-bar`
 * 
 *
 * @customElement
 * @polymer
 * @demo demo/index.html
 */
class FooBar extends PolymerElement {
  static get template() {
    return html`
      <style>
        :host {
          display: block;
        }
      </style>
      <h2>Hello [[prop1]]!</h2>
    `;
  }
  static get properties() {
    return {
      prop1: {
        type: String,
        value: 'foo-bar',
      },
    };
  }
  constructor() {
    super();
  }

  ready() {
    super.ready();
    console.log('foo-bar is ready!');
  }

}

window.customElements.define('foo-bar', FooBar);

電話するnpm install d3

この PolymerElement に d3 をインポートするにはどうすればよいですか? d3 を使用した 2 種類のポリマー要素があります。力と階層ポリマー要素の両方を実行しました。

d3 ライブラリを利用するには、ポリマー要素内のconstructor()またはready()関数で何かを行う必要があると考えています。

私は次のインポートを試みていました：

import 'd3/dist/d3.js';