D3 Examples - datastory

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="//d3js.org/d3.geo.projection.v0.min.js"></script>
  <script src="https://d3js.org/topojson.v1.min.js"></script>
  <style>
  </style>
</head>
​
<body>
  <h1>Graduation day: Not the end, but the beginning.</h1>
  <p>...of a never ending student debt crisis.</p>
  <p>And that debt is only rising for students and young graduates in Ontario. With tuition fees increasing 2-3 percent annually, more students are heavily relying on government loans. Graduates in larger chunks of debt that could take over a decade for graduates to pay off.</p>
  <section>
The weight of graduate student loans depend on your level of study.
  </section>
  <script>
 var diameter = 500;
    
 var bubble = d3.layout.pack()
         .sort
     
  </script>
</body>
​
    