AD Main Menu

Interactive: How justices ruled for the 2012 term

Danny Dougherty

div.graphic{

position:relative;

border-top:1px solid #000;

border-bottom:1px solid #000;

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

font-size: 14px;

text-align: left;

overflow: hidden;

width:100%;

}

div.graphic h3{

font-size:2em;

margin:.3em 0;

}

div.graphic p{

margin-top: 0;

}

div.source, div.credit, div.copyright{

font-size: .65em;

line-height: 1.35em;

}

div.source{

margin-top:1em;

}

div.source a{

color:inherit;

}

div.copyright{

float:right;

}

div.graphic div img{

width:100%;

display:block;

}

#justices{

position: relative;

}

div.mugs{

width:10%;

margin:0 .25%;

display:inline-block !important;

position:absolute;

overflow:hidden;

bottom:0;

z-index: 5;

}

div.mugs:nth-of-type(1){

left:0%;

}

div.mugs:nth-of-type(2){

left:11%;

}

div.mugs:nth-of-type(3){

left:22%;

}

div.mugs:nth-of-type(4){

left:33%;

}

div.mugs:nth-of-type(5){

left:44%;

}

div.mugs:nth-of-type(6){

left:55%;

}

div.mugs:nth-of-type(7){

left:66%;

}

div.mugs:nth-of-type(8){

left:77%;

}

div.mugs:nth-of-type(9){

left:88%;

}

div.mugs div.nameOverlay{

font-size: .7em;

position:absolute;

padding:5%;

color:#fff;

bottom:-100%;

width:90%;

left:0;

z-index: 1;

}

div.mugs div.nameOverlay:before{

content:" ";

position:absolute;

height:100%;

width:100%;

left:0;

top:0;

background:#000;

opacity:.75;

z-index:-1;

}

div#mugDummy{

width:10%;

padding-top:25%;

}

div#cases{

display:none;

margin-top:.5em;

position:relative;

border:1px solid transparent;

}

div.caseIcon{

position:absolute;

background:#999;

top:0;

border:1px solid #fff;

}

div.caseIcon:hover{

background:#000;

}

div.popUp{

z-index: 100;

background:#f0f0f0;

position: absolute;

padding:.75em;

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

border: 1px solid #555;

border-radius:.5em;

box-shadow: 1px 1px 2px #999;

background-image: linear-gradient(bottom, #d0d0d0 0, #f0f0f0 .5em, #f0f0f0 90%, #f9f9f9 95%);

background-image: -o-linear-gradient(bottom, #d0d0d0 0, #f0f0f0 .5em, #f0f0f0 90%, #f9f9f9 95%);

background-image: -moz-linear-gradient(bottom, #d0d0d0 0, #f0f0f0 .5em, #f0f0f0 90%, #f9f9f9 95%);

background-image: -webkit-linear-gradient(bottom, #d0d0d0 0, #f0f0f0 .5em, #f0f0f0 90%, #f9f9f9 95%);

background-image: -ms-linear-gradient(bottom, #d0d0d0 0, #f0f0f0 .5em, #f0f0f0 90%, #f9f9f9 95%);

display:none;

}

div.connectorLine{

border-style: solid;

border-color:#fff;

border-top-color: #000;

border-right-color: #000;

border-radius: 2em;

border-width: 1px;

position:absolute;

z-index: 1;

}

div#votedWith{

left:21%;

font-size:1em;

bottom:.25em;

position:absolute;

display:none;

z-index: 3;

}

div#instructions{

position:absolute;

font-size:1.25em;

top:0;

}

div#key{

position:relative;

bottom:0;

left:0;

width:100%;

font-size:.75em;

}

div#key div{

display: inline-block;

padding-left:.25em;

margin-right:1em;

margin-left:.75em;

margin-top:.1em;

position:relative;

}

div#key div:before{

content:" ";

background:#f00;

width:.75em;

height:100%;

position:absolute;

right:100%;

}

div#key div:nth-of-type(1):before{

background:#e07725;

}

div#key div:nth-of-type(2):before{

background:#ea9022;

}

div#key div:nth-of-type(3):before{

background:#fee6ca;

}

div#key div:nth-of-type(4):before{

background:#855ba6;

}

div#key div:nth-of-type(5):before{

background:#c0a3cc;

}

div#key div:nth-of-type(6):before{

background:#999;

}

div#dates{

position:absolute;

top:1.75em;

left:0;

height:1em;

width:100%;

}

div#dates .month{

height:100%;

border:2px solid #333;

border-top-color:transparent;

height:90%;

width:3em;

position:relative;

float:left;

margin-left:1px;

opacity:.5;

}

div#dates .month div{

font-size: .7em;

background:#fff;

padding:1px;

position:absolute;

bottom:-.8em;

}

div#caseDetails{

position:relative;

margin-top:3.25em;

padding-bottom:.5em;

margin-bottom:.5em;

border-bottom:1px solid #999;

width:100%;

min-height:2em;

}

div#caseDetails h5{

margin:0;

font-weight:normal;

font-size: 1.25em;

}

div#caseDetails .justice{

font-size: .8em;

display:inline-block;

margin-left:.4em;

}

div#caseDetails .justice:first-of-type{

margin-left:0;

}

div#caseDetails .justice div{

background: #999;

float:left;

width:.55em;

height:1.25em;

margin-right:.15em;

}

How justices ruled for the 2012 term

Stephen G. Breyer

Ruth Bader Ginsburg

Sonia Sotomayor

Elena Kagan

Anthony Kennedy

Samuel Alito Jr.

John Roberts

Antonin Scalia

Clarence Thomas

voted with

Select a justice to see how often he or she sided with the rest of the bench and for a breakdown of each decision this term.

Select a case from the term to see how each justice ruled

Delivered the majority opinion

Wrote a concurring opinion

Joined the majority or a concurrence


Wrote a dissenting opinion

Joined a dissenting opinion

Did not participate in the decision

Sources: The Oyez Project at IIT Chicago-Kent College of Law and SCOTUSblog and the U.S. Supreme Court

©MCT 2013

Graphic: Danny Dougherty

var X = null;

var selectedCase = X;

var names = {};

var justiceVotes = {Breyer: [2,2,2,2,2,2,2,2,2,0,2,2,3,2,2,2,0,2,2,2,2,3,2,2,0,0,X,1,4,3,2,4,2,2,1,2,4,2,2,2,0,2,1,2,0,2,2,2,2,2,2,2,2,2,2,2,0,3,2,4,2,2,4,3,0,4,1,4,4,2,2,2],

Ginsburg: [2,2,2,0,2,2,0,2,2,2,0,1,2,2,2,2,2,2,2,4,2,4,2,0,2,3,2,2,2,3,2,4,2,2,1,2,4,2,0,2,2,0,2,2,2,0,2,4,2,2,2,2,0,2,2,2,2,4,2,4,2,3,3,4,2,3,4,4,3,2,2,2],

Sotomayor: [2,2,2,2,2,2,2,2,2,3,1,2,2,0,2,2,2,2,0,3,3,4,2,2,2,2,2,2,2,4,2,4,2,0,2,0,3,2,2,2,2,2,2,0,2,2,0,4,2,0,2,2,2,0,2,2,2,4,2,X,2,2,4,3,2,4,3,4,4,2,2,4],

Kagan: [2,2,2,X,0,2,2,2,2,2,2,2,2,2,0,2,2,2,2,0,4,4,2,2,2,1,2,2,1,4,2,3,0,2,2,2,4,2,2,0,2,2,2,2,2,2,2,4,0,2,2,2,2,2,0,2,2,4,0,3,X,X,4,4,2,4,4,3,4,2,2,2],

Kennedy: [2,2,2,2,2,2,2,2,1,4,2,2,0,2,2,2,2,2,2,2,2,2,2,4,2,4,0,0,4,2,2,2,2,1,2,2,2,2,2,2,2,2,4,2,2,2,2,0,2,2,2,2,2,2,2,1,2,2,2,2,2,0,2,2,2,0,2,2,2,0,2,3],

Alito: [2,2,2,2,2,2,1,2,2,2,2,2,4,2,2,2,4,0,3,2,2,0,2,1,2,2,2,2,3,2,2,2,4,2,2,3,2,0,2,2,2,2,4,2,4,4,1,2,1,3,2,2,2,2,2,3,X,0,3,2,2,2,0,0,1,2,0,0,2,3,1,4],

Roberts: [2,2,2,2,2,2,2,2,0,2,2,0,2,2,2,0,2,2,2,2,2,2,0,2,2,2,1,3,4,2,2,2,4,1,0,2,2,2,2,2,2,2,3,2,3,4,2,2,2,4,2,2,2,2,2,2,3,2,2,2,0,2,2,2,1,2,2,2,0,3,2,0],

Scalia: [2,0,2,2,2,2,2,0,2,2,2,2,1,2,2,2,3,1,2,2,2,2,2,3,2,4,4,4,0,0,2,2,3,2,1,2,2,2,2,2,2,2,0,2,3,3,2,3,2,4,2,1,1,2,2,0,4,2,2,0,3,1,2,2,4,2,3,2,2,3,0,2],

Thomas: [2,2,2,2,2,0,2,2,2,2,2,2,4,2,2,2,4,2,2,1,0,2,2,3,2,2,2,4,2,2,0,0,4,3,2,3,1,1,2,2,2,2,2,2,4,4,1,2,2,3,0,0,2,2,1,3,4,1,1,2,4,1,1,2,3,2,1,2,1,4,2,4]};

var voteTypes = ["Delivered majority opinion", "Wrote concurring opinion", "Joined the majority", "Wrote dissenting opinion", "Joined dissenting opinion"];

var voteColors = ["#e07725", "#ea9022", "#fee6ca", "#855ba6", "#c0a3cc"];

var decisions = [1,2,2,1,1,1,1,0,0,1,1,2,1,1,1,1,1,1,1,0,0,1,1,0,2,1,1,0,0,1,1,1,2,0,0,1,3,0,0,0,2,1,0,0,2,2,0,1,0,1,1,4,2,0,1,0,1,0,1,1,0,2,0,1,1,2,1,1,1,0,1,2];

var decisionsTypes = ["Affirmed", "Reversed", "Vacated", "Dismissed", "Affirmed in part, reversed in part"];

var casesAMonth = [3,2,6,13,7,8,10,15];

var cases = [ "Lefemine v. Wideman",

"United States v. Bormes",

"Nitro-Lift Technologies, LLC v. Howard",

"Arkansas Game & Fish Commission v. United States of America",

"Kloeckner v. Solis",

"Ryan v. Gonzales and Tibbals v. Carter",

"Los Angeles County Flood Control Dristric v. Natural Resources Defense Council, inc.",

"Smith v. United States",

"Already LLC v. Nike",

"Lozman v. Riviera Beach",

"Sebelius v. Auburn Regional Medical Center",

"Chafin v. Chafin",

"Bailey v. United States",

"FTC v. Phoebe Putney Health System",

"Florida v. Harris",

"Gunn v. Minton",

"Henderson v. United States",

"Johnson v. Williams",

"Evans v. Michigan",

"Chaidez v. United States",

"Marx v. General Revenue Corporation",

"Clapper v. Amnesty International USA",

"Gabelli v. Securities and Exchange Commission",

"Amgen Inc. v. Connecticut Retirement Plans and Trust Funds",

"Standard Fire Insurance Company v. Knowles",

"Kirtsaeng v. John Wiley & Sons, Inc.",

"Decker v. Northwest Environmental Defense Center",

"WOS v. E.M.A. Et al.",

"Florida v. Jardines",

"Comcast v. Behrend",

"Millbrook v. United States",

"Genesis Healthcare v. Symczyk",

"US Airways v. McCutchen",

"Missouri v. McNeely",

"Kiobel v. Royal Dutch Petroleum",

"Moncrieffe v. Holder",

"Boyer v. Louisiana",

"McBurney v. Young",

"Dan’s City Used Cars, Inc. v. Pelkey",

"Bowman v. Monsanto Co.",

"Bullock v. BankChampaign, N.A.",

"Metrish v. Lancaster",

"City of Arlington v. FCC and Cable, Telecommunications, and Technology Committee v. FCC",

"Sebelius v. Cloer",

"Trevino v. Thaler",

"McQuiggin v. Perkins",

"Hillman v. Maretta",

"Maryland v. King",

"Oxford Health Plans LLC v. Sutter",

"Peugh v. United States",

"Horne v. Department of Agriculture",

"Association for Molecular Pathology v. Myriad Genetics, Inc.",

"United States v. Davila",

"Tarrant Regional Water District v. Herrmann",

"American Trucking Associations, Inc. v. City of Los Angeles",

"Arizona v. The Inter Tribal Council of Arizona, Inc.",

"Federal Trade Commission v. Actavis",

"Salinas v. Texas",

"Descamps v. United States",

"American Express Co. v. Italian Colors Restaurant",

"Agency for International Development v. Alliance for Open Society International, Inc.",

"Fisher v. University of Texas at Austin",

"Vance v. Ball State University",

"Mutual Pharmaceutical Co. v. Bartlett",

"United States v. Kebodeaux",

"University of Texas Southwestern Medical Center v. Nassar",

"Adoptive couple v. Baby girl",

"Koontz v. St. John Water Management District",

"Shelby County, Alabama v. Holder",

"United States v. Windsor",

"Sekhar v. United States",

"Hollingsworth v. Perry"];

function selectJudge(judge){

var connections = {};

var abstain = {};

$("div#cases:not(:visible)").slideDown();

jQuery.each(justiceVotes, function(name, votes){

connections[name] = 0;

abstain[name] = 0;

});

$("div#votedWith").css({fontSize:"1em"}).show().css({fontSize:$("div#justices").width() * .13 / $("div#votedWith").width() + "em"});

for(var i = 0; i

thisColor = "#999";

if(justiceVotes[judge][i] !== null){

thisColor = voteColors[justiceVotes[judge][i]];

}

jQuery.each(justiceVotes, function(name, votes){

if(votes[i] === null){

abstain[name]++;

} else if(justiceVotes[judge][i] !== null){

if(justiceVotes[judge][i]

if(votes[i]

connections[name]++;

}

} else if(justiceVotes[judge][i] > 2){

if(votes[i] > 2){

connections[name]++;

}

}

}

});

$(document.createElement("div")).addClass("caseIcon").css({background:thisColor, width:1/cases.length * 100 + "%", height:"1.5em", left:0}).animate({left:1/cases.length * 100 * i + "%"}, 1500).appendTo("div#cases");

}

$("div.mugs").not("#" + judge).each(function(i, mug){

var lineSize = Math.max((connections[$(mug).attr("id")]/(connections[judge] - abstain[$(mug).attr("id")]) - .6) / .4 * .09 * $("div#justices").height(), 1);

var $thisLine = $(document.createElement("div")).addClass("connectorLine").appendTo("#justices").css({borderWidth:lineSize,bottom:0, left:20, height:35 + 8*i - lineSize/2 + "%", width:0}).animate({width:parseFloat($(mug).position().left) + parseFloat($(mug).outerWidth()/2) - lineSize/2 - 20}, 500);

$(mug).children(".nameOverlay").html($(mug).attr("id") + ":
" + Math.round(connections[$(mug).attr("id")]/(connections[judge] - abstain[$(mug).attr("id")]) * 1000) / 10 + "%").css({height:"90%"}).delay(500).animate({bottom:0}, 750);

});

$("div#" + judge + " .nameOverlay").text(names[judge]).css({bottom:"-100%", height:""}).animate({bottom:0},500);

$(".caseIcon").click(function(){

selectedCase = $(this).index(".caseIcon");

});

$(".caseIcon").hover(function(){

var num = $(this).index(".caseIcon");

$(this).css({zIndex:10, borderColor:"#000"});

$(".caseIcon").eq(selectedCase).css({zIndex:"", borderColor:"#fff"});

$("div#caseDetails h5").html("" + cases[num] + ": " + decisionsTypes[decisions[num]] + " lower court decision");

jQuery.each(justiceVotes, function(name, votes){

$("div#caseDetails .justice." + name).html(name).prepend($(document.createElement("div")).css({background:voteColors[votes[num]]}));

});

}, function(){

$(this).css({zIndex:"", borderColor:"#fff"});

if(selectedCase !== null){

$(".caseIcon").eq(selectedCase).css({zIndex:10, borderColor:"#000"});

$("div#caseDetails h5").html("" + cases[selectedCase] + ": " + decisionsTypes[decisions[selectedCase]] + " lower court decision");

jQuery.each(justiceVotes, function(name, votes){

$("div#caseDetails .justice." + name).html(name).prepend($(document.createElement("div")).css({background:voteColors[votes[selectedCase]]}));

});

} else {

$("div#caseDetails h5").html("Select a case from the term to see how each justice ruled");

jQuery.each(justiceVotes, function(name, votes){

$("div#caseDetails .justice." + name).html("");

});

}

});

}

$(document).ready(function(){

$("div#cases").show();

var totWidth = 0;

$("div.month:not(:last)").each(function(i, month){

$(month).css({width: casesAMonth[i] / cases.length * $("div#dates").width() - 5});

var label = $(document.createElement("div")).text($(month).attr("month")).appendTo(month);

label.css({left: $(month).width() / 2 - label.width() / 2});

totWidth += $(month).outerWidth();

});

$("div.month:last").css({width: $("div#dates").width() - 14 - totWidth}).append($(document.createElement("div")).text($("div.month:last").attr("month")).css("left", "35%"));

$("div#cases").hide();

$("div.mugs").each(function(i, mug){

names[$(mug).attr("id")] = $(mug).text();

});

$("div.mugs").hover(function(){

$(this).children(".nameOverlay").animate({bottom:0}, 750);

}, function(){

$(this).children(".nameOverlay").animate({bottom:"-100%"}, 250);

});

$("div.mugs").click(function(){

$("div.mugs").unbind('mouseenter mouseleave');

$("div#instructions").fadeOut(500);

$("div.mugs .nameOverlay").animate({bottom:"-100%"}, 500);

$("div.mugs").not(this).each(function(i, mug){

$(mug).animate({width:"7.5%", left: (35 + 8 * i) + "%"}, 1000);

$(mug).children(".nameOverlay").css({"font-size":".65em", fontWeight:"normal"});

});

$(".caseIcon").animate({left:"0%"}, 1000, function(){$(this).remove();});

$(".connectorLine").remove();

$(this).animate({width:"20%"}, 500, function(){

$(this).delay(500).animate({left:"0%"}, 1000,function(){

selectJudge($(this).attr("id"));

});

$(this).children(".nameOverlay").css({fontSize:"1.25em", fontWeight:"bold"});

});

});

$("body").css({marginTop:"-20px"});

});

if($().jquery.split(".")[1]

$(document.createElement("script")).attr({src:"http://www.mcclatchydc.com/static/scripts/jquery-1.4.2.min.js", type:"text/javascript"}).appendTo("body");

}


Danny Dougherty