claude
/
congress-analyzer


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>119th Congress — Member Rankings</title>
<link rel="stylesheet" href="app.css">
<script src="ranking.js" defer></script>
</head>
<body>
<noscript>This dashboard requires JavaScript.</noscript>

<div id="polisci-root" data-base="./data/">
  <header class="ps-header">
    <h1>119th Congress — Member Rankings</h1>
    <nav class="ps-nav"><a href="app.html">Member</a> · <a href="compare.html">Compare</a> · <a href="ranking.html" aria-current="page">Rankings</a></nav>
    <p class="ps-subtitle">Rank every House or Senate member of the 119th Congress by any of the dashboard metrics. Click a row to open that member's full dashboard.</p>
  </header>

  <div class="ps-layout">
    <aside class="sidebar" id="sidebar">
      <button type="button" class="sidebar-toggle" id="sidebar-toggle" aria-expanded="true" aria-controls="sidebar-body">Controls</button>
      <div class="sidebar-body" id="sidebar-body">
        <fieldset class="filter-group" id="filter-chamber">
          <legend>Chamber</legend>
          <label><input type="radio" name="chamber" value="H" checked> House</label>
          <label><input type="radio" name="chamber" value="S"> Senate</label>
        </fieldset>

        <fieldset class="filter-group" id="filter-party">
          <legend>Party</legend>
          <label><input type="checkbox" name="party" value="R" checked> Republican</label>
          <label><input type="checkbox" name="party" value="D" checked> Democrat</label>
          <label><input type="checkbox" name="party" value="I" checked> Independent</label>
        </fieldset>

        <fieldset class="filter-group">
          <legend>Metric</legend>
          <label for="rank-metric" class="sr-only">Metric</label>
          <select id="rank-metric">
            <option value="total">Total Votes</option>
            <option value="yeas">Yeas</option>
            <option value="nays">Nays</option>
            <option value="participation_pct">Participation %</option>
            <option value="voted_with_gop">Voted With GOP (count)</option>
            <option value="voted_with_gop_pct">Voted With GOP %</option>
            <option value="voted_with_dem">Voted With Dem (count)</option>
            <option value="voted_with_dem_pct">Voted With Dem %</option>
            <option value="voted_against_gop">Voted Against GOP (count)</option>
            <option value="voted_against_gop_pct">Voted Against GOP %</option>
            <option value="voted_against_dem">Voted Against Dem (count)</option>
            <option value="voted_against_dem_pct">Voted Against Dem %</option>
            <option value="lone_wolf">Lone Wolf Votes</option>
            <option value="lone_wolf_pct">Lone Wolf %</option>
          </select>
        </fieldset>

        <fieldset class="filter-group">
          <legend>Order</legend>
          <label><input type="radio" name="order" value="desc" checked> Highest first</label>
          <label><input type="radio" name="order" value="asc"> Lowest first</label>
        </fieldset>

        <button type="button" id="rank-reset" class="btn-reset">Reset</button>
        <p class="filter-hint">% metrics are computed as a share of votes cast.</p>
      </div>
    </aside>

    <main class="main-content">
      <section class="rank-summary" id="rank-summary"></section>
      <section class="vote-table-section">
        <div class="table-scroll">
          <table id="rank-table">
            <thead>
              <tr>
                <th>Rank</th>
                <th>Member</th>
                <th>Party</th>
                <th>State</th>
                <th id="rank-metric-header">Metric</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>
      </section>

      <footer class="ps-footer">
        <p>Rankings exclude members with zero votes cast (denominators undefined).</p>
        <p>Source data:
          <a href="https://clerk.house.gov/Votes" target="_blank" rel="noopener noreferrer">House Clerk roll-call XML</a> ·
          <a href="https://www.senate.gov/legislative/votes_new.htm" target="_blank" rel="noopener noreferrer">Senate roll-call XML</a> ·
          <a href="Methodology.md" target="_blank" rel="noopener">Methodology</a>
        </p>
        <p>Last regenerated: <span id="last-generated">(populated)</span></p>
      </footer>
    </main>
  </div>
</div>
</body>
</html>