https://gv-lastfm-playground.vercel.app/js/main.js

1import {renderYearCharts} from "./charts/YearChart.js";
2import {renderTopListener} from "./TopListener.js";
3import {renderStackedAreaChart} from "./charts/StackedAreaChart.js";
4import {renderBubbleChart} from "./charts/BubbleChart.js";
5import {renderJoyDivision} from "./charts/JoyDivision.js";
6import {renderLineBubbleChart} from "./charts/LineBubbleChart.js";
7import {renderTopCharts} from "./charts/TopItem.js";
8import {renderTopTracks} from "./charts/TopTracks.js";
9import {triggerAnimations} from "./animations.js";
10import {introAnimationInit} from "./animations/Intro.anime.js";
11
12document.addEventListener("DOMContentLoaded", () => {
13  let renderCharts = () => {
14    return new Promise((resolve) => {
15      renderYearCharts();
16      renderTopListener();
17      renderStackedAreaChart();
18      renderJoyDivision();
19      renderBubbleChart();
20      renderLineBubbleChart();
21      renderTopCharts();
22      renderTopTracks();
23      resolve();
24    });
25  };
26  let render = async () => {
27    introAnimationInit();
28    triggerAnimations();
29    await renderCharts();
30    swiper.init();
31    swiper.on("slideChange", function () {
32      triggerAnimations();
33      Highcharts?.charts?.forEach((chart) => {
34        chart.tooltip.hide();
35        chart.reflow();
36      });
37    });
38    swiper.on("keyPress", (swiper, keyCode) => {
39      switch (keyCode) {
40        case 32: // space
41          swiper.slideNext();
42          break;
43      }
44    });
45  };
46
47  render();
48});