diff --git a/components/Charts.vue b/components/Charts.vue
index d15a7ca..3e367bd 100644
--- a/components/Charts.vue
+++ b/components/Charts.vue
@@ -2,7 +2,7 @@
 import {Bar} from 'vue-chartjs'
 import type {StatExport} from "~/server/utils/api/stats";
 
-const props = defineProps<{ url: string, mode: string }>();
+const props = defineProps<{ url: string, mode: string, explanation: string }>();
 
 const {data} = await useFetch<StatExport>(props.url, {query: {mode: props.mode}});
 let downloadData = computed(() => {
@@ -62,6 +62,42 @@ const chartOptions = ref({
       :data="chartData"
       :options="chartOptions"
   />
+  <div id="tooltip">
+    <Icon name="ph:question" size="25" style="color: var(--white)"/>
+    <div id="explanation" v-html="explanation">
+    </div>
+  </div>
 </template>
 <style scoped>
+#tooltip {
+  position: absolute;
+
+  top: 0;
+  right: 0;
+
+  &:not(:hover) {
+    #explanation {
+      display: none;
+    }
+  }
+
+  #explanation {
+    position: absolute;
+    right: 0;
+
+    background-color: var(--surface-200);
+    padding: 10px;
+    border-radius: 10px;
+
+    white-space: nowrap;
+  }
+}
+</style>
+
+<style>
+#explanation {
+  h4 {
+    margin: 0;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index c40dc2a..0e4e9ae 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -75,5 +75,6 @@ const countUrls = [
 
 #main {
   flex: 1;
+  position: relative;
 }
 </style>
diff --git a/pages/counts/[mode].vue b/pages/counts/[mode].vue
index e20a28c..b6bd47b 100644
--- a/pages/counts/[mode].vue
+++ b/pages/counts/[mode].vue
@@ -1,8 +1,16 @@
 <script setup lang="ts">
 import Charts from "~/components/Charts.vue";
+
 const route = useRoute();
+
+const explanation = `
+<h4>Number of versions that support a specif loader/game-version.</h4>
+If a version supports multiple loaders or game-versions
+<br/>
+the version will be counted every loader/game-version.
+`
 </script>
 
 <template>
-  <Charts :mode="route.params.mode as string" url="/api/counts"/>
+  <Charts :mode="route.params.mode as string" url="/api/counts" :explanation="explanation"/>
 </template>
\ No newline at end of file
diff --git a/pages/downloads/[mode].vue b/pages/downloads/[mode].vue
index 217dd23..2a90ce1 100644
--- a/pages/downloads/[mode].vue
+++ b/pages/downloads/[mode].vue
@@ -2,8 +2,14 @@
 import Charts from "~/components/Charts.vue";
 
 const route = useRoute();
+const explanation = `
+<h4>Number of downloads for a specif loader/game-version.</h4>
+If a version supports multiple loaders or game-versions
+<br/>
+the downloads will be divided equally between each loader/game-version.
+`
 </script>
 
 <template>
-  <Charts :mode="route.params.mode as string" url="/api/downloads"/>
+  <Charts :mode="route.params.mode as string" url="/api/downloads" :explanation="explanation"/>
 </template>
\ No newline at end of file