block by curran 6bc5d520d588227d201df12350fbe7ba

The Vibratory Effect of Texture

Full Screen

A D3 replica of figure 1 on page 80 of “Semiology of Graphics”.

The Vibratory Effect of Texture
Black and white combined in a certain way over areas can create the uncomfortable sensation produced by figure 1. This visual effect constitutes a remarkable selective possibility when it is properly utilized. – Jacques Bertin

Built with blockbuilder.org

index.html

<!DOCTYPE html>
<script src="https://d3js.org/d3.v4.min.js"></script>
<svg width="960" height="500"></svg>
<script>
  var svg = d3.select("svg"),
      width = +svg.attr("width"),
      height = +svg.attr("height"),
      n = 80;

  svg.selectAll("rect").data(d3.range(n))
    .enter().append("rect")
      .attr("width", width / n / 2)
      .attr("height", height)
      .attr("x", function (d){ return d * width / n; });
</script>