Download index.html from caustino/LEA: direct link, hf CLI and curl.
- Browser
- Download file 30.6 kB
-
https://huggingface.co/spaces/caustino/LEA/resolve/main/index.html
- Command line
-
hf download hf://spaces/caustino/LEA/index.html
-
curl -L -o index.html https://huggingface.co/spaces/caustino/LEA/resolve/main/index.html
30.6 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Systemic Failures in Access, Evidence & Security: SSA & Federal Agencies</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background-color: #f0f9ff; /* Light blue background from palette */ | |
| } | |
| .chart-container { | |
| position: relative; | |
| width: 100%; | |
| max-width: 600px; /* Max width for readability */ | |
| margin-left: auto; | |
| margin-right: auto; | |
| height: 300px; /* Default height */ | |
| max-height: 400px; | |
| } | |
| @media (min-width: 768px) { | |
| .chart-container { | |
| height: 350px; /* Larger height for desktop */ | |
| } | |
| } | |
| .big-number { | |
| font-size: 3rem; | |
| font-weight: 700; | |
| color: #0B4F6C; /* Darkest Blue */ | |
| line-height: 1.1; | |
| } | |
| .section-title { | |
| font-size: 1.875rem; /* 2xl */ | |
| font-weight: 700; | |
| color: #0B4F6C; /* Darkest Blue */ | |
| margin-bottom: 1rem; | |
| text-align: center; | |
| } | |
| .card { | |
| background-color: white; | |
| border-radius: 0.5rem; | |
| box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); | |
| padding: 1.5rem; | |
| margin-bottom: 2rem; | |
| } | |
| .timeline { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| padding: 1rem 0; | |
| border-top: 2px solid #59BFFF; /* Medium Blue */ | |
| border-bottom: 2px solid #59BFFF; /* Medium Blue */ | |
| margin-top: 1rem; | |
| } | |
| .timeline-point { | |
| text-align: center; | |
| color: #0B4F6C; /* Darkest Blue */ | |
| } | |
| .flow-item { | |
| border: 2px solid #168FF5; /* Bright Blue */ | |
| border-radius: 0.5rem; | |
| padding: 0.75rem; | |
| margin-bottom: 0.5rem; | |
| text-align: center; | |
| background-color: #ADDDFF; /* Lightest Blue */ | |
| color: #0B4F6C; /* Darkest Blue */ | |
| } | |
| .flow-arrow { | |
| text-align: center; | |
| font-size: 1.5rem; | |
| color: #168FF5; /* Bright Blue */ | |
| margin: 0.25rem 0; | |
| } | |
| /* Color Palette: Brilliant Blues */ | |
| .text-dark-blue { color: #0B4F6C; } | |
| .text-bright-blue { color: #168FF5; } | |
| .bg-lightest-blue { background-color: #ADDDFF; } | |
| .border-medium-blue { border-color: #59BFFF; } | |
| .fill-medium-blue { fill: #59BFFF; } | |
| </style> | |
| </head> | |
| <body class="p-4 md:p-8"> | |
| <header class="text-center mb-12"> | |
| <h1 class="text-3xl md:text-5xl font-bold text-dark-blue mb-2">Systemic Failures in Federal Disability Adjudication</h1> | |
| <p class="text-lg md:text-xl text-bright-blue">An Urgent Call for Accessibility, Modern Evidence, and Data Security Reform</p> | |
| </header> | |
| <main class="max-w-7xl mx-auto space-y-12"> | |
| <!-- Section 1: Digital Accessibility Crisis --> | |
| <section> | |
| <h2 class="section-title">The Digital Accessibility Crisis: Denying Access</h2> | |
| <p class="text-center text-gray-700 mb-8">Federal agencies, including the SSA and federally-funded LEAs, are failing to provide accessible digital services, violating the rights of millions under the ADA and IDEA.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start"> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Mandate Ignored: WCAG 2.1 AA</h3> | |
| <p class="text-gray-600 mb-4">The Department of Justice's April 2024 rule requires all state and local government web content (including SSA & LEAs) to meet the **Web Content Accessibility Guidelines (WCAG) 2.1 Level AA**.</p> | |
| <div class="text-center p-4 bg-lightest-blue rounded-lg"> | |
| <span class="text-5xl font-bold text-dark-blue">WCAG 2.1 AA</span> | |
| <p class="text-sm text-gray-700 mt-1">The Binding Legal Standard</p> | |
| </div> | |
| <p class="text-gray-600 mt-4">Failure to comply isn't a technical glitch; it's a denial of effective communication and equal access required by ADA Title II and Section 504.</p> | |
| <p class="text-xs text-gray-500 mt-2">Source: Exhibit F (WCAG21Beyondthemin.pdf)</p> | |
| </div> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Common Barriers Persist</h3> | |
| <p class="text-gray-600 mb-4">Users with disabilities face numerous obstacles:</p> | |
| <ul class="space-y-2 list-disc list-inside text-gray-700"> | |
| <li><span class="font-semibold">Screen Reader Failures:</span> Lack of proper labels (Semantic HTML/ARIA) makes forms unusable. <span class="text-xl">📄❓</span></li> | |
| <li><span class="font-semibold">Navigation Traps:</span> Keyboard users get stuck, unable to proceed. <span class="text-xl">🖱️➡️🛑</span></li> | |
| <li><span class="font-semibold">Inaccessible Documents:</span> Critical information locked in image-based PDFs. <span class="text-xl">🖼️≠📖</span></li> | |
| <li><span class="font-semibold">Cognitive Overload:</span> Complex jargon, inconsistent navigation, and sudden timeouts frustrate users. <span class="text-xl">🤯⏳</span></li> | |
| </ul> | |
| <p class="text-gray-600 mt-4">These barriers prevent access to SSA benefits and exclude parents with disabilities from their children's education (IDEA violations).</p> | |
| </div> | |
| </div> | |
| <div class="card mt-8"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4 text-center">Impact on Education (IDEA)</h3> | |
| <p class="text-gray-700 mb-4 text-center">Inaccessible Local Education Agency (LEA) platforms (e.g., for IEPs) violate the Individuals with Disabilities Education Act:</p> | |
| <div class="flex flex-col md:flex-row justify-around items-center space-y-4 md:space-y-0 md:space-x-4"> | |
| <div class="text-center p-4"> | |
| <span class="text-4xl">📝</span> | |
| <p class="font-semibold mt-2 text-dark-blue">Review Denied</p> | |
| <p class="text-sm text-gray-600">Parents cannot independently review IEP goals or progress.</p> | |
| </div> | |
| <div class="text-center p-4"> | |
| <span class="text-4xl">🤝</span> | |
| <p class="font-semibold mt-2 text-dark-blue">Participation Blocked</p> | |
| <p class="text-sm text-gray-600">Meaningful contribution to the child's education plan is impossible.</p> | |
| </div> | |
| <div class="text-center p-4"> | |
| <span class="text-4xl">✅</span> | |
| <p class="font-semibold mt-2 text-dark-blue">Consent Impeded</p> | |
| <p class="text-sm text-gray-600">Electronic signatures or form submissions may be inaccessible.</p> | |
| </div> | |
| </div> | |
| <p class="text-center text-red-600 font-semibold mt-4">Result: A substantive denial of a Free Appropriate Public Education (FAPE) for the child.</p> | |
| </div> | |
| </section> | |
| <!-- Section 2: Quantum Security Threat --> | |
| <section> | |
| <h2 class="section-title">The Quantum Security Threat: Data at Risk</h2> | |
| <p class="text-center text-gray-700 mb-8">SSA's failure to upgrade cryptography exposes millions to catastrophic data breaches, violating HIPAA's mandate to protect against "reasonably anticipated threats."</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start"> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Harvest Now, Decrypt Later (HNDL)</h3> | |
| <div class="text-center mb-4"> | |
| <span class="text-5xl">💾➡️⏳➡️🔓</span> | |
| </div> | |
| <p class="text-gray-600 mb-2">Adversaries are stealing vast amounts of currently encrypted SSA data (ePHI, genetic info).</p> | |
| <p class="text-gray-600">They anticipate future quantum computers will break today's encryption (RSA, ECC), unlocking the stolen data.</p> | |
| <p class="text-red-600 font-semibold mt-2">This creates a ticking time bomb for personal privacy and national security.</p> | |
| </div> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">The Quantum Deadline: Y2Q</h3> | |
| <p class="text-gray-600 mb-4">Experts predict a Cryptographically Relevant Quantum Computer (CRQC) will be operational by:</p> | |
| <div class="text-center"> | |
| <span class="big-number">2030</span> | |
| <p class="text-gray-700 font-semibold">"Y2Q"</p> | |
| </div> | |
| <div class="timeline"> | |
| <div class="timeline-point"> | |
| <p class="font-semibold">Now</p> | |
| <p class="text-sm">(HNDL Attacks Ongoing)</p> | |
| </div> | |
| <div class="text-bright-blue font-bold text-2xl">→</div> | |
| <div class="timeline-point"> | |
| <p class="font-semibold">~2030 (Y2Q)</p> | |
| <p class="text-sm text-red-600">(Encryption Breaks)</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mt-4">Agencies like the NSA mandate transitioning to **Post-Quantum Cryptography (PQC)** now (e.g., Crystals-Kyber, Crystals-Dilithium). SSA's inaction is a willful disregard of a known threat.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 3: Arbitrary Evidence Standards --> | |
| <section> | |
| <h2 class="section-title">Arbitrary Evidence Standards: Science Ignored</h2> | |
| <p class="text-center text-gray-700 mb-8">The SSA violates the APA by failing to integrate modern genetic and neuroanatomical science into its disability adjudication, leading to discriminatory outcomes.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-start"> | |
| <div class="card md:col-span-2"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Genetic Links to Functional Impairment</h3> | |
| <p class="text-gray-600 mb-4">Extensive research links common genetic polymorphisms to conditions causing functional limitations recognized by the SSA itself. SSA's failure to incorporate this is arbitrary.</p> | |
| <div class="overflow-x-auto"> | |
| <table class="w-full text-sm text-left text-gray-600"> | |
| <thead class="text-xs text-gray-700 uppercase bg-gray-100"> | |
| <tr> | |
| <th scope="col" class="px-4 py-2">Gene (SNP)</th> | |
| <th scope="col" class="px-4 py-2">Functional Impact</th> | |
| <th scope="col" class="px-4 py-2">Relevant SSA Listing</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr class="border-b"> | |
| <td class="px-4 py-2 font-medium">COMT (rs4680)</td> | |
| <td class="px-4 py-2">Dopamine Metabolism / Exec. Function</td> | |
| <td class="px-4 py-2">11.00 / 12.02</td> | |
| </tr> | |
| <tr class="border-b bg-gray-50"> | |
| <td class="px-4 py-2 font-medium">DRD2/ANKK1 (rs1800497)</td> | |
| <td class="px-4 py-2">D2 Receptor / Impulse Control</td> | |
| <td class="px-4 py-2">12.11</td> | |
| </tr> | |
| <tr class="border-b"> | |
| <td class="px-4 py-2 font-medium">MTHFR (rs1801133)</td> | |
| <td class="px-4 py-2">Folate Metabolism / Cognition</td> | |
| <td class="px-4 py-2">11.00</td> | |
| </tr> | |
| <tr class="bg-gray-50"> | |
| <td class="px-4 py-2 font-medium">DRD4 (7-Repeat)</td> | |
| <td class="px-4 py-2">Dopamine Response / ADHD</td> | |
| <td class="px-4 py-2">12.11</td> | |
| </tr> | |
| <tr class="border-b bg-gray-50"> | |
| <td class="px-4 py-2 font-medium">HTR1B (rs13212041)</td> | |
| <td class="px-4 py-2">Serotonin Signaling / Aggression</td> | |
| <td class="px-4 py-2">12.08</td> | |
| </tr> | |
| <tr class="border-b"> | |
| <td class="px-4 py-2 font-medium">TPH2 (rs4475691)</td> | |
| <td class="px-4 py-2">Serotonin Synthesis / Mood</td> | |
| <td class="px-4 py-2">12.04</td> | |
| </tr> | |
| <tr class="border-b bg-gray-50"> | |
| <td class="px-4 py-2 font-medium">CHRNA4 (rs13302982)</td> | |
| <td class="px-4 py-2">Cholinergic Transmission / Attention</td> | |
| <td class="px-4 py-2">11.00 / 12.11</td> | |
| </tr> | |
| <tr class="border-b"> | |
| <td class="px-4 py-2 font-medium">BDNF (rs6265)</td> | |
| <td class="px-4 py-2">Neuroplasticity / Memory</td> | |
| <td class="px-4 py-2">11.00F</td> | |
| </tr> | |
| <tr class="border-b bg-gray-50"> | |
| <td class="px-4 py-2 font-medium">SNAP25 (rs28364072)</td> | |
| <td class="px-4 py-2">Synaptic Efficiency / ADHD</td> | |
| <td class="px-4 py-2">11.00 / 12.11</td> | |
| </tr> | |
| <tr class="border-b"> | |
| <td class="px-4 py-2 font-medium">DISC1 (rs1018381)</td> | |
| <td class="px-4 py-2">Cortical Regulation / Exec. Function</td> | |
| <td class="px-4 py-2">11.00C</td> | |
| </tr> | |
| <tr class="border-b bg-gray-50"> | |
| <td class="px-4 py-2 font-medium">FKBP5 (rs1360780)</td> | |
| <td class="px-4 py-2">Stress Response / Cognitive Deficits</td> | |
| <td class="px-4 py-2">12.15</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <p class="text-xs text-gray-500 mt-2">Source: Exhibit A (polymorphism_ssa_crosswalk_grch38.pdf), Exhibit H (adhdgeneticscomparative.json.txt)</p> | |
| </div> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Neuroanatomical Basis</h3> | |
| <p class="text-gray-600 mb-4">Objective neuroimaging data shows structural brain differences linked to these genetic variants.</p> | |
| <div class="text-center p-4 border border-medium-blue rounded-lg"> | |
| <p class="font-semibold text-dark-blue">DRD4 7-Repeat Allele Carriers (ADHD):</p> | |
| <p class="text-lg text-bright-blue mt-1">Reduced Prefrontal Gyrification</p> | |
| <p class="text-xs text-gray-500 mt-2">(Compared to Controls or Non-Carriers)</p> | |
| </div> | |
| <p class="text-gray-600 mt-4">This demonstrates tangible biological correlates of functional impairment that current SSA standards overlook.</p> | |
| <p class="text-xs text-gray-500 mt-2">Source: Exhibits B (anatomical add exhibit.docx), C (7repeatadd.pdf)</p> | |
| </div> | |
| </div> | |
| <div class="card mt-8 md:col-span-3"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4 text-center">ADHD: High Heritability, Complex Genetics</h3> | |
| <p class="text-gray-700 mb-6 text-center">ADHD is highly heritable, but risk comes from many genes working together, involving multiple systems beyond dopamine.</p> | |
| <div class="chart-container" style="height: 250px; max-height: 300px;"> | |
| <canvas id="heritabilityChart"></canvas> | |
| </div> | |
| <p class="text-gray-600 mt-6 text-center">SSA standards must reflect this polygenic complexity, incorporating evidence from dopamine, serotonin, norepinephrine, cholinergic, and synaptic plasticity pathways.</p> | |
| <p class="text-xs text-gray-500 mt-2 text-center">Source: Exhibit H (adhdgeneticscomparative.json.txt)</p> | |
| </div> | |
| </section> | |
| <!-- Section 4: Human & Systemic Cost --> | |
| <section> | |
| <h2 class="section-title">The Human & Systemic Cost</h2> | |
| <p class="text-center text-gray-700 mb-8">Ignoring accessibility, security, and modern science imposes significant burdens on individuals and the public, reflected in SSA's own data.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start"> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Disability Program Scale (2023)</h3> | |
| <p class="text-gray-600 mb-4">Millions rely on SSA disability benefits, with substantial numbers having conditions linked to the unaddressed issues:</p> | |
| <div class="chart-container"> | |
| <canvas id="beneficiaryChart"></canvas> | |
| </div> | |
| <p class="text-gray-600 mt-4">Ensuring fair access and accurate evaluation is critical for this large population.</p> | |
| <p class="text-xs text-gray-500 mt-2">Source: Exhibit D (di_asr23.pdf.pdf - Tables 6, 10A)</p> | |
| </div> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Socioeconomic Impact</h3> | |
| <div class="space-y-4 text-gray-700"> | |
| <div class="flex items-start space-x-3"> | |
| <span class="text-2xl mt-1">🎓</span> | |
| <p><span class="font-semibold">Lost Potential:</span> Conditions like ADHD, linked to unacknowledged genetic factors, impair academic achievement (Exhibit E) and career stability.</p> | |
| </div> | |
| <div class="flex items-start space-x-3"> | |
| <span class="text-2xl mt-1">💰</span> | |
| <p><span class="font-semibold">Public Cost:</span> Systemic barriers and outdated standards increase reliance on public support and inflate healthcare costs.</p> | |
| </div> | |
| <div class="flex items-start space-x-3"> | |
| <span class="text-2xl mt-1">⚖️</span> | |
| <p><span class="font-semibold">Access Denied:</span> Procedural hurdles (inaccessibility, ignored evidence) effectively deny a meaningful day in court and rightful benefits.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Section 5: Call to Action --> | |
| <section> | |
| <h2 class="section-title">Call for Urgent Reform</h2> | |
| <p class="text-center text-gray-700 mb-8">To ensure access, fairness, and security, immediate structural reforms mandated by the Court are necessary.</p> | |
| <div class="card max-w-3xl mx-auto"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">Requested Judicial Relief:</h3> | |
| <ol class="list-decimal list-inside space-y-3 text-gray-700"> | |
| <li>**Mandate WCAG 2.1 AA Compliance:** Enforce the DOJ rule for all SSA and federally-funded LEA digital platforms via court order and independent audits.</li> | |
| <li>**Modernize Evidentiary Standards:** Compel SSA, via APA rulemaking, to integrate current genetic and neuroanatomical science into Disability Listings.</li> | |
| <li>**Require PQC Transition:** Order SSA to develop and implement a time-bound plan for adopting Post-Quantum Cryptography to secure ePHI under HIPAA.</li> | |
| <li>**Ensure Meaningful Review:** Affirm jurisdiction to address these systemic failures, preventing procedural dismissals from denying access to justice.</li> | |
| </ol> | |
| </div> | |
| </section> | |
| <!-- Section 6: Future Standards & Digital Due Process --> | |
| <section> | |
| <h2 class="section-title">Digital Due Process & Future Standards</h2> | |
| <p class="text-center text-gray-700 mb-8">Advancing beyond WCAG 2.1, future standards must embrace WCAG 3.0 principles and leverage AI for personalized accessibility, ensuring robust digital due process for neurodivergent individuals.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start"> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">WCAG 3.0 & Cognitive Accessibility</h3> | |
| <p class="text-gray-600 mb-4">Hypothetical adoption of WCAG 3.0 "Silver" standards would prioritize:</p> | |
| <ul class="space-y-2 list-disc list-inside text-gray-700"> | |
| <li><span class="font-semibold">Clear Language:</span> Plain language summaries for complex legal text.</li> | |
| <li><span class="font-semibold">Focus & Attention:</span> Minimizing distractions and allowing customizable layouts.</li> | |
| <li><span class="font-semibold">Memory Support:</span> Persistent navigation and context reminders.</li> | |
| <li><span class="font-semibold">Error Prevention:</span> robust validation and forgiveness in forms.</li> | |
| </ul> | |
| <p class="text-gray-600 mt-4">This directly benefits those with ADHD, addressing cognitive fatigue and executive dysfunction.</p> | |
| </div> | |
| <div class="card"> | |
| <h3 class="text-xl font-semibold text-dark-blue mb-4">GovLLM for Digital Due Process</h3> | |
| <p class="text-gray-600 mb-4">A specialized Government Large Language Model (GovLLM) could revolutionize access:</p> | |
| <div class="space-y-4"> | |
| <div class="flow-item"> | |
| <span class="font-semibold">Personalized Guidance</span><br> | |
| <span class="text-sm">Context-aware help for navigating complex regulations.</span> | |
| </div> | |
| <div class="flow-arrow">↓</div> | |
| <div class="flow-item"> | |
| <span class="font-semibold">Simplified Interfaces</span><br> | |
| <span class="text-sm">Dynamic simplification of forms based on user needs.</span> | |
| </div> | |
| <div class="flow-arrow">↓</div> | |
| <div class="flow-item"> | |
| <span class="font-semibold">Real-time Assistance</span><br> | |
| <span class="text-sm">Immediate answers to procedural questions, reducing anxiety.</span> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mt-4">This AI-driven approach ensures that digital systems actively support users, fulfilling the promise of due process in the digital age.</p> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="text-center mt-12 text-sm text-gray-500"> | |
| Data derived from Consolidated Notice of Appeal & Certiorari Petition, McLaughlin v. Kijakazi, D. Md. (Ref: 4th Cir. Nos. 25-1222, 25-1224) and associated exhibits. Infographic created October 27, 2025. | |
| <p class="mt-2">No Mermaid JS or SVG graphics were used in this output.</p> | |
| </footer> | |
| <script> | |
| const brilliantBluesPalette = ['#0B4F6C', '#01BAEF', '#168FF5', '#59BFFF', '#ADDDFF']; | |
| const wrapLabel = (label) => { | |
| if (typeof label !== 'string') return label; | |
| const maxLen = 16; | |
| if (label.length <= maxLen) return label; | |
| const words = label.split(' '); | |
| const lines = []; | |
| let currentLine = ''; | |
| words.forEach(word => { | |
| if ((currentLine + ' ' + word).trim().length <= maxLen) { | |
| currentLine = (currentLine + ' ' + word).trim(); | |
| } else { | |
| if (currentLine) lines.push(currentLine); | |
| currentLine = word; | |
| } | |
| }); | |
| if (currentLine) lines.push(currentLine); | |
| return lines; | |
| }; | |
| const tooltipTitleCallback = (tooltipItems) => { | |
| const item = tooltipItems[0]; | |
| let label = item.chart.data.labels[item.dataIndex]; | |
| if (Array.isArray(label)) { | |
| return label.join(' '); | |
| } else { | |
| return label; | |
| } | |
| }; | |
| const commonChartOptions = { | |
| responsive: true, | |
| maintainAspectRatio: false, | |
| plugins: { | |
| tooltip: { | |
| callbacks: { | |
| title: tooltipTitleCallback | |
| } | |
| }, | |
| legend: { | |
| position: 'bottom', | |
| }, | |
| } | |
| }; | |
| // Heritability Chart (Bar Chart) - Data from Exhibit H | |
| const heritabilityCtx = document.getElementById('heritabilityChart').getContext('2d'); | |
| const heritabilityLabels = ['Twin Study Heritability', 'SNP-Based Heritability'].map(wrapLabel); | |
| new Chart(heritabilityCtx, { | |
| type: 'bar', | |
| data: { | |
| labels: heritabilityLabels, | |
| datasets: [{ | |
| label: 'ADHD Heritability Estimate (%)', | |
| data: [75, 20], // Mid-points of ranges (60-90% -> 75%, 10-28% -> ~20%) | |
| backgroundColor: [brilliantBluesPalette[1], brilliantBluesPalette[3]], | |
| borderColor: [brilliantBluesPalette[0], brilliantBluesPalette[2]], | |
| borderWidth: 1 | |
| }] | |
| }, | |
| options: { | |
| ...commonChartOptions, | |
| scales: { | |
| y: { | |
| beginAtZero: true, | |
| max: 100, | |
| title: { display: true, text: 'Percentage (%)' } | |
| } | |
| }, | |
| plugins: { | |
| ...commonChartOptions.plugins, | |
| title: { display: true, text: 'ADHD Heritability Estimates' } | |
| } | |
| } | |
| }); | |
| // Beneficiary Chart (Bar Chart) - Data from Exhibit D | |
| const beneficiaryCtx = document.getElementById('beneficiaryChart').getContext('2d'); | |
| // From Table 6, Dec 2023, All Disabled Beneficiaries (Workers + Widow(er)s + Adult Children) | |
| const beneficiaryLabels = ['Mental Disorders', 'Musculoskeletal', 'Nervous System', 'Circulatory System', 'Other Conditions'].map(wrapLabel); | |
| const beneficiaryData = [ | |
| (3011707 / 8709006) * 100, // Sum of all Mental Disorders categories / Total | |
| (2610501 / 8709006) * 100, // Musculoskeletal / Total | |
| (894754 / 8709006) * 100, // Nervous system / Total | |
| (580710 / 8709006) * 100, // Circulatory / Total | |
| (100 - (3011707 + 2610501 + 894754 + 580710) / 8709006 * 100) // Remainder | |
| ]; | |
| new Chart(beneficiaryCtx, { | |
| type: 'bar', | |
| data: { | |
| labels: beneficiaryLabels, | |
| datasets: [{ | |
| label: '% of All Disabled Beneficiaries', | |
| data: beneficiaryData, | |
| backgroundColor: brilliantBluesPalette.slice(0, 5), | |
| borderColor: brilliantBluesPalette[0], | |
| borderWidth: 1 | |
| }] | |
| }, | |
| options: { | |
| ...commonChartOptions, | |
| indexAxis: 'y', // Horizontal Bar Chart | |
| scales: { | |
| x: { | |
| beginAtZero: true, | |
| max: 40, // Adjust max for better visualization | |
| title: { display: true, text: 'Percentage (%)' } | |
| } | |
| }, | |
| plugins: { | |
| ...commonChartOptions.plugins, | |
| title: { display: true, text: 'Primary Diagnosis Groups (All Disabled Beneficiaries, Dec 2023)' }, | |
| legend: { display: false } | |
| } | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |