// هذا الكود يوضع في الـ Custom Code وليس في صفحة التصميم
document.addEventListener("DOMContentLoaded", function() {
// استدعاء مكتبة D3 لرسم الخريطة
const svg = d3.select("#map-container")
.append("svg")
.attr("viewBox", [0, 0, 960, 500]);
// رسم القارات بناءً على ملف جيو-جرافيك حقيقي
d3.json("https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/world.geojson").then(function(data){
svg.selectAll("path")
.data(data.features)
.enter().append("path")
.attr("d", d3.geoPath().projection(d3.geoMercator()))
.style("fill", "#ccc"); // لون الخريطة الأساسي
});
});