Easi Calculator

EASI Calculator – Eczema Area and Severity Index body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 1000px; margin: 0 auto; padding: 20px; } .easi-calculator-wrapper { background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-bottom: 40px; } .calc-header { text-align: center; margin-bottom: 25px; background-color: #f8f9fa; padding: 15px; border-radius: 6px; } .calc-header h2 { margin: 0; color: #2c3e50; } .region-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media (max-width: 768px) { .region-grid { grid-template-columns: 1fr; } } .region-card { border: 1px solid #dcdcdc; border-radius: 6px; padding: 15px; background-color: #fff; } .region-title { font-weight: bold; color: #2980b9; margin-bottom: 15px; border-bottom: 2px solid #2980b9; padding-bottom: 5px; display: flex; justify-content: space-between; } .multiplier-badge { font-size: 0.8em; background: #eef6fb; color: #2980b9; padding: 2px 6px; border-radius: 4px; } .input-group { margin-bottom: 12px; } .input-group label { display: block; font-size: 0.9em; margin-bottom: 5px; font-weight: 500; } .input-group select { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; } .btn-calculate { display: block; width: 100%; padding: 15px; background-color: #27ae60; color: white; border: none; border-radius: 6px; font-size: 18px; font-weight: bold; cursor: pointer; margin-top: 25px; transition: background-color 0.2s; } .btn-calculate:hover { background-color: #219150; } #result-container { margin-top: 25px; padding: 20px; background-color: #f1f8e9; border-radius: 6px; border-left: 5px solid #27ae60; display: none; text-align: center; } .result-score { font-size: 32px; font-weight: bold; color: #27ae60; } .result-category { font-size: 18px; color: #555; margin-top: 5px; font-weight: 600; } .content-section { margin-top: 40px; } .content-section h2 { color: #2c3e50; border-bottom: 2px solid #eee; padding-bottom: 10px; } .content-section h3 { color: #34495e; margin-top: 25px; } .legend-table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: 0.9em; } .legend-table th, .legend-table td { border: 1px solid #ddd; padding: 8px; text-align: left; } .legend-table th { background-color: #f2f2f2; }

EASI Calculator (Eczema Area and Severity Index)

Calculate the severity of atopic dermatitis based on 4 body regions.

Head & Neck Multiplier: 0.1
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 (0%) 1 (1-9%) 2 (10-29%) 3 (30-49%) 4 (50-69%) 5 (70-89%) 6 (90-100%)
Upper Limbs Multiplier: 0.2
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 (0%) 1 (1-9%) 2 (10-29%) 3 (30-49%) 4 (50-69%) 5 (70-89%) 6 (90-100%)
Trunk Multiplier: 0.3
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 (0%) 1 (1-9%) 2 (10-29%) 3 (30-49%) 4 (50-69%) 5 (70-89%) 6 (90-100%)
Lower Limbs Multiplier: 0.4
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 – None 1 – Mild 2 – Moderate 3 – Severe
0 (0%) 1 (1-9%) 2 (10-29%) 3 (30-49%) 4 (50-69%) 5 (70-89%) 6 (90-100%)
EASI Score
0.0
Clear

Understanding the EASI Score

The EASI (Eczema Area and Severity Index) is a standardized clinical tool used to measure the extent and severity of atopic dermatitis (eczema). It is widely used in clinical trials and dermatology practices to monitor patient progress and the effectiveness of treatments.

How is EASI Calculated?

The EASI score assesses four distinct body regions. For each region, the calculator assigns a score based on the intensity of four key signs of eczema and the percentage of skin area affected.

Body Region Weight (Multiplier)
Head & Neck 0.1 (10%)
Upper Limbs 0.2 (20%)
Trunk 0.3 (30%)
Lower Limbs 0.4 (40%)

For each region, the calculation follows this formula:

(Redness + Thickness + Scratching + Lichenification) × Area Score × Multiplier

The maximum possible EASI score is 72.0, indicating the most severe condition covering 100% of the body.

Interpreting Your Score

While clinical interpretation may vary slightly, the following ranges are generally used to classify severity:

  • 0.0: Clear
  • 0.1 – 1.0: Almost Clear
  • 1.1 – 7.0: Mild
  • 7.1 – 21.0: Moderate
  • 21.1 – 50.0: Severe
  • 50.1 – 72.0: Very Severe

Symptoms Graded

The calculator evaluates four specific signs on a scale of 0 (None) to 3 (Severe):

  1. Erythema: Redness of the skin.
  2. Induration/Papulation: Thickness or swelling.
  3. Excoriation: Scratch marks.
  4. Lichenification: Thickening of the skin with accentuated skin lines (leathery appearance).
function calculateEASI() { // Helper function to get integer value from element ID function getVal(id) { var el = document.getElementById(id); return el ? parseInt(el.value, 10) : 0; } // 1. HEAD & NECK var hRedness = getVal("headRedness"); var hThickness = getVal("headThickness"); var hScratching = getVal("headScratching"); var hLichenification = getVal("headLichenification"); var hArea = getVal("headArea"); var headScore = (hRedness + hThickness + hScratching + hLichenification) * hArea * 0.1; // 2. UPPER LIMBS var uRedness = getVal("upperRedness"); var uThickness = getVal("upperThickness"); var uScratching = getVal("upperScratching"); var uLichenification = getVal("upperLichenification"); var uArea = getVal("upperArea"); var upperScore = (uRedness + uThickness + uScratching + uLichenification) * uArea * 0.2; // 3. TRUNK var tRedness = getVal("trunkRedness"); var tThickness = getVal("trunkThickness"); var tScratching = getVal("trunkScratching"); var tLichenification = getVal("trunkLichenification"); var tArea = getVal("trunkArea"); var trunkScore = (tRedness + tThickness + tScratching + tLichenification) * tArea * 0.3; // 4. LOWER LIMBS var lRedness = getVal("lowerRedness"); var lThickness = getVal("lowerThickness"); var lScratching = getVal("lowerScratching"); var lLichenification = getVal("lowerLichenification"); var lArea = getVal("lowerArea"); var lowerScore = (lRedness + lThickness + lScratching + lLichenification) * lArea * 0.4; // Total var totalEASI = headScore + upperScore + trunkScore + lowerScore; // Display var resultDiv = document.getElementById("result-container"); var scoreSpan = document.getElementById("easiResult"); var severitySpan = document.getElementById("severityResult"); resultDiv.style.display = "block"; scoreSpan.innerHTML = totalEASI.toFixed(1); // Interpretation var severity = ""; if (totalEASI === 0) { severity = "Clear"; } else if (totalEASI <= 1.0) { severity = "Almost Clear"; } else if (totalEASI <= 7.0) { severity = "Mild"; } else if (totalEASI <= 21.0) { severity = "Moderate"; } else if (totalEASI <= 50.0) { severity = "Severe"; } else { severity = "Very Severe"; } severitySpan.innerHTML = severity; // Scroll to result on mobile resultDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }

Leave a Reply

Your email address will not be published. Required fields are marked *