d3_data_static.html

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="d3.v3.min.js" type="text/javascript"></script>
</head>
<body>
  <div>
    <p>Premier paragraphe</p>
    <p>Deuxième Paragraphe</p>
  </div>
  <script type="text/javascript">
  	var dataset = [5, 12, 23, 43, 65];
    // TODO compléter le code suivant, pour remplacer les p par les données ci-dessus * 2
    var elements = d3.select("div")
    	.selectAll("p")
    	.data(dataset)
      .text(function(d) { return d * 2 });
    // END

    // TODO rajouter des noeuds pour les données manquantes
    elements.enter()
      .append("p")
      .text(function(d) { return "new data : " + d*3 });
    // END

    // TODO redimensionner l'affichage avec les nouvelles données en enlevant les noeuds "en trop"
    dataset = [2, 5]
    elements.data(dataset)
      .exit()
      .transition()
      .remove();
  </script>
</body>
</html>