The Hulk: Anatomy of Gamma
What happens when a forgotten hero remembers too much? The detonation of the G-Bomb didn't just create a monster; it shattered Bruce Banner's psyche, releasing distinct personalities that act as echoes of his trauma. This wasn't merely an accident of science—it was the birth of a modern myth that would ripple through the entire Marvel Universe.
/* --- MARVEL ECHOES HQ PALETTE --- */
:root {
--color-primary-gold: #ffa902;
--color-primary-gold-dark: #CC8702;
--color-bg-body: #1f2529;
--color-bg-card: #48555e;
--color-text-main: #b1b8be;
/* Tonal Accents */
--color-accent-red: #d9534f;
--color-accent-blue: #5bc0de;
--color-accent-green: #66bb6a; /* Muted Green to match Red/Blue tone */
}
body {
font-family: 'Roboto', sans-serif;
background-color: var(--color-bg-body);
color: var(--color-text-main);
}
h1, h2, h3, .stat-value, .font-display {
font-family: 'Anton', sans-serif;
letter-spacing: 1px;
color: #ffffff; /* Improved contrast for headers against dark/secondary backgrounds */
}
/* Utility Classes for Palette */
.text-echo-gold { color: var(--color-primary-gold); }
.bg-echo-gold { background-color: var(--color-primary-gold); }
.border-echo-gold { border-color: var(--color-primary-gold); }
.text-echo-green { color: var(--color-accent-green); }
.bg-echo-green { background-color: var(--color-accent-green); }
.border-echo-green { border-color: var(--color-accent-green); }
.text-echo-red { color: var(--color-accent-red); }
.bg-echo-red { background-color: var(--color-accent-red); }
.border-echo-red { border-color: var(--color-accent-red); }
.text-echo-blue { color: var(--color-accent-blue); }
.bg-echo-blue { background-color: var(--color-accent-blue); }
.border-echo-blue { border-color: var(--color-accent-blue); }
.text-echo-text { color: var(--color-text-main); }
/* Card Background as specified */
.card-bg { background-color: var(--color-bg-card); }
/* Chart Container Strict Styling */
.chart-container {
position: relative;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
height: 300px;
max-height: 400px;
}
@media (min-width: 768px) {
.chart-container {
height: 350px;
}
}
/* Timeline Styles (Pure CSS - No SVG) */
.timeline-line {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 100%;
background: rgba(177, 184, 190, 0.2);
z-index: 0;
}
.timeline-dot {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--color-primary-gold);
border: 4px solid var(--color-bg-body);
z-index: 10;
}
/* Diagram Styles (Pure CSS - No SVG) */
.flow-node {
background: rgba(0,0,0,0.2); /* Darken against the card background */
border-left-width: 4px;
transition: all 0.3s ease;
}
.flow-node:hover {
transform: translateY(-5px);
background: rgba(0,0,0,0.4);
}
/* This is the final, definitive container style */
.infographic-wrapper {
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
overflow-x: hidden;
}
Bruce Banner, The Hulk, and the fracturing of a hero's soul.
The Origin Spark: 1962
What happens when a forgotten hero remembers too much? The detonation of the G-Bomb didn't just create a monster; it shattered Bruce Banner's psyche, releasing distinct personalities that act as echoes of his trauma. This wasn't merely an accident of science—it was the birth of a modern myth that would ripple through the entire Marvel Universe.
First Appearance
Incredible Hulk #1
May 1962 (Lee & Kirby)
Core Conflict
Man vs. Self
The eternal war for control.
Destruction Level
Planetary
World Breaker Classification
The Fractured Mind: Alters Analysis
Banner isn't just "The Hulk." He is a system of distinct alters, each representing a different survival mechanism or emotional state. This radar chart compares their relative attributes, showing that while Savage Hulk is strong, he lacks the cunning of Joe Fixit or the malevolence of the Devil Hulk.
Savage (Child)
Joe Fixit (Id)
World Breaker (Rage)
Devil Hulk (Protector)
Psychological Fuel
Contrary to popular belief, anger is not the only fuel. The Hulk is driven by a complex cocktail of childhood trauma, repressed guilt, and a desperate need for solitude. This chart breaks down the primary emotional drivers that trigger transformations.
Echoes Through Time: Pivotal Arcs
The Grey Origin
Incredible Hulk #1 (1962)
Banner is caught in the Gamma Bomb blast. At first, he transforms only at night into the grey-skinned monster.
Joe Fixit
Incredible Hulk #347 (1988)
Presumed dead, the Grey Hulk surfaces in Las Vegas as an enforcer. Cunning, selfish, and morally ambiguous.
Planet Hulk
Incredible Hulk #92 (2006)
Exiled by the Illuminati. He conquers Sakaar, finds peace, and loses it all, fueling the greatest rage the universe has seen.
The Immortal Hulk
Immortal Hulk #1 (2018)
Horror returns. The Devil Hulk emerges to protect Banner, revealing the mystical Green Door and the One Below All.
Unbound Potential: Greatest Feats
"The madder he gets, the stronger he gets." There is no theoretical upper limit to the Hulk's strength. This chart visualizes estimated force output during his most legendary moments of destruction compared to baseline Class 100 strength.
The Gamma Legacy
Banner's origin didn't end with him. His blood, his radiation, and his enemies spawned a lineage of Gamma Mutates. This diagram traces the direct ripple effects of Bruce Banner's existence.
Bruce Banner (Hulk)
Jennifer Walters
She-Hulk (Cousin)
Thaddeus Ross
Red Hulk (Enemy)
Skaar
Son of Sakaar
Amadeus Cho
Totally Awesome Hulk
Start Reading Today
Incredible Hulk #1
Planet Hulk #1
Immortal Hulk #1
Marvel Echoes Infographics © 2025
// --- UTILITIES ---
// Label Wrapping Utility
function wrapLabel(str, maxLen = 16) {
if (str.length wrapLabel(l)),
datasets: [{
data: [40, 30, 20, 10],
backgroundColor: [colorGreen, colorRed, colorGold, colorBlue],
borderColor: colorBgCard,
borderWidth: 2
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'right',
labels: { color: colorText }
},
tooltip: tooltipConfig
}
}
});
// --- CHART 3: STRENGTH FEATS (BAR) ---
const ctxStrength = document.getElementById('strengthChart').getContext('2d');
const featLabels = ['Baseline Calm', 'Holding Mountain', 'Destroying Asteroid', 'World Breaker', 'Shattering Dimension'];
new Chart(ctxStrength, {
type: 'bar',
data: {
labels: featLabels.map(l => wrapLabel(l)),
datasets: [{
label: 'Force Output',
data: [10, 60, 80, 95, 120],
backgroundColor: [colorText, colorGreen, colorGreen, colorRed, colorGold],
borderRadius: 4
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
indexAxis: 'y',
scales: {
x: {
grid: { color: 'rgba(177, 184, 190, 0.1)' },
ticks: { color: colorText }
},
y: {
grid: { display: false },
ticks: { color: colorText }
}
},
plugins: {
legend: { display: false },
tooltip: tooltipConfig
}
}
});
