D3.js

D3.js ita ce wani kogin JavaScript wanda ke amfani da HTML da data

D3.js ya kamata a amfani da shi.

如何使用 D3.js？

kamar yadda ake so ake amfani da D3.js a cikin shafin yanar gizo, a kama da wani rarrabuwa ga kogin

<script src="//d3js.org/d3.v3.min.js"></script>

tarihin na yau ya zartar da elementin body kuma ya yi wani sakin da nassosi "Hello World!"

d3.select("body").append("p").text("Hello World!");

Fara ƙarƙaƙa

散点图

实例

// tsa duniya
const xSize = 500;
const ySize = 500;
const margin = 40;
const xMax = xSize - margin*2;
const yMax = ySize - margin*2;
// ana tashi dake
const numPoints = 100;
const data = [];
for (let i = 0; i < numPoints; i++) {
  data.push([Math.random() * xMax, Math.random() * yMax]);
}
// zaɗa SVG takara a cikin shafin
const svg = d3.select("#myPlot")
  .append("svg")
  .append("g")
  .attr("transform","translate(\" + margin + \",\" + margin + \")");

Fara ƙarƙaƙa