d3-jetpackとd3v4の使い方は？

Question

私は、これはあなたがそれをグラフ描画再作成しようとしています：https://bl.ocks.org/1wheel/07d9040c3422dac16bd5be741433ff1e

それは私がここで見つけるD3-ジェットパックであるd3.conventions機能が必要です。https://github.com/gka/d3-jetpack

生d3v4版はこちらです：https://raw.githubusercontent.com/gka/d3-jetpack/master/build/d3v4%2Bjetpack.js

^このファイルをindex.htmlと同じフォルダに保存しました。

私のプロジェクトのindex.htmlにどのようにインポートしますか？

ATTEMPTここで1

は、私が試したものです：

<script> 
var d3 = Object.assign({}, require('d3v4+jetpack.js')); 
</script> 

これは私が取得エラーです：キャッチされないにReferenceError：必要が

試みを定義されていない2

追加<script src="d3v4+jetpack.js"></script>でhtmlファイルのヘッダ。 d3.conventionsがまだ見つかりません。

Answer 1

あなたはは、スクリプト内負荷バニラd3はならない、d3v4+jetpack.jsへのご参考バイケースであると考えられるよう、一緒にd3とjetpackルートを下ることを選択した場合。

const d3j = require('d3-jetpack/build/d3v4+jetpack'); 

上記の行は私のためです。あなたはもちろんのようなものにあなたのコードを適応させる必要があるので、それはd3j代わりのd3を公開していることに注意してください：

const x = d3j.scaleLinear(); 

希望、これはあなたを助けます！