D3.js
- Mwizi wa mbali Maelezo ya Google Charts ya JS
- Mwizi wa mbele Mifano ya JS
D3.js ni kumbukumbu ya JavaScript inayotumika kwa kushahara data ya HTML.
D3.js inapakia kwa haraka.
Kutumia D3.js?
Kama unataka kutumia D3.js kwenye ukurasa, tafadhali ongeza kiungo kwa kumbukumbu
<script src="//d3js.org/d3.v3.min.js"></script>
Hii mshairi unachagua ukurasa wa body na kuongeza mawingu yenye ya maelezo "Hello World!"
d3.select("body").append("p").text("Hello World!");
msingi wa data
mifano
// kuzingatia ukurabu
const xSize = 500;
const ySize = 500;
const margin = 40;
const xMax = xSize - margin*2;
const yMax = ySize - margin*2;
// kuzungumza vingine vya data
const numPoints = 100;
const data = [];
for (let i = 0; i < numPoints; i++) {
data.push([Math.random() * xMax, Math.random() * yMax]);
}
// kuwa SVG kinaongezwe kwenye ukurasa
const svg = d3.select("#myPlot")
.append("svg")
.append("g")
.attr("transform","translate(\" + margin + \",\" + margin + \")");
- Mwizi wa mbali Maelezo ya Google Charts ya JS
- Mwizi wa mbele Mifano ya JS
