Part II: Hilarity vs Trumpiness

<!DOCTYPE html>
<meta charset="utf-8">
<style>
	.state {
		fill: none;
		stroke: #a9a9a9;
		stroke-width: 1;
	}
	.state:hover {
		fill-opacity:0.7;
    stroke-opacity: 1;
    stroke-width: 2;
    stroke: #444 !important;
    z-index: 20;
	}
  #tooltip h4 {
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0;
    max-width: 300px;
    word-wrap: normal;
  }
	#tooltip {
    display: none;
    position: absolute;
    pointer-events: none;
    background-color: #f7f7f7;
    padding: 3px 12px;
    font-family: sans-serif;
    border: 1px solid #bbbbbb;
    box-shadow: 1px 1px 4px #bbbbbb;
	}
  #tooltip bod {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
  }
</style>
<body>
  <div id="option">
    <input name="contrbButton" 
           type="button" 
           value="Contribution by State" 
           onclick="contrbMap()" />
    <input name="indContButton" 
           type="button" 
           value="Contribution by Individual" 
           onclick="indContMap()" />
    <input name="salButton" 
           type="button" 
           value="Median Salary" 
           onclick="salMap()" />
    <input name="resetButton" 
           type="button" 
           value="Reset" 
           onclick="resetMap()" />
	</div>
  <div id="tooltip"></div>
  <svg width="960" height="600" id="statesvg"></svg> 
  <script src="uStates.js"></script> 
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <script>
    var states = ["HI", "AK", "FL", "SC", "GA", "AL", "NC", "TN", "RI", "CT", 
                  "MA", "ME", "NH", "VT", "NY", "NJ", "PA", "DE", "MD", "WV", 
                  "KY", "OH", "MI", "WY", "MT", "ID", "WA", "DC", "TX", "CA", 
                  "AZ", "NV", "UT", "CO", "NM", "OR", "ND", "SD", "NE", "IA", 
                  "MS", "IN", "IL", "MN", "WI", "MO", "AR", "OK", "KS", "LA", 
                  "VA"];

var contrbData = [{"contbr_st":"AK","D":73901483.9799997211,"G":0.0,"L":527873.4866667,"R":63972790.7200005725},{"contbr_st":"AL","D":116779264.1000016034,"G":0.0,"L":234452.52,"R":302343460.5733281374},{"contbr_st":"AR","D":145459112.1933347583,"G":57226.26,"L":323016.99,"R":184169436.5266678929},{"contbr_st":"AZ","D":403785340.7396802902,"G":1060291.0899999999,"L":1642819.4900000002,"R":477967254.3266448975},{"contbr_st":"CA","D":5792420577.0263214111,"G":8173084.3999999957,"L":5912607.2033333983,"R":2290547178.4134554863},{"contbr_st":"CO","D":675174163.2266552448,"G":683701.4566667,"L":2333330.8466667002,"R":461323963.4799796343},{"contbr_st":"CT","D":483638173.0366458297,"G":1028647.01,"L":644446.25,"R":221473703.3100010753},{"contbr_st":"DC","D":704308832.6066473722,"G":301737.15,"L":671211.04,"R":119872824.8300025314},{"contbr_st":"DE","D":63320881.3300002962,"G":57226.26,"L":190729.11,"R":39226995.1366673112},{"contbr_st":"FL","D":1361304117.2566866875,"G":1183754.3300000001,"L":3732191.6566666989,"R":1903384198.0266156197},{"contbr_st":"GA","D":456266450.1099790931,"G":1503732.8199999996,"L":1415785.9033334001,"R":628958124.7033185959},{"contbr_st":"HI","D":112943300.6466661096,"G":233392.32,"L":281914.0366667,"R":50407256.1033339724},{"contbr_st":"IA","D":180122143.8333326578,"G":57226.26,"L":437338.23,"R":197621304.6833330095},{"contbr_st":"ID","D":65928856.6233333647,"G":0.0,"L":123994.73,"R":120928339.7200040221},{"contbr_st":"IL","D":1096698754.280015707,"G":1920678.3999999999,"L":1561511.1166667002,"R":553095846.6166470051},{"contbr_st":"IN","D":254551260.9933306575,"G":32455.64,"L":186324.15,"R":334041254.6433235407},{"contbr_st":"KS","D":120558310.9500009865,"G":102489.2,"L":206000.87,"R":176931010.6400009096},{"contbr_st":"KY","D":159991103.0700000525,"G":140906.95,"L":33850.0,"R":169786030.9400014579},{"contbr_st":"LA","D":133825256.3866674453,"G":110397.41,"L":404025.3666667001,"R":302459166.3966627121},{"contbr_st":"MA","D":1405449339.1667141914,"G":3284440.4766666992,"L":934085.63,"R":301465523.0433276892},{"contbr_st":"MD","D":966055441.2693980932,"G":1455747.3400000001,"L":696940.0966667,"R":339324936.4796895981},{"contbr_st":"ME","D":167310684.4363618493,"G":640634.1566667,"L":233392.32,"R":61484538.0166669115},{"contbr_st":"MI","D":558378540.0699275732,"G":1185647.75,"L":2160022.4500000002,"R":509860444.373314023},{"contbr_st":"MN","D":438843649.9966478944,"G":1121992.99,"L":754542.1100000001,"R":277531018.1966621876},{"contbr_st":"MO","D":292643338.7166611552,"G":216623.34,"L":912140.45,"R":337431374.063324213},{"contbr_st":"MS","D":45542668.2499999776,"G":0.0,"L":250827.6,"R":144010794.6566694677},{"contbr_st":"MT","D":68811834.0333330929,"G":113436.4,"L":293631.28,"R":92902742.8166681528},{"contbr_st":"NC","D":499986534.7766409516,"G":1243310.8899999999,"L":1577658.3166666999,"R":492027557.0599804521},{"contbr_st":"ND","D":22560491.7599999271,"G":0.0,"L":0.0,"R":42032685.3533335924},{"contbr_st":"NE","D":80534492.1696972251,"G":0.0,"L":223798.67,"R":102053184.0033355504},{"contbr_st":"NH","D":211724101.0699988008,"G":452415.88,"L":856419.3,"R":122783661.6800020337},{"contbr_st":"NJ","D":788448896.6866098642,"G":507738.8766667,"L":1168560.7566666999,"R":565737676.2633157969},{"contbr_st":"NM","D":220897193.8266637027,"G":490934.1,"L":2432786.8100000992,"R":124468436.3700024635},{"contbr_st":"NV","D":193466932.3833327591,"G":179789.3166667,"L":634121.5600000001,"R":215291329.773330301},{"contbr_st":"NY","D":3389693602.7010798454,"G":3961014.5099999988,"L":3895729.1733332979,"R":875005477.2027196884},{"contbr_st":"OH","D":501106049.6866430044,"G":870177.0599999999,"L":1188097.6699999999,"R":811477174.1966637373},{"contbr_st":"OK","D":152323005.2866676152,"G":57226.26,"L":164144.24,"R":278719834.3633284569},{"contbr_st":"OR","D":555763718.7726978064,"G":963325.6433334,"L":488572.0,"R":228076075.4866635203},{"contbr_st":"PA","D":899139395.6154507399,"G":1480459.71,"L":1639053.0666667002,"R":676372937.1993800402},{"contbr_st":"RI","D":127446367.3866677135,"G":421294.09,"L":0.0,"R":33927999.1333335713},{"contbr_st":"SC","D":179847650.0733329654,"G":175929.32,"L":333409.2533333,"R":404867163.0066556931},{"contbr_st":"SD","D":32933875.0033335127,"G":0.0,"L":65000.0,"R":58046058.1566666216},{"contbr_st":"TN","D":284892982.6302527785,"G":395998.1,"L":525411.16,"R":457142832.4433191419},{"contbr_st":"TX","D":1502582701.5367269516,"G":1273482.1599999999,"L":6294291.6800001962,"R":3387771740.6114726067},{"contbr_st":"UT","D":133836520.4133330435,"G":31250.0,"L":554907.0266667,"R":176978790.2133354247},{"contbr_st":"VA","D":840923624.9263076782,"G":1455230.4733332999,"L":2045353.5499999998,"R":720696646.7699908018},{"contbr_st":"VT","D":333035692.5066558123,"G":197737.7,"L":291289.86,"R":22542632.9366666377},{"contbr_st":"WA","D":1129280954.5233175755,"G":2287694.9166666996,"L":1968287.3566666998,"R":433210963.5233138204},{"contbr_st":"WI","D":316194512.9863550067,"G":1460230.0133332999,"L":755787.4066667,"R":293340862.9133281708},{"contbr_st":"WV","D":62987504.0166667998,"G":175929.32,"L":285578.82,"R":60457445.2100009918},{"contbr_st":"WY","D":30215031.5966667831,"G":0.0,"L":174627.6,"R":62127744.06000112}];
    
    var salaryData = [{"contbr_st":"AK","D":59984.9707629868,"G":0.0,"L":75410.4980952429,"R":60011.9987992501},{"contbr_st":"AL","D":69718.963641792,"G":0.0,"L":78150.84,"R":73047.4657099126},{"contbr_st":"AR","D":71690.0503663552,"G":28613.13,"L":53836.165,"R":71080.4463630521},{"contbr_st":"AZ","D":66796.5824217833,"G":53014.5545,"L":96636.4405882353,"R":67767.9362436757},{"contbr_st":"CA","D":69393.5760138288,"G":62389.9572519084,"L":67961.0023371655,"R":68727.4117382818},{"contbr_st":"CO","D":68846.1469589737,"G":52592.4197435923,"L":83333.2445238107,"R":66868.2364806464},{"contbr_st":"CT","D":69378.5931769683,"G":44723.7830434783,"L":64444.625,"R":68187.7165363304},{"contbr_st":"DC","D":82077.7103608726,"G":100579.05,"L":74579.0044444445,"R":86239.4423237428},{"contbr_st":"DE","D":67578.3151867666,"G":57226.26,"L":190729.11,"R":66486.4324350293},{"contbr_st":"FL","D":70879.1063863734,"G":65764.1294444445,"L":84822.5376515159,"R":71947.9946334007},{"contbr_st":"GA","D":71403.2003302002,"G":62655.5341666666,"L":74515.0475438632,"R":70149.2443345214},{"contbr_st":"HI","D":63202.7423876139,"G":77797.44,"L":46985.6727777833,"R":63325.6986222789},{"contbr_st":"IA","D":61791.4730131501,"G":57226.26,"L":145779.41,"R":66338.1351739956},{"contbr_st":"ID","D":63515.276130379,"G":0.0,"L":61997.365,"R":62852.5674220395},{"contbr_st":"IL","D":69933.6024920301,"G":64022.6133333333,"L":62460.444666668,"R":69379.8101626501},{"contbr_st":"IN","D":66100.0418055909,"G":10818.5466666667,"L":62108.05,"R":69897.7306221644},{"contbr_st":"KS","D":64573.2784949121,"G":34163.0666666667,"L":68666.9566666667,"R":65773.6099033461},{"contbr_st":"KY","D":67792.8402838983,"G":46968.9833333333,"L":33850.0,"R":70803.1822101758},{"contbr_st":"LA","D":71032.5140056621,"G":110397.41,"L":80805.07333334,"R":77177.6387845529},{"contbr_st":"MA","D":70370.9863392106,"G":69881.7122695042,"L":66720.4021428571,"R":71100.359208332},{"contbr_st":"MD","D":76482.894566495,"G":58229.8936,"L":69694.00966667,"R":71018.1951610903},{"contbr_st":"ME","D":63159.9412745798,"G":64063.41566667,"L":77797.44,"R":66976.6209331884},{"contbr_st":"MI","D":67420.7365455117,"G":62402.5131578947,"L":113685.3921052632,"R":70199.7032043665},{"contbr_st":"MN","D":66220.5598304886,"G":70124.561875,"L":83838.0122222222,"R":67476.542231136},{"contbr_st":"MO","D":67914.4438887587,"G":36103.89,"L":101348.9388888889,"R":67553.8286413061},{"contbr_st":"MS","D":70938.7355919003,"G":0.0,"L":125413.8,"R":72185.861983293},{"contbr_st":"MT","D":63188.0936945207,"G":113436.4,"L":97877.0933333333,"R":63199.1447732436},{"contbr_st":"NC","D":68397.6107765583,"G":59205.2804761905,"L":78882.915833335,"R":68470.2973921487},{"contbr_st":"ND","D":64092.3061363634,"G":0.0,"L":0.0,"R":59875.6201614439},{"contbr_st":"NE","D":61523.6762182561,"G":0.0,"L":44759.734,"R":64386.8668790761},{"contbr_st":"NH","D":63887.7794417619,"G":64630.84,"L":85641.93,"R":69723.8283248166},{"contbr_st":"NJ","D":69904.14901025,"G":46158.0796969727,"L":97380.0630555583,"R":76731.0017989035},{"contbr_st":"NM","D":66315.5790533364,"G":61366.7625,"L":69508.1945714314,"R":64258.3564119786},{"contbr_st":"NV","D":66165.1615538074,"G":59929.7722222333,"L":63412.156,"R":68455.1128055104},{"contbr_st":"NY","D":71654.6231493062,"G":58250.2133823529,"L":77914.583466666,"R":71115.5296816255},{"contbr_st":"OH","D":68186.9709738254,"G":72514.755,"L":84864.1192857143,"R":75283.1593094595},{"contbr_st":"OK","D":69049.4130945909,"G":19075.42,"L":82072.12,"R":67848.0609453088},{"contbr_st":"OR","D":62082.6316770217,"G":48166.28216667,"L":97714.4,"R":61459.4652348864},{"contbr_st":"PA","D":71348.9442640415,"G":77918.9321052632,"L":71263.1768115957,"R":70090.4598134073},{"contbr_st":"RI","D":68630.2463040752,"G":84258.818,"L":0.0,"R":74240.6983223929},{"contbr_st":"SC","D":69466.0680082398,"G":87964.66,"L":55568.2088888833,"R":73572.0812296303},{"contbr_st":"SD","D":68045.1962878792,"G":0.0,"L":65000.0,"R":65293.653719535},{"contbr_st":"TN","D":69232.8025832935,"G":98999.525,"L":75058.7371428571,"R":71506.7781078241},{"contbr_st":"TX","D":72215.2497494462,"G":67025.3768421053,"L":74932.0438095261,"R":69367.5363571701},{"contbr_st":"UT","D":64811.874292171,"G":10416.6666666667,"L":55490.70266667,"R":65041.8192625268},{"contbr_st":"VA","D":72662.544277742,"G":69296.6892063476,"L":70529.4327586207,"R":72301.0279664918},{"contbr_st":"VT","D":60995.5480781421,"G":39547.54,"L":97096.62,"R":64224.0254605887},{"contbr_st":"WA","D":64014.5657572313,"G":57192.3729166675,"L":75703.3598717961,"R":63085.9128474317},{"contbr_st":"WI","D":64123.8111917167,"G":56162.6928205115,"L":83976.3785185222,"R":71897.2703218942},{"contbr_st":"WV","D":67801.4036777899,"G":175929.32,"L":71394.705,"R":67929.7137191022},{"contbr_st":"WY","D":68514.8108767954,"G":0.0,"L":174627.6,"R":61757.2008548719}];

var indContData = [{"contbr_st":"AK","D":250.0,"G":0.0,"L":241.65,"R":250.0},{"contbr_st":"AL","D":250.0,"G":20.0,"L":300.0,"R":300.0},{"contbr_st":"AR","D":300.0,"G":275.0,"L":275.45,"R":300.0},{"contbr_st":"AZ","D":247.0,"G":250.0,"L":500.0,"R":250.0},{"contbr_st":"CA","D":300.0,"G":250.0,"L":400.0,"R":310.0},{"contbr_st":"CO","D":250.0,"G":250.0,"L":450.0,"R":250.0},{"contbr_st":"CT","D":300.0,"G":250.0,"L":1000.0,"R":435.0},{"contbr_st":"DC","D":500.0,"G":300.0,"L":875.0,"R":1000.0},{"contbr_st":"DE","D":250.0,"G":250.0,"L":2700.0,"R":272.5},{"contbr_st":"FL","D":290.0,"G":250.0,"L":500.0,"R":340.0},{"contbr_st":"GA","D":250.0,"G":250.0,"L":300.0,"R":275.0},{"contbr_st":"HI","D":250.0,"G":500.0,"L":2000.0,"R":250.0},{"contbr_st":"IA","D":225.0,"G":50.0,"L":397.675,"R":262.0},{"contbr_st":"ID","D":220.0,"G":0.0,"L":2700.0,"R":250.0},{"contbr_st":"IL","D":265.0,"G":250.0,"L":300.0,"R":293.0},{"contbr_st":"IN","D":227.135,"G":200.0,"L":380.4,"R":250.0},{"contbr_st":"KS","D":225.0,"G":400.0,"L":400.0,"R":250.0},{"contbr_st":"KY","D":250.0,"G":250.0,"L":750.0,"R":270.16},{"contbr_st":"LA","D":264.02,"G":250.0,"L":250.0,"R":350.0},{"contbr_st":"MA","D":275.0,"G":250.0,"L":250.0,"R":300.0},{"contbr_st":"MD","D":350.0,"G":250.0,"L":276.0,"R":300.0},{"contbr_st":"ME","D":233.98,"G":300.0,"L":500.0,"R":250.0},{"contbr_st":"MI","D":250.0,"G":250.0,"L":413.05,"R":264.28},{"contbr_st":"MN","D":250.0,"G":300.0,"L":500.0,"R":250.0},{"contbr_st":"MO","D":250.0,"G":250.0,"L":250.0,"R":250.0},{"contbr_st":"MS","D":250.0,"G":0.0,"L":404.725,"R":260.0},{"contbr_st":"MT","D":217.5,"G":750.0,"L":210.95,"R":250.0},{"contbr_st":"NC","D":250.0,"G":200.0,"L":404.875,"R":260.0},{"contbr_st":"ND","D":250.0,"G":0.0,"L":0.0,"R":255.0},{"contbr_st":"NE","D":250.0,"G":0.0,"L":319.25,"R":250.0},{"contbr_st":"NH","D":244.0,"G":250.0,"L":379.85,"R":255.0},{"contbr_st":"NJ","D":260.0,"G":250.0,"L":250.0,"R":500.0},{"contbr_st":"NM","D":260.0,"G":250.0,"L":500.0,"R":250.0},{"contbr_st":"NV","D":250.0,"G":250.0,"L":550.0,"R":300.0},{"contbr_st":"NY","D":333.0,"G":250.0,"L":500.0,"R":415.0},{"contbr_st":"OH","D":250.0,"G":250.0,"L":300.0,"R":300.0},{"contbr_st":"OK","D":250.57,"G":250.0,"L":500.0,"R":280.0},{"contbr_st":"OR","D":234.75,"G":200.0,"L":350.0,"R":250.0},{"contbr_st":"PA","D":250.0,"G":250.0,"L":250.0,"R":267.29},{"contbr_st":"RI","D":260.195,"G":250.0,"L":0.0,"R":285.0},{"contbr_st":"SC","D":256.0,"G":375.0,"L":300.0,"R":300.0},{"contbr_st":"SD","D":274.56,"G":0.0,"L":500.0,"R":250.0},{"contbr_st":"TN","D":250.5,"G":175.0,"L":250.0,"R":300.0},{"contbr_st":"TX","D":275.0,"G":250.0,"L":450.0,"R":350.0},{"contbr_st":"UT","D":250.0,"G":250.0,"L":385.0,"R":250.0},{"contbr_st":"VA","D":300.0,"G":250.0,"L":405.1,"R":300.0},{"contbr_st":"VT","D":230.0,"G":100.0,"L":500.0,"R":250.0},{"contbr_st":"WA","D":250.0,"G":250.0,"L":375.0,"R":250.0},{"contbr_st":"WI","D":225.0,"G":250.0,"L":275.0,"R":300.0},{"contbr_st":"WV","D":250.0,"G":250.0,"L":795.95,"R":250.0},{"contbr_st":"WY","D":250.0,"G":0.0,"L":2000.0,"R":325.0}];
    
    
    // Create new map
    //
    var sampleData ={};	/* Sample random data. */

states.forEach(function(d) {
      sampleData[d] = {
        color: "#c0c0c0"
      }
    });
    
    function tooltip(n, d){
      var numb_format = d3.format(",");
      return "<h4>"+n+"</h4>"
    }
    
    uStates.draw("#statesvg", sampleData, tooltip);

// Reset map
    //
    function resetMap(){
       //d3.select("#tooltip").style("display", "inline-block");
      states.forEach(function(d) {
        sampleData[d] = {
          color: "#c0c0c0"
        }
      });
      
			d3.select("#statesvg").selectAll('*').remove();
      uStates.draw("#statesvg", sampleData, tooltip);
    }

// Total contribution data
    //
    function contrbMap() {
      // get contribution data and format
      contrbData
        .forEach(function(d){ 
        stateCode = d["contbr_st"];
        if (states.indexOf(stateCode) != -1) {	
          var tot = Math.round(d["D"] + d["R"]),
              dem = Math.round(d["D"]),
              rep = Math.round(d["R"]);
          sampleData[stateCode]={
            tot:tot,
            dem:dem, 
            rep:rep, 
            color:d3.scale.linear()
            .domain([0, 0.5, 1])
            .range(['#ff0f0f', '#c0c0c0', '#0000ff'])(dem/tot)
          };
        } else {
        }         
      });

function tooltip(n, d){	/* create html content string in tooltip div. */
        var numb_format = d3.format(",");
        return "<h4>"+n+"</h4>"+
          "<bod>" + 'Total Contributions:  $' + numb_format(d.tot) +
          "<bod>" + 'Democrat:             $' + numb_format(d.dem) +
          "<bod>" + 'Republican:           $' + numb_format(d.rep) +      
          "</bod>";
      }

/* draw states on id #statesvg */	
      d3.select("#statesvg").selectAll('*').remove();
      uStates.draw("#statesvg", sampleData, tooltip);
    }

// Median salary map
    //
    function salMap() {

// get contribution data and format
        salaryData
          .forEach(function(d){ 
          stateCode = d["contbr_st"];
          if (states.indexOf(stateCode) != -1) {	
            var dem = Math.round(d["D"]),
                rep = Math.round(d["R"]);
            sampleData[stateCode]={
              dem:dem, 
              rep:rep, 
              color:d3.scale.linear()
              .domain([0.75, 1, 1.25])
              .range(['#ff0f0f', '#c0c0c0', '#0000ff'])(dem/rep)
            };
          } else {
          }         
        });

function tooltip(n, d){	/* create html content string in tooltip div. */
          var numb_format = d3.format(",");
          return "<h4>"+n+"</h4>"+
            "<bod>" + 'Median Salary ' +
            "<bod>" + 'Democrat:       $' + numb_format(d.dem) +
            "<bod>" + 'Republican:     $' + numb_format(d.rep) +      
            "</bod>";
        }

/* draw states on id #statesvg */	
      	d3.select("#statesvg").selectAll('*').remove();
        uStates.draw("#statesvg", sampleData, tooltip);
    }
    
    // Individual contribution map
    //
    function indContMap() {
      // get contribution data and format
      indContData
        .forEach(function(d){ 
        stateCode = d["contbr_st"];
        if (states.indexOf(stateCode) != -1) {	
          var dem = Math.round(d["D"]),
              rep = Math.round(d["R"]);
          sampleData[stateCode]={
            dem:dem, 
            rep:rep, 
            color:d3.scale.linear()
            .domain([0.70, 1, 1.30])
            .range(['#ff0f0f', '#c0c0c0', '#0000ff'])(dem/rep)
          };
        } else {
        }         
      });

function tooltip(n, d){	/* create html content string in tooltip div. */
        var numb_format = d3.format(",");
        return "<h4>"+n+"</h4>"+
          "<bod>" + 'Individual Contributions' +
          "<bod>" + 'Democrat:             $' + numb_format(d.dem) +
          "<bod>" + 'Republican:           $' + numb_format(d.rep) +      
          "</bod>";
      }

/* draw states on id #statesvg */	
      d3.select("#statesvg").selectAll('*').remove();
      uStates.draw("#statesvg", sampleData, tooltip);
    }

d3.select(self.frameElement).style("height", "600px"); 
  </script>

</body>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js