index.html

<head>
  <meta charset="utf-8">
  <script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
  <script src="https://cdn.jsdelivr.net/npm/vega-lite@4"></script>
  <script src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>

<body>  
  <!-- <div id="eval_forgetting_curve"></div>
  <div id="eval_recall_rate"></div> -->
  <div id="composition"></div>
  <!-- <div id="recall_rate"></div>
  <div id="forgetting_curve"></div>
  <div id="user_463_recall_rate"></div>
  <div id="user_463_forgetting_curve"></div> -->

  <script>
  	// vegaEmbed("#eval_forgetting_curve", "figures_stat/eval_forgetting_curve.json");
  	// vegaEmbed("#eval_recall_rate", "figures_stat/eval_recall_by_sm2_repetition.json");
  	vegaEmbed("#composition", "https://www.matthewshu.com/assets/composition.json");
  	// vegaEmbed("#recall_rate", "figures_stat/recall_by_sm2_repetition.json");
  	// vegaEmbed("#forgetting_curve", "figures_stat/forgetting_curve_by_sm2_repetition.json");
  	// vegaEmbed("#user_463_recall_rate", "figures_stat/user_463_recall_by_sm2_repetition.json");
  	// vegaEmbed("#user_463_forgetting_curve", "figures_stat/user_463_forgetting_curve_by_sm2_repetition.json");
  </script>
</body>