ڈی 3 جسٹ اے
- پچھلے پہلہ جسٹاگرام گوگل چارٹ
- آئندہ پہلہ جسٹاگرام مثال
D3.js یک کتابخانه JavaScript برای عمل بر روی دادههای HTML است.
D3.js به راحتی قابل استفاده است.
چگونه از D3.js استفاده کنیم؟
برای استفاده از D3.js در صفحه وب خود، لینک به کتابخانه را اضافه کنید:
<script src="//d3js.org/d3.v3.min.js"></script>
این اسکریپت عنصر body را انتخاب کرده و یک پاراگراف با متن "Hello World!" به آن اضافه میکند:
d3.select("body").append("p").text("Hello World!");
نمودار نقطهای
مثال
// ابعاد را تنظیم میکند
const xSize = 500;
const ySize = 500;
const margin = 40;
const xMax = xSize - margin*2;
const yMax = ySize - margin*2;
// نقاط تصادفی ایجاد میکند
const numPoints = 100;
const data = [];
for (let i = 0; i < numPoints; i++) {
data.push([Math.random() * xMax, Math.random() * yMax]);
}
// ترجمه SVG به صفحه اضافه میکند
const svg = d3.select("#myPlot")
.append("svg")
.append("g")
.attr("ترجمه", "ترجمه( + margin + "," + margin + ")");
// X 轴
- پچھلے پہلہ جسٹاگرام گوگل چارٹ
- آئندہ پہلہ جسٹاگرام مثال
