<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>???</title>

    <link rel="stylesheet" href="narrative.css" />
    <style>
    #chart svg {
      width: 2000px;
      height: 1000px;
    }
    </style>
  </head>

  <body>
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="narrative.js"></script>
    <script src="plot-charts.js"></script>
    <script>
      var p = new PlotChart("#chart", "chart", "toy-story-3.json")
    </script>

    <p id="chart">
    </p>
  </body>
</html>

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>???</title>

    <link rel="stylesheet" href="narrative.css" />
    <style>
    #chart svg {
      width: 2000px;
      height: 1000px;
    }
    </style>
  </head>

  <body>
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="narrative.js"></script>
    <script src="plot-charts.js"></script>
    <script>
      var p = new PlotChart("#chart", "chart", "toy-story-3.json")

      // only 10 most-frequent characters
      //p.redraw({fixed_characters: true, num_frequent: 10});

      // only specified characters
      //p.redraw({fixed_characters: true, characters: new Set(["ANDY", "BUZZ", "MOM", "BONNIE"]);

      // allow up to 10 characters per scene
      //p.redraw({too_many: 10});
    </script>

    <p id="chart">
    </p>
  </body>
</html>

Add examples of different configurations
Add examples of different configurations
