xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>US 109th Congress</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="https://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script src="https://d3js.org/d3.v2.js?2.8.1"></script>
<link href="chart.css" rel="stylesheet" type="text/css" />
<style>
/* **for future */
#chart {
height: 406px;
}
</style>
<!-- js parameters -->
<script>
/*from https://stackoverflow.com/questions/2177548/load-json-into-variable */
var parameters = (function () {
var parameters = null;
$.ajax({
'async': false,
'global': false,
'url': "parameters.json",
'dataType': "json",
'success': function (data) {
parameters = data;
}
});
return parameters;
})();
</script>
</head>
<body>
<div data-role="page" id="mpage" class="type-home">
<div data-role="content">
<h1>US 109th Congress</h1>
<div class="chart-content">
<div class="main-column">
<p id="chart"><svg><defs id="gradients"></defs></svg></p>
<div id="slider-play">
<form id="slider-form">
<!--<label for="slider">Slider:</label>-->
<input name="slider" id="slider" min="2005.25" max="2006.75" value="2005.25" step=".01" type="range" />
</form>
<p id="play-button">
<a href="#" id="play" data-role="button" data-inline="true" data-icon="refresh" data-mini="true"><span id="playText">Play ></span></a>
</p>
</div> <!-- /slider-play -->
</div>
<div class="additional-column">
<form>
<fieldset data-role="controlgroup" data-mini="true">
<legend>Highlight:</legend>
<input class="checkbox-mp" name="checkbox-h-1" id="checkbox-h-1" type="checkbox">
<label for="checkbox-h-1">BUSH</label>
<input class="checkbox-mp" name="checkbox-h-2" id="checkbox-h-2" type="checkbox">
<label for="checkbox-h-2">SESSIONS</label>
<input class="checkbox-mp" name="checkbox-h-3" id="checkbox-h-3" type="checkbox">
<label for="checkbox-h-3">SHELBY</label>
<input class="checkbox-mp" name="checkbox-h-4" id="checkbox-h-4" type="checkbox">
<label for="checkbox-h-4">MURKOWSKI</label>
<input class="checkbox-mp" name="checkbox-h-5" id="checkbox-h-5" type="checkbox">
<label for="checkbox-h-5">STEVENS</label>
<input class="checkbox-mp" name="checkbox-h-6" id="checkbox-h-6" type="checkbox">
<label for="checkbox-h-6">KYL</label>
<input class="checkbox-mp" name="checkbox-h-7" id="checkbox-h-7" type="checkbox">
<label for="checkbox-h-7">MCCAIN</label>
<input class="checkbox-mp" name="checkbox-h-8" id="checkbox-h-8" type="checkbox">
<label for="checkbox-h-8">PRYOR</label>
<input class="checkbox-mp" name="checkbox-h-9" id="checkbox-h-9" type="checkbox">
<label for="checkbox-h-9">LINCOLN</label>
<input class="checkbox-mp" name="checkbox-h-10" id="checkbox-h-10" type="checkbox">
<label for="checkbox-h-10">BOXER</label>
<input class="checkbox-mp" name="checkbox-h-11" id="checkbox-h-11" type="checkbox">
<label for="checkbox-h-11">FEINSTEIN</label>
<input class="checkbox-mp" name="checkbox-h-12" id="checkbox-h-12" type="checkbox">
<label for="checkbox-h-12">ALLARD</label>
<input class="checkbox-mp" name="checkbox-h-13" id="checkbox-h-13" type="checkbox">
<label for="checkbox-h-13">SALAZAR</label>
<input class="checkbox-mp" name="checkbox-h-14" id="checkbox-h-14" type="checkbox">
<label for="checkbox-h-14">DODD</label>
<input class="checkbox-mp" name="checkbox-h-15" id="checkbox-h-15" type="checkbox">
<label for="checkbox-h-15">LIEBERMAN</label>
<input class="checkbox-mp" name="checkbox-h-16" id="checkbox-h-16" type="checkbox">
<label for="checkbox-h-16">BIDEN</label>
<input class="checkbox-mp" name="checkbox-h-17" id="checkbox-h-17" type="checkbox">
<label for="checkbox-h-17">CARPER</label>
<input class="checkbox-mp" name="checkbox-h-18" id="checkbox-h-18" type="checkbox">
<label for="checkbox-h-18">MARTINEZ</label>
<input class="checkbox-mp" name="checkbox-h-19" id="checkbox-h-19" type="checkbox">
<label for="checkbox-h-19">NELSON</label>
<input class="checkbox-mp" name="checkbox-h-20" id="checkbox-h-20" type="checkbox">
<label for="checkbox-h-20">CHAMBLISS</label>
<input class="checkbox-mp" name="checkbox-h-21" id="checkbox-h-21" type="checkbox">
<label for="checkbox-h-21">ISAKSON</label>
<input class="checkbox-mp" name="checkbox-h-22" id="checkbox-h-22" type="checkbox">
<label for="checkbox-h-22">AKAKA</label>
<input class="checkbox-mp" name="checkbox-h-23" id="checkbox-h-23" type="checkbox">
<label for="checkbox-h-23">INOUYE</label>
<input class="checkbox-mp" name="checkbox-h-24" id="checkbox-h-24" type="checkbox">
<label for="checkbox-h-24">CRAIG</label>
<input class="checkbox-mp" name="checkbox-h-25" id="checkbox-h-25" type="checkbox">
<label for="checkbox-h-25">CRAPO</label>
<input class="checkbox-mp" name="checkbox-h-26" id="checkbox-h-26" type="checkbox">
<label for="checkbox-h-26">DURBIN</label>
<input class="checkbox-mp" name="checkbox-h-27" id="checkbox-h-27" type="checkbox">
<label for="checkbox-h-27">OBAMA</label>
<input class="checkbox-mp" name="checkbox-h-28" id="checkbox-h-28" type="checkbox">
<label for="checkbox-h-28">BAYH</label>
<input class="checkbox-mp" name="checkbox-h-29" id="checkbox-h-29" type="checkbox">
<label for="checkbox-h-29">LUGAR</label>
<input class="checkbox-mp" name="checkbox-h-30" id="checkbox-h-30" type="checkbox">
<label for="checkbox-h-30">GRASSLEY</label>
<input class="checkbox-mp" name="checkbox-h-31" id="checkbox-h-31" type="checkbox">
<label for="checkbox-h-31">HARKIN</label>
<input class="checkbox-mp" name="checkbox-h-32" id="checkbox-h-32" type="checkbox">
<label for="checkbox-h-32">BROWNBACK</label>
<input class="checkbox-mp" name="checkbox-h-33" id="checkbox-h-33" type="checkbox">
<label for="checkbox-h-33">ROBERTS</label>
<input class="checkbox-mp" name="checkbox-h-34" id="checkbox-h-34" type="checkbox">
<label for="checkbox-h-34">BUNNING</label>
<input class="checkbox-mp" name="checkbox-h-35" id="checkbox-h-35" type="checkbox">
<label for="checkbox-h-35">MCCONNELL</label>
<input class="checkbox-mp" name="checkbox-h-36" id="checkbox-h-36" type="checkbox">
<label for="checkbox-h-36">VITTER</label>
<input class="checkbox-mp" name="checkbox-h-37" id="checkbox-h-37" type="checkbox">
<label for="checkbox-h-37">LANDRIEU</label>
<input class="checkbox-mp" name="checkbox-h-38" id="checkbox-h-38" type="checkbox">
<label for="checkbox-h-38">COLLINS</label>
<input class="checkbox-mp" name="checkbox-h-39" id="checkbox-h-39" type="checkbox">
<label for="checkbox-h-39">SNOWE</label>
<input class="checkbox-mp" name="checkbox-h-40" id="checkbox-h-40" type="checkbox">
<label for="checkbox-h-40">MIKULSKI</label>
<input class="checkbox-mp" name="checkbox-h-41" id="checkbox-h-41" type="checkbox">
<label for="checkbox-h-41">SARBANES</label>
<input class="checkbox-mp" name="checkbox-h-42" id="checkbox-h-42" type="checkbox">
<label for="checkbox-h-42">KENNEDYED</label>
<input class="checkbox-mp" name="checkbox-h-43" id="checkbox-h-43" type="checkbox">
<label for="checkbox-h-43">KERRYJOHN</label>
<input class="checkbox-mp" name="checkbox-h-44" id="checkbox-h-44" type="checkbox">
<label for="checkbox-h-44">STABENOW</label>
<input class="checkbox-mp" name="checkbox-h-45" id="checkbox-h-45" type="checkbox">
<label for="checkbox-h-45">LEVINCARL</label>
<input class="checkbox-mp" name="checkbox-h-46" id="checkbox-h-46" type="checkbox">
<label for="checkbox-h-46">DAYTON</label>
<input class="checkbox-mp" name="checkbox-h-47" id="checkbox-h-47" type="checkbox">
<label for="checkbox-h-47">COLEMAN</label>
<input class="checkbox-mp" name="checkbox-h-48" id="checkbox-h-48" type="checkbox">
<label for="checkbox-h-48">COCHRAN</label>
<input class="checkbox-mp" name="checkbox-h-49" id="checkbox-h-49" type="checkbox">
<label for="checkbox-h-49">LOTT</label>
<input class="checkbox-mp" name="checkbox-h-50" id="checkbox-h-50" type="checkbox">
<label for="checkbox-h-50">TALENT</label>
<input class="checkbox-mp" name="checkbox-h-51" id="checkbox-h-51" type="checkbox">
<label for="checkbox-h-51">BOND</label>
<input class="checkbox-mp" name="checkbox-h-52" id="checkbox-h-52" type="checkbox">
<label for="checkbox-h-52">BAUCUS</label>
<input class="checkbox-mp" name="checkbox-h-53" id="checkbox-h-53" type="checkbox">
<label for="checkbox-h-53">BURNS</label>
<input class="checkbox-mp" name="checkbox-h-54" id="checkbox-h-54" type="checkbox">
<label for="checkbox-h-54">HAGEL</label>
<input class="checkbox-mp" name="checkbox-h-55" id="checkbox-h-55" type="checkbox">
<label for="checkbox-h-55">NELSONBEN</label>
<input class="checkbox-mp" name="checkbox-h-56" id="checkbox-h-56" type="checkbox">
<label for="checkbox-h-56">ENSIGN</label>
<input class="checkbox-mp" name="checkbox-h-57" id="checkbox-h-57" type="checkbox">
<label for="checkbox-h-57">REID</label>
<input class="checkbox-mp" name="checkbox-h-58" id="checkbox-h-58" type="checkbox">
<label for="checkbox-h-58">GREGG</label>
<input class="checkbox-mp" name="checkbox-h-59" id="checkbox-h-59" type="checkbox">
<label for="checkbox-h-59">SUNUNU</label>
<input class="checkbox-mp" name="checkbox-h-60" id="checkbox-h-60" type="checkbox">
<label for="checkbox-h-60">CORZINE</label>
<input class="checkbox-mp" name="checkbox-h-61" id="checkbox-h-61" type="checkbox">
<label for="checkbox-h-61">MENENDEZ</label>
<input class="checkbox-mp" name="checkbox-h-62" id="checkbox-h-62" type="checkbox">
<label for="checkbox-h-62">LAUTENBERG</label>
<input class="checkbox-mp" name="checkbox-h-63" id="checkbox-h-63" type="checkbox">
<label for="checkbox-h-63">BINGAMAN</label>
<input class="checkbox-mp" name="checkbox-h-64" id="checkbox-h-64" type="checkbox">
<label for="checkbox-h-64">DOMENICI</label>
<input class="checkbox-mp" name="checkbox-h-65" id="checkbox-h-65" type="checkbox">
<label for="checkbox-h-65">CLINTON</label>
<input class="checkbox-mp" name="checkbox-h-66" id="checkbox-h-66" type="checkbox">
<label for="checkbox-h-66">SCHUMER</label>
<input class="checkbox-mp" name="checkbox-h-67" id="checkbox-h-67" type="checkbox">
<label for="checkbox-h-67">BURR</label>
<input class="checkbox-mp" name="checkbox-h-68" id="checkbox-h-68" type="checkbox">
<label for="checkbox-h-68">DOLE</label>
<input class="checkbox-mp" name="checkbox-h-69" id="checkbox-h-69" type="checkbox">
<label for="checkbox-h-69">CONRAD</label>
<input class="checkbox-mp" name="checkbox-h-70" id="checkbox-h-70" type="checkbox">
<label for="checkbox-h-70">DORGAN</label>
<input class="checkbox-mp" name="checkbox-h-71" id="checkbox-h-71" type="checkbox">
<label for="checkbox-h-71">DEWINE</label>
<input class="checkbox-mp" name="checkbox-h-72" id="checkbox-h-72" type="checkbox">
<label for="checkbox-h-72">VOINOVICH</label>
<input class="checkbox-mp" name="checkbox-h-73" id="checkbox-h-73" type="checkbox">
<label for="checkbox-h-73">INHOFE</label>
<input class="checkbox-mp" name="checkbox-h-74" id="checkbox-h-74" type="checkbox">
<label for="checkbox-h-74">COBURN</label>
<input class="checkbox-mp" name="checkbox-h-75" id="checkbox-h-75" type="checkbox">
<label for="checkbox-h-75">SMITHGORD</label>
<input class="checkbox-mp" name="checkbox-h-76" id="checkbox-h-76" type="checkbox">
<label for="checkbox-h-76">WYDEN</label>
<input class="checkbox-mp" name="checkbox-h-77" id="checkbox-h-77" type="checkbox">
<label for="checkbox-h-77">SANTORUM</label>
<input class="checkbox-mp" name="checkbox-h-78" id="checkbox-h-78" type="checkbox">
<label for="checkbox-h-78">SPECTER</label>
<input class="checkbox-mp" name="checkbox-h-79" id="checkbox-h-79" type="checkbox">
<label for="checkbox-h-79">CHAFEE</label>
<input class="checkbox-mp" name="checkbox-h-80" id="checkbox-h-80" type="checkbox">
<label for="checkbox-h-80">REED</label>
<input class="checkbox-mp" name="checkbox-h-81" id="checkbox-h-81" type="checkbox">
<label for="checkbox-h-81">DEMINT</label>
<input class="checkbox-mp" name="checkbox-h-82" id="checkbox-h-82" type="checkbox">
<label for="checkbox-h-82">GRAHAM</label>
<input class="checkbox-mp" name="checkbox-h-83" id="checkbox-h-83" type="checkbox">
<label for="checkbox-h-83">THUNE</label>
<input class="checkbox-mp" name="checkbox-h-84" id="checkbox-h-84" type="checkbox">
<label for="checkbox-h-84">JOHNSON</label>
<input class="checkbox-mp" name="checkbox-h-85" id="checkbox-h-85" type="checkbox">
<label for="checkbox-h-85">FRIST</label>
<input class="checkbox-mp" name="checkbox-h-86" id="checkbox-h-86" type="checkbox">
<label for="checkbox-h-86">ALEXANDER</label>
<input class="checkbox-mp" name="checkbox-h-87" id="checkbox-h-87" type="checkbox">
<label for="checkbox-h-87">CORNYN</label>
<input class="checkbox-mp" name="checkbox-h-88" id="checkbox-h-88" type="checkbox">
<label for="checkbox-h-88">HUTCHISON</label>
<input class="checkbox-mp" name="checkbox-h-89" id="checkbox-h-89" type="checkbox">
<label for="checkbox-h-89">BENNETT</label>
<input class="checkbox-mp" name="checkbox-h-90" id="checkbox-h-90" type="checkbox">
<label for="checkbox-h-90">HATCH</label>
<input class="checkbox-mp" name="checkbox-h-91" id="checkbox-h-91" type="checkbox">
<label for="checkbox-h-91">JEFFORDS</label>
<input class="checkbox-mp" name="checkbox-h-92" id="checkbox-h-92" type="checkbox">
<label for="checkbox-h-92">LEAHY</label>
<input class="checkbox-mp" name="checkbox-h-93" id="checkbox-h-93" type="checkbox">
<label for="checkbox-h-93">ALLEN</label>
<input class="checkbox-mp" name="checkbox-h-94" id="checkbox-h-94" type="checkbox">
<label for="checkbox-h-94">WARNER</label>
<input class="checkbox-mp" name="checkbox-h-95" id="checkbox-h-95" type="checkbox">
<label for="checkbox-h-95">CANTWELL</label>
<input class="checkbox-mp" name="checkbox-h-96" id="checkbox-h-96" type="checkbox">
<label for="checkbox-h-96">MURRAY</label>
<input class="checkbox-mp" name="checkbox-h-97" id="checkbox-h-97" type="checkbox">
<label for="checkbox-h-97">BYRDROBER</label>
<input class="checkbox-mp" name="checkbox-h-98" id="checkbox-h-98" type="checkbox">
<label for="checkbox-h-98">ROCKEFELLER</label>
<input class="checkbox-mp" name="checkbox-h-99" id="checkbox-h-99" type="checkbox">
<label for="checkbox-h-99">FEINGOLD</label>
<input class="checkbox-mp" name="checkbox-h-100" id="checkbox-h-100" type="checkbox">
<label for="checkbox-h-100">KOHL</label>
<input class="checkbox-mp" name="checkbox-h-101" id="checkbox-h-101" type="checkbox">
<label for="checkbox-h-101">ENZI</label>
<input class="checkbox-mp" name="checkbox-h-102" id="checkbox-h-102" type="checkbox">
<label for="checkbox-h-102">THOMAS</label>
</fieldset>
</form>
</div> <!-- /additional-column -->
</div> <!-- /chart-content -->
<div class="description">
</div>
<script src="motion.js"></script>
<p>Method: weighted PCA; Time intervals: approx. 6 months (projection of approx. 6-month blocks into all data, time is only approximated in this example)</p>
<p>Using <a href="https://github.com/michalskop/mpv_motion">Models of parliamentary voting in motion</a></p>
</div> <!-- /content -->
</div><!-- /page -->
</body>
</html>
Modified http://code.jquery.com/jquery-1.8.2.min.js to a secure url
Modified http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js to a secure url
Modified http://d3js.org/d3.v2.js?2.8.1 to a secure url
https://code.jquery.com/jquery-1.8.2.min.js
https://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js
https://d3js.org/d3.v2.js?2.8.1