D3 Examples - práctica D3.js

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <link href='//fonts.googleapis.com/css?family=Architects Daughter' rel='stylesheet'>
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <link rel="stylesheet" type="text/css" href="main.css"> 
    
</head>
​
<body>
  
    <div id='title'>
    <h1>¿Quién vive más años?</h1>
    <h3> una historia de cómo se relacionan el GDP per capita, la esperanza de vida y los nacimientos medios por países (tamaño de la burbuja)</h3>
     <h4> Puedes hacer click en los elementos de la leyenda para activarlos o desactivarlos o pasar el ratón por las burbujas para ver su detalle</h4>
  </div>
 
  <div id='grafico' class='bubblechart'>
  </div>
  
<div id='footer'>
    Datos: <a href="https://data.worldbank.org/">The World Bank</a>. Promedios desde 1997 a 2015.
  </div>
  
  <script src="viz2.js"></script>
 
  
</body>
    