D3 - Declarative API

D3 Selection

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    p {
      color: blue;
      font-size: 18px;
    }
  </style>
</head>

<body>
  <p>
    Veggies es bonus vobis, proinde vos postulo essum magis 		kohlrabi welsh onion daikon amaranth tatsoi tomatillo 			melon azuki bean garlic.
  </p>

<p>
    Gumbo beet greens corn soko endive gumbo gourd. Parsley 		shallot courgette tatsoi pea sprouts fava bean collard 			greens dandelion okra wakame tomato. Dandelion cucumber 		earthnut pea peanut soko zucchini.
  </p>

<p>
    Turnip greens yarrow ricebean rutabaga cauliflower sea 			lettuce kohlrabi amaranth water spinach avocado daikon 			napa cabbage asparagus winter purslane kale.
  </p>

<p>
    Celery potato scallion desert raisin horseradish 
    carrot soko. Lotus root water spinach fennel kombu maize
    bamboo shoot green bean swiss chard seakale pumpkin
    onion.
  </p>

<p>
    Nori grape silver beet broccoli kombu beet greens fava
    bean potato quandong celery. Bunya nuts black-eyed pea
    prairie turnip leek lentil turnip greens parsnip.
  </p>
  <script>
		// Vanilla javascript		
    var paragraphs = document.querySelectorAll('p');
    console.log(paragraphs);
    
    // Change text color of all p elements to black using 	vanilla javascript
//     paragraphs.forEach(function(p) {
//       p.style.color = '#000';
//     })
    
    // Change text color of all p elements to red with D3
    //d3.selectAll('p').style('color', 'red');
    //console.log(d3.selectAll('p'));

</script>
</body>

https://d3js.org/d3.v4.min.js