CDNにD3 V4マイクロライブラリをどのように指定できますか？

Question

私はcdnでマイクロライブラリをロードしたいと思います。

・どこかで正常に動作するサンプルコードはありますか？

---

▼

<script src="https://d3js.org/d3-scale.v1.js"></script> 

▼JS

var yScale = d3.scaleLinear() 
    .domain([10, 1200]) 
    .range([0, 500]); 
console.log(yScale(1200)); 
console.log(d3.version); 

エラー

Uncaught TypeError: d3Color.cubehelix is not a function

Answer 1

index.htmlをAPI目について非常に明確ですある：あなたがd3.scaleを使用するmicrolibrariesを参照したい場合は、あなたがこれらすべてを参照する必要があります。

<script src="https://d3js.org/d3-array.v1.min.js"></script> 
<script src="https://d3js.org/d3-collection.v1.min.js"></script> 
<script src="https://d3js.org/d3-color.v1.min.js"></script> 
<script src="https://d3js.org/d3-format.v1.min.js"></script> 
<script src="https://d3js.org/d3-interpolate.v1.min.js"></script> 
<script src="https://d3js.org/d3-time.v1.min.js"></script> 
<script src="https://d3js.org/d3-time-format.v2.min.js"></script> 
<script src="https://d3js.org/d3-scale.v1.min.js"></script> 

はさらに、APIは言う：

はここ

You can omit d3-time and d3-time-format if you’re not using d3.scaleTime or d3.scaleUtc

はデモです：

var yScale = d3.scaleLinear() 
 
    .domain([10, 1200]) 
 
    .range([0, 500]); 
 
console.log(yScale(1200)); 
 
console.log(d3.version);

<script src="https://d3js.org/d3-array.v1.min.js"></script> 
 
<script src="https://d3js.org/d3-collection.v1.min.js"></script> 
 
<script src="https://d3js.org/d3-color.v1.min.js"></script> 
 
<script src="https://d3js.org/d3-format.v1.min.js"></script> 
 
<script src="https://d3js.org/d3-interpolate.v1.min.js"></script> 
 
<script src="https://d3js.org/d3-time.v1.min.js"></script> 
 
<script src="https://d3js.org/d3-time-format.v2.min.js"></script> 
 
<script src="https://d3js.org/d3-scale.v1.min.js"></script>

yy表示されるのは、d3.versionはデフォルトのバンドルでのみ動作し、undefinedがここに返されます。

したがって、簡単な解決策は既定のバンドルを参照することです。縮小さ1の場合：

<script src="https://d3js.org/d3.v4.min.js"></script> 

そして、もう一つの非縮小さのために：理解しやすかった

<script src="https://d3js.org/d3.v4.js"></script>