Reddit Rude Compounds Heatmap

An interactive heatmap visualizing the frequency of pejorative compound words (e.g., "shit-head", "dumb-ass") found in Reddit comments from 2006 to 2020.

🚀 View Live Project

This project provides a fascinating glimpse into the creative and colorful world of online insults. The rows (prefixes) and columns (suffixes) are sorted by their overall frequency, allowing you to quickly see which components are most popular for forming rude compound words.

✨ Features

• Interactive Heatmap: A color-coded grid shows the frequency of each prefix-suffix combination.
• Bilingual Interface: Full support for both English and Russian, with automatic language detection based on browser settings.
• Instant Translations: Click on any cell in the Russian version to see the original English compound and its "spirited" Russian translation.
• Responsive Design: Looks great on both desktop and mobile devices.
• Data-Driven: Based on a massive dataset of Reddit comments spanning 15 years.

🛠️ Tech Stack

• HTML5
• CSS3 with Tailwind CSS for styling.
• Vanilla JavaScript (ES6+) for all logic and interactivity.
• Hosted on a VPS with Nginx.

📊 Data Source

This project is a custom implementation and enhancement of the visualization originally based on data collected by Colin Morris. You can read more about the original data and analysis on his blog: A data-driven guide to creating your own compound curse words.

---

Тепловая карта грубых составных слов на Reddit

Интерактивная тепловая карта, которая визуализирует частоту использования оскорбительных составных слов (например, "shit-head", "dumb-ass") в комментариях на Reddit за период с 2006 по 2020 год.

🚀 Посмотреть проект

Этот проект — увлекательное погружение в креативный и красочный мир онлайн-оскорблений. Строки (префиксы) и столбцы (суффиксы) отсортированы по общей частоте, что позволяет быстро увидеть, какие компоненты наиболее популярны для создания составных ругательств.

✨ Возможности

• Интерактивная тепловая карта: Сетка с цветовой кодировкой показывает частоту каждой комбинации префикса и суффикса.
• Двуязычный интерфейс: Полная поддержка английского и русского языков с автоматическим определением языка на основе настроек браузера.
• Моментальные переводы: В русской версии кликните на любую ячейку, чтобы увидеть оригинальное английское слово и его "душевный" русский перевод.
• Адаптивный дизайн: Отлично выглядит как на компьютерах, так и на мобильных устройствах.
• На основе данных: Карта построена на огромном наборе данных из комментариев Reddit за 15 лет.

🛠️ Стек технологий

• HTML5
• CSS3 с использованием Tailwind CSS для стилизации.
• "Чистый" JavaScript (ES6+) для всей логики и интерактивности.
• Размещено на VPS с помощью Nginx.

📊 Источник данных

Этот проект является кастомной реализацией и доработкой визуализации, основанной на данных, собранных Колином Моррисом. Вы можете прочитать больше об оригинальном наборе данных и анализе в его блоге: A data-driven guide to creating your own compound curse words.