diff --git a/src/javascript/Heatmap-5.js b/src/javascript/Heatmap-5.js
deleted file mode 100644
index 8f99ed3..0000000
--- a/src/javascript/Heatmap-5.js
+++ /dev/null
@@ -1,162 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Based on original work by Jonas Kjeldmand Jensen, July 2024
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-const FONT_SIZE = 16;
-const NOISE_SCALE = 0.0008;
-const EMOJI_CATEGORIES = {
-  blue: [],
-  cyan: [],
-  green: [],
-  yellow: [],
-  orange: [],
-  red: [],
-};
-
-/**
- * Setup function to initialize the canvas and categorize emojis
- */
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-  categorizeEmojis();
-}
-
-/**
- * Categorize emojis based on their prominent colors
- */
-function categorizeEmojis() {
-  const emojiRanges = [
-    [0x1F300, 0x1F5FF],
-    [0x1F600, 0x1F64F],
-    [0x1F680, 0x1F6FF],
-    [0x1F900, 0x1F9FF],
-    [0x2600, 0x26FF],
-    [0x2700, 0x27BF],
-    [0x1F400, 0x1F4FF]
-  ];
-
-  for (let range of emojiRanges) {
-    for (let code = range[0]; code <= range[1]; code++) {
-      const emoji = String.fromCodePoint(code);
-      const category = getEmojiCategory(emoji);
-      if (category) {
-        EMOJI_CATEGORIES[category].push(emoji);
-      }
-    }
-  }
-
-  // Ensure each category has at least one emoji
-  for (let category in EMOJI_CATEGORIES) {
-    if (EMOJI_CATEGORIES[category].length === 0) {
-      EMOJI_CATEGORIES[category].push('❓');
-    }
-  }
-}
-
-/**
- * Determine the category of an emoji based on its prominent color
- * This is a simplified version and may not be 100% accurate
- * @param {string} emoji - The emoji character
- * @returns {string|null} The category name or null if not categorized
- */
-function getEmojiCategory(emoji) {
-  const blueEmojis = '🌊🌎🐳🐬🦋🐟💙🔵🧢👖🚙🏊‍♂️🐋🦕🧿🥶❄️🌀🧊🎐🐦🦀💧🌌🌠🌃🛰️🛸🚀🔹🔷🛡️🌀📘✳️🟦🌌🌉';
-  const cyanEmojis = '🐋🐳🐟🐬💎🔷💠🌊🔹🌀🎐';
-  const greenEmojis = '🌿🍀🌱🌲🥬🥦🐸💚🟢🧪🥝🍏🦎🐊🐢🍃🥗🧑‍🌾🍉🍈🥒🥑🌳🌵🐍🐲🪴🦎🦖';
-  const yellowEmojis = '🌻🌟🍋🍌🐥💛🟨🏆🌕🔶☀️🌞🍯🐤🚕🍍⭐🌼🧀🐝🐤🦋💛🟡🌝🌟';
-  const orangeEmojis = '🍊🎃🦁🔶🟧🟠🍑🥕🦊🧡🍁🦒🐅🥭🧳🔸🦺🏀🚼🦧🦊';
-  const redEmojis = '🍎🍓🌹❤️🔴🟥🏮🚨👹🐞🍅🌶️🍒🦞🦀🆘🧨🏥🚗🐙🦑🧛‍♂️🧟‍♀️🦌🦧';
-
-  if (blueEmojis.includes(emoji)) return 'blue';
-  if (cyanEmojis.includes(emoji)) return 'cyan';
-  if (greenEmojis.includes(emoji)) return 'green';
-  if (yellowEmojis.includes(emoji)) return 'yellow';
-  if (orangeEmojis.includes(emoji)) return 'orange';
-  if (redEmojis.includes(emoji)) return 'red';
-  return null;
-}
-
-/**
- * Draw function to render emojis on the canvas
- */
-function draw() {
-  background(220);
-
-  const time = frameCount * 0.0009;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-    }
-  }
-}
-
-/**
- * Calculate Perlin noise value for given coordinates and time
- * @param {number} x - X coordinate
- * @param {number} y - Y coordinate
- * @param {number} time - Time factor for animation
- * @returns {number} Noise value between 0 and 1
- */
-function calculateNoiseValue(x, y, time) {
-  return noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-}
-
-/**
- * Get emoji character based on noise value
- * @param {number} noiseValue - Perlin noise value between 0 and 1
- * @returns {string} Emoji character
- */
-function getEmojiFromNoiseValue(noiseValue) {
-  let category, adjustedNoiseValue;
-  if (noiseValue < 0.25) {
-    category = 'blue';
-    adjustedNoiseValue = map(noiseValue, 0, 0.25, 0, 1);
-  } else if (noiseValue < 0.4) {
-    category = 'cyan';
-    adjustedNoiseValue = map(noiseValue, 0.25, 0.4, 0, 1);
-  } else if (noiseValue < 0.55) {
-    category = 'green';
-    adjustedNoiseValue = map(noiseValue, 0.4, 0.55, 0, 1);
-  } else if (noiseValue < 0.725) {
-    category = 'yellow';
-    adjustedNoiseValue = map(noiseValue, 0.55, 0.725, 0, 1);
-  } else if (noiseValue < 0.85) {
-    category = 'orange';
-    adjustedNoiseValue = map(noiseValue, 0.725, 0.85, 0, 1);
-  } else {
-    category = 'red';
-    adjustedNoiseValue = map(noiseValue, 0.85, 1, 0, 1);
-  }
-
-  const categoryEmojis = EMOJI_CATEGORIES[category];
-  const index = floor(adjustedNoiseValue * categoryEmojis.length);
-  return categoryEmojis[index];
-}
-
-/**
- * Handle mouse dragging to update offsets
- */
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * 0.4;
-  yOffset += (pmouseY - mouseY) * 0.4;
-}
-
-/**
- * Handle window resizing
- */
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
diff --git a/src/javascript/Heatmap-v1.js b/src/javascript/Heatmap-v1.js
deleted file mode 100644
index 19f0b3d..0000000
--- a/src/javascript/Heatmap-v1.js
+++ /dev/null
@@ -1,166 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Based on original work by Jonas Kjeldmand Jensen, July 2024
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-const FONT_SIZE = 16;
-const NOISE_SCALE = 0.00125;
-const EMOJI_CATEGORIES = {
-    blue: [],
-    cyan: [],
-    green: [],
-    yellow: [],
-    orange: [],
-    red: [],
-    purple: [],
-    magenta: [],
-  };
-
-/**
- * Setup function to initialize the canvas and categorize emojis
- */
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-  categorizeEmojis();
-}
-
-/**
- * Categorize emojis based on their prominent colors
- */
-function categorizeEmojis() {
-  const emojiRanges = [
-    [0x1F300, 0x1F5FF],
-    [0x1F600, 0x1F64F],
-    [0x1F680, 0x1F6FF],
-    [0x1F900, 0x1F9FF],
-    [0x2600, 0x26FF],
-    [0x2700, 0x27BF],
-    [0x1F400, 0x1F4FF]
-  ];
-
-  for (let range of emojiRanges) {
-    for (let code = range[0]; code <= range[1]; code++) {
-      const emoji = String.fromCodePoint(code);
-      const category = getEmojiCategory(emoji);
-      if (category) {
-        EMOJI_CATEGORIES[category].push(emoji);
-      }
-    }
-  }
-
-  // Ensure each category has at least one emoji
-  for (let category in EMOJI_CATEGORIES) {
-    if (EMOJI_CATEGORIES[category].length === 0) {
-      EMOJI_CATEGORIES[category].push('❓');
-    }
-  }
-}
-
-/**
- * Determine the category of an emoji based on its prominent color
- * This is a simplified version and may not be 100% accurate
- * @param {string} emoji - The emoji character
- * @returns {string|null} The category name or null if not categorized
- */
-function getEmojiCategory(emoji) {
-  const purple ='😈👿💟💜👾🙆‍♀️🤷‍♀️🤰🍇🍆🌂🎆🪁🔮🧿🚺🛐🕉️🕎🔯⛎🟪🟣' ;
-  const magenta = '💘💝💖💗💓💞💕🧠🫀🫁👅👄🫦💅👩‍🎤🧞‍♀️🏄‍♀️🦄🐷🐖🐽🦩🐙🪱🌸💮🪷🌷🍠🍣🍤🍭🍬💒🏩💈🎀🎟️👙👚👛🛍️🧬🧫🏳️‍⚧️👩🏻‍🎤🏄🏻‍♀️' ;
-  const blueEmojis = '💙💦💤🧞‍♂️🦕🐳🐋🐬🐟🦈🦋🪺🫐🧊🥣🌍🌎🌏🌐🗺️🗾🏞️🌃🏙️🚆🛝🚎🎑🚙🛻⛴️💺🛬💧🌊🌀🥏🧿🪬🧵👔👕👖🧢💎📪🗳️🛗🛋️🖌️📘🪣🩻🟦🔵🔷🔹';
-  const cyanEmojis = '🦜🐠🐬🌊🦈🥶🐋🐳🐟🐬💎🔷💠🎽';
-  const greenEmojis = '🌿🍀🌱🌲🥬🥦🐸💚🟢🧪🥝🍏🦎🐊🐢🦜🍃🥗🧑‍🌾';
-  const yellowEmojis = '🌻🌟🍋🍌🐥💛🟨🏆🌕🔶☀️🌞🍯🐤🚕🍍⭐🌼🧀';
-  const orangeEmojis = '🍊🎃🦁🔶🟧🟠🍑🥕🦊🧡🍁🦒🐅🥭🧳🔸🦺🏀🚼';
-  const redEmojis = '🍎🍓🌹❤️🔴🟥🏮🚨👹🐞🍅🌶️🍒🦞🦀🆘🧨🚗';
-
-  if (purple.includes(emoji)) return 'purple';
-  if (magenta.includes(emoji)) return 'magenta';
-  if (blueEmojis.includes(emoji)) return 'blue';
-  if (cyanEmojis.includes(emoji)) return 'cyan';
-  if (greenEmojis.includes(emoji)) return 'green';
-  if (yellowEmojis.includes(emoji)) return 'yellow';
-  if (orangeEmojis.includes(emoji)) return 'orange';
-  if (redEmojis.includes(emoji)) return 'red';
-  return null;
-}
-
-/**
- * Draw function to render emojis on the canvas
- */
-function draw() {
-  background(220);
-
-  const time = frameCount * 0.01;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-    }
-  }
-}
-
-/**
- * Calculate Perlin noise value for given coordinates and time
- * @param {number} x - X coordinate
- * @param {number} y - Y coordinate
- * @param {number} time - Time factor for animation
- * @returns {number} Noise value between 0 and 1
- */
-function calculateNoiseValue(x, y, time) {
-  return noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-}
-
-/**
- * Get emoji character based on noise value
- * @param {number} noiseValue - Perlin noise value between 0 and 1
- * @returns {string} Emoji character
- */
-function getEmojiFromNoiseValue(noiseValue) {
-    let category;
-    if (noiseValue < 0.25) {
-      category = 'blue';
-    } else if (noiseValue < 0.3) {
-      category = 'cyan';
-    } else if (noiseValue < 0.4) {
-      category = 'green';
-    } else if (noiseValue < 0.5) {
-      category = 'yellow';
-    } else if (noiseValue < 0.6) {
-      category = 'orange';
-    } else if (noiseValue < 0.7) {
-      category = 'red';
-    } else if (noiseValue < 0.8) {
-      category = 'purple';
-    } else {
-      category = 'magenta';
-    }
-  
-    const categoryEmojis = EMOJI_CATEGORIES[category];
-    const index = floor(map(noiseValue, 0, 1, 0, categoryEmojis.length));
-    return categoryEmojis[index];
-}
-  
-/**
- * Handle mouse dragging to update offsets
- */
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * 0.4;
-  yOffset += (pmouseY - mouseY) * 0.1;
-}
-
-/**
- * Handle window resizing
- */
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
\ No newline at end of file
diff --git a/src/javascript/Heatmap-v2.js b/src/javascript/Heatmap-v2.js
deleted file mode 100644
index 8cc02a9..0000000
--- a/src/javascript/Heatmap-v2.js
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Based on original work by Jonas Kjeldmand Jensen, July 2024
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-let mouseSensitivity = 0.6;
-const FONT_SIZE = 16;
-const NOISE_SCALE = 0.0006;
-const EMOJI_CATEGORIES = {
-  purple: ['😈', '🔮', '👿', '🧕', '🤷‍♀️', '🤰', '🌸', '🌷', '🌺','🎆'],
-  blue: ['🌊', '🌎', '🐟', '💙', '🔵', '🧢', '👖', '🧵', '👔', '🥏', '🟦', '🔹', '🧿', '🔷', '🚙', '🥶', '🌀', '🩻', '📘', '💎', '🛋️', '💠', '🧊', '🛗'],
-  cyan: ['🐬', '🐋', '🐳', '🐟', '🐬', '🪣', '👗', '🩴'],
-  green: ['🌿', '🍀', '🌱', '🐲', '🌲', '🥬', '🤢', '🥦', '🧩', '🐍', '🐉', '🐸', '💚', '🔋', '🤮', '🧃', '📗', '🟢', '🔫', '🧪', '🦚', '🦖', '🥝', '🍏', '🦎', '🐊', '🐢', '🍃', '🧑‍🌾'],
-  yellow: ['🌻', '🌟', '🍋', '🍌', '🐥', '🦁', '💛', '🎗️', '🚡', '🟨', '🏆', '🎫', '🌕', '🌞', '🛎️', '📒', '🐤', '🚕', '🍍', '🍺', '⭐', '🧀'],
-  orange: ['🍊', '🎃', '🦁', '🔶', '🟧', '🟠', '🦊', '🍑', '🥕', '🦐', '🏺', '🦊', '🍁', '🍯', '📙', '🧡', '💥', '🔥', '🎁', '🚚', '🦧', '🐅', '🍂', '🦺', '🏀'],
-  red: ['🍎', '🍓', '🌹', '🔴', '🟥', '🏮', '💢', '🚗', '🚨', '🦀', '🦞', '🤬', '⛽', '🍉', '🛑', '🥊', '🏓', '🚩', '🚒', '🩸', '🧰', '🥩', '💃', '👹',  '🌹', '🐞', '🥵', '👺', '🥫', '💋', '😡', '💯', '💔', '🍅', '❤️‍🔥', '🌶️', '🍒', '🆘', '🧨', '🚗'],
-};
-
-/**
- * Setup function to initialize the canvas
- */
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-}
-
-/**
- * Draw function to render emojis on the canvas
- */
-function draw() {
-  background(220);
-
-  const time = frameCount * 0.00075;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-    }
-  }
-}
-
-/**
- * Calculate Perlin noise value for given coordinates and time
- * @param {number} x - X coordinate
- * @param {number} y - Y coordinate
- * @param {number} time - Time factor for animation
- * @returns {number} Noise value between 0 and 1
- */
-function calculateNoiseValue(x, y, time) {
-  return noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-}
-
-/**
- * Get emoji character based on noise value
- * @param {number} noiseValue - Perlin noise value between 0 and 1
- * @returns {string} Emoji character
- */
-function getEmojiFromNoiseValue(noiseValue) {
-  let category, adjustedNoiseValue;
-  if (noiseValue < 0.3) {
-    category = 'purple';
-    adjustedNoiseValue = map(noiseValue, 0, 0.30, 0, 1);
-  } else if (noiseValue < 0.3) {
-    category = 'blue';
-    adjustedNoiseValue = map(noiseValue, 0.27, 0.3, 0, 1);
-  } else if (noiseValue < 0.4) {
-    category = 'cyan';
-    adjustedNoiseValue = map(noiseValue, 0.3, 0.4, 0, 1);
-  } else if (noiseValue < 0.5) {
-    category = 'green';
-    adjustedNoiseValue = map(noiseValue, 0.4, 0.5, 0, 1);
-  } else if (noiseValue < 0.6) {
-    category = 'yellow';
-    adjustedNoiseValue = map(noiseValue, 0.5, 0.6, 0, 1);
-  } else if (noiseValue < 0.7) {
-    category = 'orange';
-    adjustedNoiseValue = map(noiseValue, 0.6, 0.7, 0, 1);
-  } else {
-    category = 'red';
-    adjustedNoiseValue = map(noiseValue, 0.7, 1, 0, 1);
-  }
-
-  const categoryEmojis = EMOJI_CATEGORIES[category];
-  const index = floor(adjustedNoiseValue * (categoryEmojis.length - 1));
-  return categoryEmojis[index];
-}
-
-
-/**
- * Handle mouse dragging to update offsets
- */
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * mouseSensitivity;
-  yOffset += (pmouseY - mouseY) * mouseSensitivity;
-}
-
-/**
- * Handle window resizing
- */
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
\ No newline at end of file
diff --git a/src/javascript/Heatmap-v3(islands).js b/src/javascript/Heatmap-v3(islands).js
deleted file mode 100644
index 273d263..0000000
--- a/src/javascript/Heatmap-v3(islands).js
+++ /dev/null
@@ -1,220 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Based on original work by Jonas Kjeldmand Jensen, July 2024
- * Modified to include more color ranges and balance color distribution
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-const FONT_SIZE = 16;
-let NOISE_SCALE = 0.0001;
-const EMOJI_CATEGORIES = {
-  purple: [],
-  magenta: [],
-  blue: [],
-  cyan: [],
-  green: [],
-  yellow: [],
-  orange: [],
-  red: [],
-};
-
-let colorCounts = {
-  purple: 0, magenta: 0, blue: 0, cyan: 0,
-  green: 0, yellow: 0, orange: 0, red: 0
-};
-let totalEmojis = 0;
-
-/**
- * Setup function to initialize the canvas and categorize emojis
- */
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-  categorizeEmojis();
-}
-
-/**
- * Categorize emojis based on their prominent colors
- */
-function categorizeEmojis() {
-  const emojiRanges = [
-    [0x1F300, 0x1F5FF],
-    [0x1F600, 0x1F64F],
-    [0x1F680, 0x1F6FF],
-    [0x1F900, 0x1F9FF],
-    [0x2600, 0x26FF],
-    [0x2700, 0x27BF],
-    [0x1F400, 0x1F4FF]
-  ];
-
-  for (let range of emojiRanges) {
-    for (let code = range[0]; code <= range[1]; code++) {
-      const emoji = String.fromCodePoint(code);
-      const category = getEmojiCategory(emoji);
-      if (category) {
-        EMOJI_CATEGORIES[category].push(emoji);
-      }
-    }
-  }
-
-  // Ensure each category has at least one emoji
-  for (let category in EMOJI_CATEGORIES) {
-    if (EMOJI_CATEGORIES[category].length === 0) {
-      EMOJI_CATEGORIES[category].push('❓');
-    }
-  }
-}
-
-/**
- * Determine the category of an emoji based on its prominent color
- * This is a simplified version and may not be 100% accurate
- * @param {string} emoji - The emoji character
- * @returns {string|null} The category name or null if not categorized
- */
-function getEmojiCategory(emoji) {
-  const purple ='😈👿💜👾🍇🍆🌂🟪🟣';
-  const magenta = '💘💝💖💗💓💞💕🧠🫀🫁💅👩‍🎤🦄🦩🐙🪱🌸💮🪷🌷🍠🍣🍤💒🏩🎀🎟️👙👚👛🛍️🧬🧫🏳️‍⚧️👩🏻‍🎤🏄🏻‍♀️';
-  const blueEmojis = '💙💦💤🧞‍♂️🦕🐳🐋🐬🐟🦋🪺🫐🧊🥣🌍🌎🌏🗺️🏞️🏙️💧🌊🌀🥏🧿🪬🧵👔👖🧢💎📪🗳️🛗🛋️📘🪣🩻🟦🔵🔷🔹';
-  const cyanEmojis = '🐠🐬🌊🥶🐋🐳🐟🐬💎🔷💠';
-  const greenEmojis = '🌿🍀🌱🌲🥬🥦🐸💚🟢🧪🥝🍏🎽🦎🐊🐢🍃🧑‍🌾';
-  const yellowEmojis = '🌻🌟🍋🍌🟨🌕🔶☀️🌞🐥🍍⭐🧀';
-  const orangeEmojis = '🍊🎃🦁🔶🟧🟠🍑🥕🧡🐅🔸🏀🦊';
-  const redEmojis = '🍎🍓🌹🟥👹🍅🌶️🍒';
-
-  if (purple.includes(emoji)) return 'purple';
-  if (magenta.includes(emoji)) return 'magenta';
-  if (blueEmojis.includes(emoji)) return 'blue';
-  if (cyanEmojis.includes(emoji)) return 'cyan';
-  if (greenEmojis.includes(emoji)) return 'green';
-  if (yellowEmojis.includes(emoji)) return 'yellow';
-  if (orangeEmojis.includes(emoji)) return 'orange';
-  if (redEmojis.includes(emoji)) return 'red';
-  return null;
-}
-
-/**
- * Draw function to render emojis on the canvas
- */
-function draw() {
-  background(220);
-
-  const time = frameCount * 0.001;
-  colorCounts = {purple: 0, magenta: 0, blue: 0, cyan: 0, green: 0, yellow: 0, orange: 0, red: 0};
-  totalEmojis = 0;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-      
-      // Count the emojis
-      const category = getEmojiCategory(emoji);
-      if (category) {
-        colorCounts[category]++;
-        totalEmojis++;
-      }
-    }
-  }
-
-  // Adjust NOISE_SCALE based on color distribution
-  adjustNoiseScale();
-}
-
-/**
- * Calculate Perlin noise value for given coordinates and time
- * @param {number} x - X coordinate
- * @param {number} y - Y coordinate
- * @param {number} time - Time factor for animation
- * @returns {number} Noise value between 0 and 1
- */
-function calculateNoiseValue(x, y, time) {
-    const baseNoise = noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-    const detailNoise = noise((x + xOffset) * NOISE_SCALE * 8, (y + yOffset) * NOISE_SCALE * 8, time * 3) * 0.3;
-    return constrain(baseNoise * 0.8 + detailNoise, 0, 1);
-  }
-/**
- * Get emoji character based on noise value
- * @param {number} noiseValue - Perlin noise value between 0 and 1
- * @returns {string} Emoji character
- */
-function getEmojiFromNoiseValue(noiseValue) {
-    // Use a custom mapping to spread out the colors more evenly
-    let mappedValue;
-    if (noiseValue < 0.1) {
-      mappedValue = map(noiseValue, 0, 0.1, 0, 0.125); // Purple
-    } else if (noiseValue < 0.3) {
-      mappedValue = map(noiseValue, 0.1, 0.3, 0.125, 0.25); // Magenta
-    } else if (noiseValue < 0.5) {
-      mappedValue = map(noiseValue, 0.3, 0.5, 0.25, 0.5); // Blue and Cyan
-    } else if (noiseValue < 0.7) {
-      mappedValue = map(noiseValue, 0.5, 0.7, 0.5, 0.75); // Green and Yellow
-    } else if (noiseValue < 0.9) {
-      mappedValue = map(noiseValue, 0.7, 0.9, 0.75, 0.875); // Orange
-    } else {
-      mappedValue = map(noiseValue, 0.9, 1, 0.875, 1); // Red
-    }
-  
-    let category;
-    if (mappedValue < 0.25) {
-      category = 'purple';
-    } else if (mappedValue < 0.3) {
-      category = 'magenta';
-    } else if (mappedValue < 0.4) {
-      category = 'blue';
-    } else if (mappedValue < 0.5) {
-      category = 'cyan';
-    } else if (mappedValue < 0.6) {
-      category = 'green';
-    } else if (mappedValue < 0.7) {
-      category = 'yellow';
-    } else if (mappedValue < 0.8) {
-      category = 'orange';
-    } else {
-      category = 'red';
-    }
-  
-    const categoryEmojis = EMOJI_CATEGORIES[category];
-    const index = floor(map(mappedValue, 0, 1, 0, categoryEmojis.length));
-    return categoryEmojis[index];
-  }
-
-/**
- * Adjust NOISE_SCALE to balance color distribution
- */
-function adjustNoiseScale() {
-    const idealCount = totalEmojis / 8; // Assuming 8 color categories
-    const purpleRatio = colorCounts.purple / idealCount;
-    const redRatio = colorCounts.red / idealCount;
-    const middleRatio = (colorCounts.cyan + colorCounts.green + colorCounts.yellow) / (3 * idealCount);
-  
-    if (purpleRatio < 0.5 || redRatio < 0.5) {
-      NOISE_SCALE *= 10.0; // Increase scale if we're not seeing enough outliers
-    } else if (middleRatio > 1.2) {
-      NOISE_SCALE *= 1.05; // Decrease scale if we're seeing too many middle colors
-    }
-  
-    NOISE_SCALE = constrain(NOISE_SCALE, 0.001, 0.01);
-  }
-
-/**
- * Handle mouse dragging to update offsets
- */
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * 0.4;
-  yOffset += (pmouseY - mouseY) * 0.4;
-}
-
-/**
- * Handle window resizing
- */
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
\ No newline at end of file
diff --git a/src/javascript/Heatmap-v4.js b/src/javascript/Heatmap-v4.js
deleted file mode 100644
index f330350..0000000
--- a/src/javascript/Heatmap-v4.js
+++ /dev/null
@@ -1,172 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Based on original work by Jonas Kjeldmand Jensen, July 2024
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-const FONT_SIZE = 16;
-const NOISE_SCALE = 0.006;
-const EMOJI_CATEGORIES = {
-    blue: [],
-    cyan: [],
-    green: [],
-    yellow: [],
-    orange: [],
-    red: [],
-    purple: [],
-    magenta: [],
-  };
-
-/**
- * Setup function to initialize the canvas and categorize emojis
- */
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-  categorizeEmojis();
-}
-
-/**
- * Categorize emojis based on their prominent colors
- */
-function categorizeEmojis() {
-  const emojiRanges = [
-    [0x1F300, 0x1F5FF],
-    [0x1F600, 0x1F64F],
-    [0x1F680, 0x1F6FF],
-    [0x1F900, 0x1F9FF],
-    [0x2600, 0x26FF],
-    [0x2700, 0x27BF],
-    [0x1F400, 0x1F4FF]
-  ];
-
-  for (let range of emojiRanges) {
-    for (let code = range[0]; code <= range[1]; code++) {
-      const emoji = String.fromCodePoint(code);
-      const category = getEmojiCategory(emoji);
-      if (category) {
-        EMOJI_CATEGORIES[category].push(emoji);
-      }
-    }
-  }
-
-  // Ensure each category has at least one emoji
-  for (let category in EMOJI_CATEGORIES) {
-    if (EMOJI_CATEGORIES[category].length === 0) {
-      EMOJI_CATEGORIES[category].push('❓');
-    }
-  }
-}
-
-/**
- * Determine the category of an emoji based on its prominent color
- * This is a simplified version and may not be 100% accurate
- * @param {string} emoji - The emoji character
- * @returns {string|null} The category name or null if not categorized
- */
-function getEmojiCategory(emoji) {
-  const purple ='😈👿💟💜👾🍇🍆🌂🎆🪁🔮🧿🟪🟣' ;
-  const magenta = '💘💝💖💗💓💞💕🧠🫀🫁👅👄🫦💅👩‍🎤🧞‍♀️🏄‍♀️🦄🐷🐖🐽🦩🐙🪱🌸💮🪷🌷🍠🍣🍤🍭🍬💒🏩💈🎀🎟️👙👚👛🛍️🧬🧫🏳️‍⚧️👩🏻‍🎤🏄🏻‍♀️' ;
-  const blueEmojis = '💙💦💤🧞‍♂️🦕🐳🐋🐬🐟🦈🦋🪺🫐🧊🥣🌍🌎🌏🌐🗺️🗾🏞️🌃🏙️🚆🚎🎑🚙⛴️💺🛬💧🌊🌀🥏🧿🪬🧵👔👕👖🧢💎📪🗳️🛗🛋️📘🪣🩻🟦🔵🔷🔹';
-  const cyanEmojis = '🦜🐠🐬🌊🦈🥶🐋🐳🐟🐬💎🔷💠🎽';
-  const greenEmojis = '🌿🍀🌱🌲🥬🥦🐸💚🟢🧪🥝🍏🦎🐊🐢🍃🥗🧑‍🌾';
-  const yellowEmojis = '🌻🌟🍋🍌🐥💛🟨🏆🌕🔶☀️🌞🍯🐤🚕🍍⭐🌼🧀';
-  const orangeEmojis = '🍊🎃🦁🔶🟧🟠🍑🥕🦊🧡🍁🦒🐅🥭🧳🔸🦺🏀🚼';
-  const redEmojis = '🍎🍓🌹❤️🔴🟥🏮🚨👹🐞🍅🌶️🍒🦞🦀🆘🧨🚗';
-
-  if (purple.includes(emoji)) return 'purple';
-  if (magenta.includes(emoji)) return 'magenta';
-  if (blueEmojis.includes(emoji)) return 'blue';
-  if (cyanEmojis.includes(emoji)) return 'cyan';
-  if (greenEmojis.includes(emoji)) return 'green';
-  if (yellowEmojis.includes(emoji)) return 'yellow';
-  if (orangeEmojis.includes(emoji)) return 'orange';
-  if (redEmojis.includes(emoji)) return 'red';
-  return null;
-}
-
-/**
- * Draw function to render emojis on the canvas
- */
-function draw() {
-  background(220);
-
-  const time = frameCount * 0.01;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-    }
-  }
-}
-
-/**
- * Calculate Perlin noise value for given coordinates and time
- * @param {number} x - X coordinate
- * @param {number} y - Y coordinate
- * @param {number} time - Time factor for animation
- * @returns {number} Noise value between 0 and 1
- */
-function calculateNoiseValue(x, y, time) {
-  return noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-}
-
-/**
- * Get emoji character based on noise value
- * @param {number} noiseValue - Perlin noise value between 0 and 1
- * @returns {string} Emoji character
- */
-function getEmojiFromNoiseValue(noiseValue) {
-    let category;
-    if (noiseValue < 0.125) {
-        category = 'blue';
-    } else if (noiseValue < 0.25) {
-        category = 'cyan';
-    } else if (noiseValue < 0.375) {
-        category = 'green';
-    } else if (noiseValue < 0.5) {
-        category = 'yellow';
-    } else if (noiseValue < 0.625) {
-        category = 'orange';
-    } else if (noiseValue < 0.75) {
-        category = 'red';
-    } else if (noiseValue < 0.875) {
-        category = 'purple';
-    } else {
-        category = 'magenta';
-    }
-
-    const categoryEmojis = EMOJI_CATEGORIES[category];
-    
-    // Ensure the index is within bounds of the categoryEmojis array
-    const normalizedNoiseValue = map(noiseValue, 0, 1, 0, categoryEmojis.length - 1);
-    const index = floor(normalizedNoiseValue);
-    
-    // Return an emoji from the selected category based on the index
-    return categoryEmojis[index];
-}
-
-  
-/**
- * Handle mouse dragging to update offsets
- */
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * 0.4;
-  yOffset += (pmouseY - mouseY) * 0.4;
-}
-
-/**
- * Handle window resizing
- */
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
\ No newline at end of file
diff --git a/src/javascript/full-heatmap(not working due to emojis).js b/src/javascript/full-heatmap(not working due to emojis).js
deleted file mode 100644
index 7dc9cde..0000000
--- a/src/javascript/full-heatmap(not working due to emojis).js	
+++ /dev/null
@@ -1,152 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Based on original work by Jonas Kjeldmand Jensen, July 2024
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-let mouseSensitivity = 0.4;
-const FONT_SIZE = 16;
-const NOISE_SCALE = 0.005;
-const EMOJI_CATEGORIES = {
-  deeppurple: '🫂👥👤🗣️👣🎇🎆🔮🌃🌆🎮💣🕹️♟️📓🔌🕋🗄️🎬🌩️⛈️',
-  purple: '😈👿💟💜🧕🐈‍⬛🐾🕷️🐜🤩🍇🍆😎🍷🌚🌘🌂🐧👾☂️☔🪀🧤🖨️📲📱🖲️📼🎥📔📸🗜️🔙🔚🔛🔜🔝✖️➕➖➗🟰☑️✔️➰➿🟣🟪🧕🏿🧕🏼',
-  lightpurple: '🛐⚛️🕉️✡️☸️☯️✝️☦️☪️☮️🕎🔯♈♉♊♋♌♍🥳♎♏♐♑♒♓⛎⚧️🟪🚺💷🪄🎲🤹🏻🤹🏼‍♀️👩🏾‍🤝‍👩🏿👭🏼🫐🥘🗻💾🍳⛸️⌚🛰️🏥🛹🤖🍱',
-  magenta: '🦄🦩🌷🌺🪷🌸💮🪱🐙🥰😍💗🦜🐖😜🤪🐷🐽🍠💗🫕🍧🦑🧁🍭🥤🧠🫀👅👄🫦👩‍❤️‍👩👨‍❤️‍👨👩‍❤️‍👨💑👩‍❤️‍💋‍👩👨‍❤️‍💋‍👨👩‍❤️‍💋‍👨💏💐🏓🪅🪆🎴🎨🀄🎰👚👛👙🩱🩰💄🪗📍🪛🫧🧼🏳️‍⚧️💏🏻💏🏼👩🏿‍❤️‍💋‍👩🏿👩🏾‍❤️‍👩🏿👩🏼‍❤️‍👨🏾',
-  darkblue: '💙🏊‍♀️🏊‍♂️🏊🐟🐬🥣🧊🌍🌎🌏🗺️🚝🛢️⛴️⛈️🌩️🌊🌀🌌🧿👔🔍🛌🔎📫📪📭📬🖋️🖊️🚍🩹🪒🩻🪣🛏️🛋️🔵🔷❄️🩴🔹👩🏿‍🏭👩🏽‍🏭👩🏻‍🏭👨🏽‍🏭🧑🏽‍🏭🧑🏻‍🏭🫃🏿🦸🏻🦸🏼‍♂️🦸🏽‍♀️🪢🧶🧵🧙🏿🏊🏿🏊🏿‍♂️🏊🏻🩺🧿💺🧢🪒🏊🏽🏊🏻🕺🏿🕺🏾🕺🏻👩🏿‍🏭',
-  lightblue: '🥶💦💤🙅‍♂️🙆‍♂️💁‍♂️🙋‍♂️🦸🦸‍♂️🦸‍♀️🚣🚣‍♂️🚣‍♀️🏄‍♂️😨😰🕺🏂⛷️💇‍♂️👩‍🔧🧑‍🔧👮👮‍♀️👮‍♂️🧞🏂🤽‍♂️🚣‍♂️🤽🐠🪰🛡️🫗🥃🫙🏞️🌐🧙🏾‍♀️🧙🏽‍♀️🧙🏼‍♀️🧙🏻‍♀️🧙🏿‍♀️🧙🏻👮🏻👮🏿👮🏻‍♂️👮🏿‍♂️👮🏽‍♀️👮🏿‍♀️👮🏾‍♀️👮🏿‍♂️👮🏼‍♀️🚝🧳⚓💺🛢️🛥️⛴️🛴🏬🚉🚙🚏🪡🎭🪬🎐⚽🏸🥽👖👗👘🥿🛍️💎📘💶💉🧫🛗💳👓♾️⚕️🙅🏻‍♂️🤷🏻‍♂️👨🏼‍🔧🧑🏻‍🏭👮🏾‍♂️👮🏾‍♀️👮🏻‍♀️🧙🏼‍♀️🧙🏻‍♀️🧚🏼‍♂️🧚🏽‍♂️🦸🏽‍♂️🦸🏼‍♂️🚣🏼‍♂️🏄🏼‍♂️🏄🏾‍♂️🏄🏼‍♀️🚣🏾‍♀️🤽🏻',
-  cyan: '⚽🐠🐬🌊🏄‍♂️🐋🪞🐳🧟🧟‍♂️🧟‍♀️🐟🐬💎🧳💠🌊🥏😭😱🐳🐋🐬🩲🐟💻🖥️🌬️👖🥣🚙⏲️🏊‍♂️🐋🚅🚆🥶💍🎞️📺❄️💧🧊🎐🪪🎛️🩹🏧🚮🚰♿🚹🚻🚼🚾🛂🛃🛄🛅⬆️↗️➡️↘️⬇️↙️⬅️↖️↩️↪️⤴️⤵️🔃🔀🔁🔂🏙️▶️⏩⏭️⏯️◀️⏪⏮️🔼⏫🆗🅿🆙🈁🈂️🟦🔽⏬⏸️⏹️⏺️⏏️🎦📶#️⃣🆖🆕🆓🆒🔤🔣🔢🔡🈳💠🔠🦸🏻🧙🏽🧙🏾🧙🏿🚣🏿🚣🏽🚣🏻👮🏾👮🏻',
-  emeraldgreen: '🥦🧆⛳🎽🏇🌲🌳🥝🫒🌽🐓💐🫑🥒🦆🪖🧝🏔️⛰️🐢🧌🌴🌾🍈🍾🌄🧝🏻🧝🏾👨🏻‍🏫👨🏿‍🏫🧑🏻‍🏫🧑🏾‍🏫🥗🔰🗽🛺🎄🎋🎍',
-  limegreen: '🤮👽🤑🌱🦗🍃🪴🌵🌿☘️🍏🍐🥑🥬🧃🍸🗾⛺🥎🖼️🧩👕🥻🔋📟📚📗🏕️🖍️🔫⚗️🧪🪦',
-  peargreen: '🧜‍♂️🧜‍♀️🦚🐸🦕🐊🦎🐍🟢🟩🐲🐉🦖🍀🪲🐛💲🧜🏼‍♂️🧜🏼🧜🏽‍♀️♻️🌏🌍🌍🗺️',
-  chartreusgreen: '🤢💚✅🚵🚵‍♂️🚵‍♀️❎✳️❇️🈯💹🏜️🏘️👨‍🍼🦠🚜🚛🚎🚃🚞🛣️🛤️🩳🏡🏞️🏠🏚️🏘️💵💸🪂🚃',
-  mustardyellow: '🌭🍕🍔🐕🦮🐶🦮🐕‍🦺🪐🐈🐆🦒🐫🐪🏈🐐🦌🐹🐿️🦥🪶🦉🐌🥠🦘🐡🫥🪺🥧🍰🎂🍪🍦🍗🧇🥞🥯🦪🪹🤠🍍🥔📦🧄🧅🥜🍞🥐🥖🫓🥨🥟🍘🥮🧋🥚🪃🥙🌯🌮🥪💰🪘🏫🏨⛪🕍🚌🚈🚃🎠🧸🧥👒💴🏏🏒🛷⚱️👜📿📜🕯️🪤',
-  paradiseyellow: '🦳🦲🤙👈👉👆🖕👇☝️🫵🫱🫲🫳🫴👌🌓🌔🌕🌖🌗🌙🏆🏅🎁🎗️🎫🎖️🥇🏉🌛🌜🤌🦱🦱🤏✌️🤞🫰👋🤚🖐️✋🖖🤟🤘🧒👦👧🧑👱👨🧔🧔‍♂️🧔‍♀️👨‍🦰👨‍🦱👨‍🦲👩👩‍🦱🧑‍🦱✍️👶👃🧭🦻👂🦶🦵💪👍💛👎✊👊🤛🤜👏🙌🫶👐☀️🌝🌞✨⭐🟡🌟🤲🐥🐤👼🫔🐣🤝⌛⏳👱‍♂️🚕🚖🚚⛵🛸🎷🎊⛱️👱‍♀️🧑‍🦲🧽🪙👷‍♂️🧀👷‍♀️🌻🍋🧈🍝🍌👩‍🦲📒💡🏷️🗂️📂📁🔒🔓🍺🍻🥂🗃️🗝️🔑🔐🔏⚖️🪝📣📯🔔🔕',
-  goldenyellow: '😀😃😄😁😆😅🤣😂🙂🙃🫠😉😊😇😘😗😚😙🥲😋😛😝🤗🤭🫢🫣🤫🤔🫡🤐🤨😐😑😶😶‍🌫️😏😒🙄😬😮‍💨🤥😌😔😪🤤😴😷🤒🤕🤧😲😯😮☹️🙁😟🫤😕🧐🤓🤯😵‍💫😵🥴😳🥺🥹😦😧😥😢😖😣😞😓😩😫🥱😤😽😼😻😹😸😺😠🙀💫🏕️🏖️🏗️🛺🛎️🚡⛅🌤️🌥️👑🥾🎺💽📀⚠️🚸☣️☢️🔅🔆⚜️🔱🔰〽️🟨',
-  orange: '👩‍🦰🧑‍🦰🏵️🌆🌇🌅✴️🟧🔶🔸🟠🆚🈷️🈶🈚🪸🉑🈸🈺🎠🚚⛵☄️🔥🎃🎇🥉🧶🦺👘🩳☣️☢️📳📴🎻🏮📙🪠🚼🏀🐱🍊🤬🎃🦁🔶🟧🟠🍑🥕🦊💥❤️‍🔥🏄🦧🦁🐯🐡🏵️🍂🍊🍑🥕🥮🥧🏺🏜️🧱🌄🧡🍁🦒🐅🥭🐙🔸🦺🔥🍤🏀🐝🫅🧖👷👷🏻👷🏼🚁📳📴👷🏽👷🏾👷🏿💁😿😾🤼🧮🪔👩‍👩‍👧‍👧✏️⛹️',
-  red: '😍🥰🥵😡🤬🤡👹👺❣️💔❤️‍🔥❤‍🩹💯💋💢💥🐔🐙🐞🪱🌸🌹🌺🥀🍁🍂🍄🍉🍎🍓🍒🍅🌶️🥩🍖🍟🫕🥫🍿🍣🦀🦞🦐🦑🍫🍷🥤🏜️🧱⛩️♨️🎪🚒🚂🚗🚘🏎️🛑⛽🛢️🛟🚢🚀🚁⏰🌡️☄️🔥🧨🧧🎈🎁🎟️🏓🥊🛷🎯🎴🧶🧣🎒👠⛑️📿💄🎸🥁☎️🪫🧮🏮📕📮🖍️📌📍✂️🪓🧰🛡️🧲🧫🩸💊🧯⛔🚫❓❗📛⭕❌🅰️🆎🅱️🆑🅾️🆘🉐🈹🈲🈴㊗️㊙️🈵🔴🟥🔺🔻🚩',
-
-  };
-
-/**
- * Setup function to initialize the canvas
- */
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-}
-
-/**
- * Draw function to render emojis on the canvas
- */
-function draw() {
-  background(220);
-  const time = frameCount * 0.01;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-    }
-  }
-}
-
-/**
- * Calculate Perlin noise value for given coordinates and time
- * @param {number} x - X coordinate
- * @param {number} y - Y coordinate
- * @param {number} time - Time factor for animation
- * @returns {number} Noise value between 0 and 1
- */
-function calculateNoiseValue(x, y, time) {
-  return noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-}
-
-/**
- * Get emoji character based on noise value
- * @param {number} noiseValue - Perlin noise value between 0 and 1
- * @returns {string} Emoji character
- */
- function getEmojiFromNoiseValue(noiseValue) {
-  let category;
-  let adjustedNoiseValue;
-
-  // Define category ranges and adjust noise values
-  if (noiseValue < 0.0625) {
-      category = 'deeppurple';
-      adjustedNoiseValue = map(noiseValue, 0, 0.0625, 0, 1);
-  } else if (noiseValue < 0.125) {
-      category = 'purple';
-      adjustedNoiseValue = map(noiseValue, 0.0625, 0.125, 0, 1);
-  } else if (noiseValue < 0.1875) {
-      category = 'lightpurple';
-      adjustedNoiseValue = map(noiseValue, 0.125, 0.1875, 0, 1);
-  } else if (noiseValue < 0.25) {
-      category = 'magenta';
-      adjustedNoiseValue = map(noiseValue, 0.1875, 0.25, 0, 1);
-  } else if (noiseValue < 0.3125) {
-      category = 'darkblue';
-      adjustedNoiseValue = map(noiseValue, 0.25, 0.3125, 0, 1);
-  } else if (noiseValue < 0.375) {
-      category = 'lightblue';
-      adjustedNoiseValue = map(noiseValue, 0.3125, 0.375, 0, 1);
-  } else if (noiseValue < 0.4375) {
-      category = 'cyan';
-      adjustedNoiseValue = map(noiseValue, 0.375, 0.4375, 0, 1);
-  } else if (noiseValue < 0.5) {
-      category = 'emeraldgreen';
-      adjustedNoiseValue = map(noiseValue, 0.4375, 0.5, 0, 1);
-  } else if (noiseValue < 0.5625) {
-      category = 'limegreen';
-      adjustedNoiseValue = map(noiseValue, 0.5, 0.5625, 0, 1);
-  } else if (noiseValue < 0.625) {
-      category = 'peargreen';
-      adjustedNoiseValue = map(noiseValue, 0.5625, 0.625, 0, 1);
-  } else if (noiseValue < 0.6875) {
-      category = 'chartreusgreen';
-      adjustedNoiseValue = map(noiseValue, 0.625, 0.6875, 0, 1);
-  } else if (noiseValue < 0.75) {
-      category = 'mustardyellow';
-      adjustedNoiseValue = map(noiseValue, 0.6875, 0.75, 0, 1);
-  } else if (noiseValue < 0.8125) {
-      category = 'paradiseyellow';
-      adjustedNoiseValue = map(noiseValue, 0.75, 0.8125, 0, 1);
-  } else if (noiseValue < 0.875) {
-      category = 'goldenyellow';
-      adjustedNoiseValue = map(noiseValue, 0.8125, 0.875, 0, 1);
-  } else {
-      category = 'orange';
-      adjustedNoiseValue = map(noiseValue, 0.875, 1, 0, 1);
-  }
-
-  const categoryEmojis = EMOJI_CATEGORIES[category];
-  
-  // Calculate index based on adjusted noise value and category emoji length
-  const index = floor(adjustedNoiseValue * (categoryEmojis.length - 1));
-  
-  return categoryEmojis[index];
-}
-
-
-
-/**
- * Handle mouse dragging to update offsets
- */
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * mouseSensitivity;
-  yOffset += (pmouseY - mouseY) * mouseSensitivity;
-}
-
-/**
- * Handle window resizing
- */
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
\ No newline at end of file
diff --git a/src/javascript/heatmap(not working due to emojis).js b/src/javascript/heatmap(not working due to emojis).js
deleted file mode 100644
index 4b1b6fb..0000000
--- a/src/javascript/heatmap(not working due to emojis).js	
+++ /dev/null
@@ -1,116 +0,0 @@
-/**
- * 
- * EmojiHeatmap: A dynamic, interactive display of emojis that shift 
- * with mouse movement, creating a detailed color-coordinated heatmap.
- *
- * Modified by Claude, based on original work by Jonas Kjeldmand Jensen, July 2024
- *
- */ 
-
-// Global variables
-let xOffset = 0;
-let yOffset = 0;
-const FONT_SIZE = 16;
-const NOISE_SCALE = 0.006;
-const EMOJI_CATEGORIES = [
-  { color: 'deeppurple', emojis: '🫂👥👤🗣️👣🎇🎆🔮🌃🌆🎮💣🕹️♟️📓🔌🕋🗄️🎬🌩️⛈️' },
-  { color: 'purple', emojis: '😈👿💟💜🧕🐈‍⬛🐾🕷️🐜🤩🍇🍆😎🍷🌚🌘🌂🐧👾☂️☔🪀🧤🖨️📲📱🖲️📼🎥📔📸🗜️🔙🔚🔛🔜🔝✖️➕➖➗🟰☑️✔️➰➿🟣🟪🧕🏿🧕🏼' },
-  { color: 'lightpurple', emojis: '🛐⚛️🕉️✡️☸️☯️✝️☦️☪️☮️🕎🔯♈♉♊♋♌♍🥳♎♏♐♑♒♓⛎⚧️🟪🚺💷🪄🎲🤹🏻🤹🏼‍♀️👩🏾‍🤝‍👩🏿👭🏼🫐🥘🗻💾🍳⛸️⌚🛰️🏥🛹🤖🍱' },
-  { color: 'magenta', emojis: '🦄🦩🌷🌺🪷🌸💮🪱🐙🥰😍💗🦜🐖😜🤪🐷🐽🍠💗🫕🍧🦑🧁🍭🥤🧠🫀👅👄🫦👩‍❤️‍👩👨‍❤️‍👨👩‍❤️‍👨💑👩‍❤️‍💋‍👩👨‍❤️‍💋‍👨👩‍❤️‍💋‍👨💏💐🏓🪅🪆🎴🎨🀄🎰👚👛👙🩱🩰💄🪗📍🪛🫧🧼🏳️‍⚧️💏🏻💏🏼👩🏿‍❤️‍💋‍👩🏿👩🏾‍❤️‍👩🏿👩🏼‍❤️‍👨🏾' },
-  { color: 'darkblue', emojis: '💙🏊‍♀️🏊‍♂️🏊🐟🐬🥣🧊🌍🌎🌏🗺️🚝🛢️⛴️⛈️🌩️🌊🌀🌌🧿👔🔍🛌🔎📫📪📭📬🖋️🖊️🚍🩹🪒🩻🪣🛏️🛋️🔵🔷❄️🩴🔹👩🏿‍🏭👩🏽‍🏭👩🏻‍🏭👨🏽‍🏭🧑🏽‍🏭🧑🏻‍🏭🫃🏿🦸🏻🦸🏼‍♂️🦸🏽‍♀️🪢🧶🧵🧙🏿🏊🏿🏊🏿‍♂️🏊🏻🩺🧿💺🧢🪒🏊🏽🏊🏻🕺🏿🕺🏾🕺🏻👩🏿‍🏭' },
-  { color: 'lightblue', emojis: '🥶💦💤🙅‍♂️🙆‍♂️💁‍♂️🙋‍♂️🦸🦸‍♂️🦸‍♀️🚣🚣‍♂️🚣‍♀️🏄‍♂️😨😰🕺🏂⛷️💇‍♂️👩‍🔧🧑‍🔧👮👮‍♀️👮‍♂️🧞🏂🤽‍♂️🚣‍♂️🤽🐠🪰🛡️🫗🥃🫙🏞️🌐🧙🏾‍♀️🧙🏽‍♀️🧙🏼‍♀️🧙🏻‍♀️🧙🏿‍♀️🧙🏻👮🏻👮🏿👮🏻‍♂️👮🏿‍♂️👮🏽‍♀️👮🏿‍♀️👮🏾‍♀️👮🏿‍♂️👮🏼‍♀️🚝🧳⚓💺🛢️🛥️⛴️🛴🏬🚉🚙🚏🪡🎭🪬🎐⚽🏸🥽👖👗👘🥿🛍️💎📘💶💉🧫🛗💳👓♾️⚕️🙅🏻‍♂️🤷🏻‍♂️👨🏼‍🔧🧑🏻‍🏭👮🏾‍♂️👮🏾‍♀️👮🏻‍♀️🧙🏼‍♀️🧙🏻‍♀️🧚🏼‍♂️🧚🏽‍♂️🦸🏽‍♂️🦸🏼‍♂️🚣🏼‍♂️🏄🏼‍♂️🏄🏾‍♂️🏄🏼‍♀️🚣🏾‍♀️🤽🏻' },
-  { color: 'cyan', emojis: '⚽🐠🐬🌊🏄‍♂️🐋🪞🐳🧟🧟‍♂️🧟‍♀️🐟🐬💎🧳💠🌊🥏😭😱🐳🐋🐬🩲🐟💻🖥️🌬️👖🥣🚙⏲️🏊‍♂️🐋🚅🚆🥶💍🎞️📺❄️💧🧊🎐🪪🎛️🩹🏧🚮🚰♿🚹🚻🚼🚾🛂🛃🛄🛅⬆️↗️➡️↘️⬇️↙️⬅️↖️↩️↪️⤴️⤵️🔃🔀🔁🔂🏙️▶️⏩⏭️⏯️◀️⏪⏮️🔼⏫🆗🅿🆙🈁🈂️🟦🔽⏬⏸️⏹️⏺️⏏️🎦📶#️⃣🆖🆕🆓🆒🔤🔣🔢🔡🈳💠🔠🦸🏻🧙🏽🧙🏾🧙🏿🚣🏿🚣🏽🚣🏻👮🏾👮🏻' },
-  { color: 'emeraldgreen', emojis: '🥦🧆⛳🎽🏇🌲🌳🥝🫒🌽🐓💐🫑🥒🦆🪖🧝🏔️⛰️🐢🧌🌴🌾🍈🍾🌄🧝🏻🧝🏾👨🏻‍🏫👨🏿‍🏫🧑🏻‍🏫🧑🏾‍🏫🥗🔰🗽🛺🎄🎋🎍' },
-  { color: 'limegreen', emojis: '🤮👽🤑🌱🦗🍃🪴🌵🌿☘️🍏🍐🥑🥬🧃🍸🗾⛺🥎🖼️🧩👕🥻🔋📟📚📗🏕️🖍️🔫⚗️🧪🪦' },
-  { color: 'peargreen', emojis: '🧜‍♂️🧜‍♀️🦚🐸🦕🐊🦎🐍🟢🟩🐲🐉🦖🍀🪲🐛💲🧜🏼‍♂️🧜🏼🧜🏽‍♀️♻️🌏🌍🌍🗺️' },
-  { color: 'chartreusgreen', emojis: '🤢💚✅🚵🚵‍♂️🚵‍♀️❎✳️❇️🈯💹🏜️🏘️👨‍🍼🦠🚜🚛🚎🚃🚞🛣️🛤️🩳🏡🏞️🏠🏚️🏘️💵💸🪂🚃' },
-  { color: 'mustardyellow', emojis: '🌭🍕🍔🐕🦮🐶🦮🐕‍🦺🪐🐈🐆🦒🐫🐪🏈🐐🦌🐹🐿️🦥🪶🦉🐌🥠🦘🐡🫥🪺🥧🍰🎂🍪🍦🍗🧇🥞🥯🦪🪹🤠🍍🥔📦🧄🧅🥜🍞🥐🥖🫓🥨🥟🍘🥮🧋🥚🪃🥙🌯🌮🥪💰🪘🏫🏨⛪🕍🚌🚈🚃🎠🧸🧥👒💴🏏🏒🛷⚱️👜📿📜🕯️🪤' },
-  { color: 'paradiseyellow', emojis: '🦳🦲🤙👈👉👆🖕👇☝️🫵🫱🫲🫳🫴👌🌓🌔🌕🌖🌗🌙🏆🏅🎁🎗️🎫🎖️🥇🏉🌛🌜🤌🦱🦱🤏✌️🤞🫰👋🤚🖐️✋🖖🤟🤘🧒👦👧🧑👱👨🧔🧔‍♂️🧔‍♀️👨‍🦰👨‍🦱👨‍🦲👩👩‍🦱🧑‍🦱✍️👶👃🧭🦻👂🦶🦵💪👍💛👎✊👊🤛🤜👏🙌🫶👐☀️🌝🌞✨⭐🟡🌟🤲🐥🐤👼🫔🐣🤝⌛⏳👱‍♂️🚕🚖🚚⛵🛸🎷🎊⛱️👱‍♀️🧑‍🦲🧽🪙👷‍♂️🧀👷‍♀️🌻🍋🧈🍝🍌👩‍🦲📒💡🏷️🗂️📂📁🔒🔓🍺🍻🥂🗃️🗝️🔑🔐🔏⚖️🪝📣📯🔔🔕' },
-  { color: 'goldenyellow', emojis: '😀😃😄😁😆😅🤣😂🙂🙃🫠😉😊😇😘😗😚😙🥲😋😛😝🤗🤭🫢🫣🤫🤔🫡🤐🤨😐😑😶😶‍🌫️😏😒🙄😬😮‍💨🤥😌😔😪🤤😴😷🤒🤕🤧😲😯😮☹️🙁😟🫤😕🧐🤓🤯😵‍💫😵🥴😳🥺🥹😦😧😥😢😖😣😞😓😩😫🥱😤😽😼😻😹😸😺😠🙀💫🏕️🏖️🏗️🛺🛎️🚡⛅🌤️🌥️👑🥾🎺💽📀⚠️🚸☣️☢️🔅🔆⚜️🔱🔰〽️🟨' },
-  { color: 'orange', emojis: '👩‍🦰🧑‍🦰🏵️🌆🌇🌅✴️🟧🔶🔸🟠🆚🈷️🈶🈚🪸🉑🈸🈺🎠🚚⛵☄️🔥🎃🎇🥉🧶🦺👘🩳☣️☢️📳📴🎻🏮📙🪠🚼🏀🐱🍊🤬🎃🦁🔶🟧🟠🍑🥕🦊💥❤️‍🔥🏄🦧🦁🐯🐡🏵️🍂🍊🍑🥕🥮🥧🏺🏜️🧱🌄🧡🍁🦒🐅🥭🐙🔸🦺🔥🍤🏀🐝🫅🧖👷👷🏻👷🏼🚁📳📴👷🏽👷🏾👷🏿💁😿😾🤼🧮🪔👩‍👩‍👧‍👧✏️⛹️' },
-  { color: 'red', emojis: '😍🥰🥵😡🤬🤡👹👺❣️💔❤️‍🔥❤‍🩹💯💋💢💥🐔🐙🐞🪱🌸🌹🌺🥀🍁🍂🍄🍉🍎🍓🍒🍅🌶️🥩🍖🍟🫕🥫🍿🍣🦀🦞🦐🦑🍫🍷🥤🏜️🧱⛩️♨️🎪🚒🚂🚗🚘🏎️🛑⛽🛢️🛟🚢🚀🚁⏰🌡️☄️🔥🧨🧧🎈🎁🎟️🏓🥊🛷🎯🎴🧶🧣🎒👠⛑️📿💄🎸🥁☎️🪫🧮🏮📕📮🖍️📌📍✂️🪓🧰🛡️🧲🧫🩸💊🧯⛔🚫❓❗📛⭕❌🅰️🆎🅱️🆑🅾️🆘🉐🈹🈲🈴㊗️㊙️🈵🔴🟥🔺🔻🚩' },
-];
-
-// Function to set up the canvas and initialize emojis
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  textSize(FONT_SIZE);
-  textAlign(CENTER, CENTER);
-}
-
-// Function to draw the emoji heatmap
-function draw() {
-  background(220);
-
-  const time = frameCount * 0.01;
-
-  for (let x = 0; x < width; x += FONT_SIZE) {
-    for (let y = 0; y < height; y += FONT_SIZE) {
-      const noiseValue = calculateNoiseValue(x, y, time);
-      const emoji = getEmojiFromNoiseValue(noiseValue);
-      text(emoji, x, y);
-    }
-  }
-}
-
-// Function to calculate Perlin noise value
-function calculateNoiseValue(x, y, time) {
-  return noise((x + xOffset) * NOISE_SCALE, (y + yOffset) * NOISE_SCALE, time);
-}
-
-// Function to get emoji based on noise value
-function getEmojiFromNoiseValue(noiseValue) {
-  let category;
-  if (noiseValue < 0.0625) {
-    category = 'deeppurple';
-  } else if (noiseValue < 0.125) {
-    category = 'purple';
-  } else if (noiseValue < 0.1875) {
-    category = 'lightpurple';
-  } else if (noiseValue < 0.25) {
-    category = 'magenta';
-  } else if (noiseValue < 0.3125) {
-    category = 'darkblue';
-  } else if (noiseValue < 0.375) {
-    category = 'lightblue';
-  } else if (noiseValue < 0.4375) {
-    category = 'cyan';
-  } else if (noiseValue < 0.5) {
-    category = 'emeraldgreen';
-  } else if (noiseValue < 0.5625) {
-    category = 'limegreen';
-  } else if (noiseValue < 0.625) {
-    category = 'peargreen';
-  } else if (noiseValue < 0.6875) {
-    category = 'chartreusgreen';
-  } else if (noiseValue < 0.75) {
-    category = 'mustardyellow';
-  } else if (noiseValue < 0.8125) {
-    category = 'paradiseyellow';
-  } else if (noiseValue < 0.875) {
-    category = 'goldenyellow';
-  } else if (noiseValue < 0.9375) {
-    category = 'orange';
-  } else {
-    category = 'red';
-  }
-
-  const categoryIndex = EMOJI_CATEGORIES.findIndex(cat => cat.color === category);
-  const categoryEmojis = EMOJI_CATEGORIES[categoryIndex].emojis;
-  const index = floor(map(noiseValue, 
-    categoryIndex / EMOJI_CATEGORIES.length, 
-    (categoryIndex + 1) / EMOJI_CATEGORIES.length, 
-    0, categoryEmojis.length));
-  return categoryEmojis[index];
-}
-
-// Function to handle mouse dragging
-function mouseDragged() {
-  xOffset += (pmouseX - mouseX) * 0.1;
-  yOffset += (pmouseY - mouseY) * 0.1;
-}
-
-// Function to handle window resizing
-function windowResized() {
-  resizeCanvas(windowWidth, windowHeight);
-}
\ No newline at end of file