League Charts

Generate League of Legends charts

Demo

Storybook: https://league-charts.vercel.app/storybook/

Example

const leagueCharts = new LeagueCharts("riot-api-key");
leagueCharts.barChart({
  chartStat: "totalDamageDealtToChampions",
  chartContext: document.getElementById("champion-damage-chart"),
  summonerName: "AudreyRuston",
  chartOptions: {
    responsive: false,
  },
});

<canvas id="champion-damage-chart" width="750" height="500" />

const leagueCharts = new LeagueCharts("riot-api-key");
leagueCharts.lineChart({
  chartStat: "totalGold",
  chartContext: document.getElementById("gold-advantage-chart"),
  summonerName: "AudreyRuston",
  chartOptions: {
    responsive: false,
  },
});

<canvas id="gold-advantage-chart" width="800" height="400" />

  const leagueCharts = new LeagueCharts("riot-api-key");
  leagueCharts.scoreboard({
    chartContext: document.getElementById("scoreboard"),
    summonerName: "AudreyRuston",
  });

<canvas id="scoreboard" width="800" height="450" />