Primaisa

• d3.zip

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

#Pendahuluan

#Pilihan

var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
  var paragraph = paragraphs.item(i);
  paragraph.style.setProperty("color", "blue", null);
}

d3.selectAll("p").style("color", "blue");

d3.select("body").style("background-color", "black");

#Properti Dinamis

d3.selectAll("p").style("color", function() {
  return "hsl(" + Math.random() * 360 + ",100%,50%)";
});

d3.selectAll("p").style("color", function(d, i) {
  return i % 2 ? "#fff" : "#eee";
});

d3.selectAll("p")
  .data([4, 8, 15, 16, 23, 42])
    .style("font-size", function(d) { return d + "px"; });

#Masuk dan Keluar

d3.select("body")
  .selectAll("p")
  .data([4, 8, 15, 16, 23, 42])
  .enter().append("p")
    .text(function(d) { return "I’m number " + d + "!"; });

// Update…
var p = d3.select("body")
  .selectAll("p")
  .data([4, 8, 15, 16, 23, 42])
    .text(function(d) { return d; });

// Enter…
p.enter().append("p")
    .text(function(d) { return d; });

// Exit…
p.exit().remove();

#Transformasi, bukan Representasi

#Transisi

d3.select("body").transition()
    .style("background-color", "black");

d3.selectAll("circle").transition()
    .duration(750)
    .delay(function(d, i) { return i * 10; })
    .attr("r", function(d) { return Math.sqrt(d * scale); });

Apa itu basis data spasial dalam GIS?

Apa saja atribut tabel di GIS?

• Hubungan satu-ke-satu
• Hubungan satu-ke-banyak
• Hubungan many-to-many

•       Proses konversi data vektor ke raster disebut Rasterization.

•       Proses konversi data raster ke vektor disebut Vectorization.

Sekian dari postingan ini, Sampai ketemu lain waktu...