<!DOCTYPE html>
<html>
<head>
  <style>
    .vega-actions a {
        margin-right: 12px;
        color: #757575;
        font-weight: normal;
        font-size: 13px;
    }
    .error {
        color: red;
    }
  </style>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega@4"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega-lite@2.6.0"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega-embed@3"></script>
</head>
<body>
  <div id="vis"></div>
  <script>
      var spec = {"config": {"view": {"width": 400, "height": 300}, "title": {"color": "blue", "font": "Times New Roman", "fontSize": 24, "fontWeight": 500}}, "data": {"name": "data-7522569a5d267bda1bf275e6ef0caabc"}, "mark": {"type": "point", "filled": true, "stroke": "black", "strokeWidth": 0.5}, "background": "white", "encoding": {"color": {"condition": {"type": "nominal", "field": "Position", "scale": {"scheme": "tableau10"}, "selection": "Player"}, "value": "lightgray"}, "shape": {"type": "nominal", "field": "Position"}, "size": {"type": "nominal", "field": "Position", "scale": {"zero": false}}, "tooltip": [{"type": "nominal", "field": "Player"}, {"type": "quantitative", "field": "Salary"}, {"type": "nominal", "field": "Team"}, {"type": "nominal", "field": "Position"}, {"type": "quantitative", "field": "Points"}], "x": {"type": "quantitative", "axis": {"grid": false, "title": "Salary"}, "field": "Salary", "scale": {"zero": false}}, "y": {"type": "quantitative", "axis": {"grid": false, "title": "Points Scored"}, "field": "Points", "scale": {"zero": false}}}, "height": 600, "selection": {"Player": {"type": "single", "fields": ["Position"], "bind": {"input": "select", "options": ["QB", "RB", "WR", "K", "TE"]}}, "selector026": {"type": "interval", "bind": "scales", "encodings": ["x", "y"]}}, "title": {"text": "NFL Salaries vs Points Scored"}, "width": 600, "$schema": "https://vega.github.io/schema/vega-lite/v2.6.0.json", "datasets": {"data-7522569a5d267bda1bf275e6ef0caabc": [{"Number of Records": 1, "Passing TDs": 0, "Player": "A.J. Green", "Position": "WR", "Pts": 48, "Salary": 10550000, "Team": "CIN", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Adam Vinatieri", "Position": "K", "Pts": 109, "Salary": 2625000, "Team": "IND", "Points": 109}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Aldrick Rosas", "Position": "K", "Pts": 74, "Salary": 555000, "Team": "NYG", "Points": 74}, {"Number of Records": 1, "Passing TDs": 26, "Player": "Alex Smith", "Position": "QB", "Pts": 6, "Salary": 13000000, "Team": "KAN", "Points": 162}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Alshon Jeffery", "Position": "WR", "Pts": 60, "Salary": 1000000, "Team": "PHI", "Points": 60}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Alvin Kamara", "Position": "RB", "Pts": 86, "Salary": 6350000, "Team": "NOR", "Points": 86}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Amari Cooper", "Position": "WR", "Pts": 42, "Salary": 700000, "Team": "OAK", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Antonio Brown", "Position": "WR", "Pts": 56, "Salary": 915000, "Team": "PIT", "Points": 56}, {"Number of Records": 1, "Passing TDs": 21, "Player": "Blake Bortles", "Position": "QB", "Pts": 12, "Salary": 5000000, "Team": "JAX", "Points": 138}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Brandin Cooks", "Position": "WR", "Pts": 44, "Salary": 4000000, "Team": "NWE", "Points": 44}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Brandon McManus", "Position": "K", "Pts": 99, "Salary": 2250000, "Team": "DEN", "Points": 99}, {"Number of Records": 1, "Passing TDs": 4, "Player": "C.J. Beathard", "Position": "QB", "Pts": 18, "Salary": 625393, "Team": "SFO", "Points": 42}, {"Number of Records": 1, "Passing TDs": 22, "Player": "Cam Newton", "Position": "QB", "Pts": 38, "Salary": 14500000, "Team": "CAR", "Points": 170}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Carlos Hyde", "Position": "RB", "Pts": 48, "Salary": 1500000, "Team": "SFO", "Points": 48}, {"Number of Records": 1, "Passing TDs": 22, "Player": "Case Keenum", "Position": "QB", "Pts": 6, "Salary": 8000000, "Team": "MIN", "Points": 138}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Chandler Catanzaro", "Position": "K", "Pts": 104, "Salary": 1350000, "Team": "NYJ", "Points": 104}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Chris Boswell", "Position": "K", "Pts": 142, "Salary": 705000, "Team": "PIT", "Points": 142}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Christian McCaffrey", "Position": "RB", "Pts": 42, "Salary": 1248695, "Team": "CAR", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Cody Parkey", "Position": "K", "Pts": 89, "Salary": 1250000, "Team": "MIA", "Points": 89}, {"Number of Records": 1, "Passing TDs": 22, "Player": "Dak Prescott", "Position": "QB", "Pts": 36, "Salary": 630000, "Team": "DAL", "Points": 168}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Dan Bailey", "Position": "K", "Pts": 71, "Salary": 1750000, "Team": "DAL", "Points": 71}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Davante Adams", "Position": "WR", "Pts": 60, "Salary": 1000000, "Team": "GNB", "Points": 60}, {"Number of Records": 1, "Passing TDs": 0, "Player": "DeAndre Hopkins", "Position": "WR", "Pts": 78, "Salary": 12500000, "Team": "HOU", "Points": 78}, {"Number of Records": 1, "Passing TDs": 19, "Player": "Deshaun Watson", "Position": "QB", "Pts": 14, "Salary": 1094740, "Team": "HOU", "Points": 128}, {"Number of Records": 1, "Passing TDs": 11, "Player": "DeShone Kizer", "Position": "QB", "Pts": 30, "Salary": 689928, "Team": "CLE", "Points": 96}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Devin Funchess", "Position": "WR", "Pts": 48, "Salary": 1087850, "Team": "CAR", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Devonta Freeman", "Position": "RB", "Pts": 48, "Salary": 2000000, "Team": "ATL", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Dion Lewis", "Position": "RB", "Pts": 60, "Salary": 2000000, "Team": "NWE", "Points": 60}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Doug Baldwin", "Position": "WR", "Pts": 50, "Salary": 8250000, "Team": "SEA", "Points": 50}, {"Number of Records": 1, "Passing TDs": 23, "Player": "Drew Brees", "Position": "QB", "Pts": 12, "Salary": 10200000, "Team": "NOR", "Points": 150}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Duke Johnson", "Position": "RB", "Pts": 42, "Salary": 957000, "Team": "CLE", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Dustin Hopkins", "Position": "K", "Pts": 60, "Salary": 798928, "Team": "WAS", "Points": 60}, {"Number of Records": 1, "Passing TDs": 19, "Player": "Eli Manning", "Position": "QB", "Pts": 6, "Salary": 1050000, "Team": "NYG", "Points": 120}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Ezekiel Elliott", "Position": "RB", "Pts": 54, "Salary": 2718758, "Team": "DAL", "Points": 54}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Giorgio Tavecchio", "Position": "K", "Pts": 81, "Salary": 359117, "Team": "OAK", "Points": 81}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Graham Gano", "Position": "K", "Pts": 121, "Salary": 1850000, "Team": "CAR", "Points": 121}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Greg Zuerlein", "Position": "K", "Pts": 158, "Salary": 2050000, "Team": "LAR", "Points": 158}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Harrison Butker", "Position": "K", "Pts": 142, "Salary": 555000, "Team": "KAN", "Points": 142}, {"Number of Records": 1, "Passing TDs": 13, "Player": "Jacoby Brissett", "Position": "QB", "Pts": 24, "Salary": 735076, "Team": "IND", "Points": 102}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Jake Elliott", "Position": "K", "Pts": 117, "Salary": 555000, "Team": "PHI", "Points": 117}, {"Number of Records": 1, "Passing TDs": 19, "Player": "Jameis Winston", "Position": "QB", "Pts": 6, "Salary": 580588, "Team": "TAM", "Points": 120}, {"Number of Records": 1, "Passing TDs": 28, "Player": "Jared Goff", "Position": "QB", "Pts": 6, "Salary": 2989788, "Team": "LAR", "Points": 174}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Jarvis Landry", "Position": "WR", "Pts": 54, "Salary": 3500000, "Team": "MIA", "Points": 54}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Jason Myers", "Position": "K", "Pts": 48, "Salary": 705000, "Team": "JAX", "Points": 48}, {"Number of Records": 1, "Passing TDs": 7, "Player": "Jimmy Garoppolo", "Position": "QB", "Pts": 6, "Salary": 6200000, "Team": "SFO", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Jimmy Graham", "Position": "TE", "Pts": 62, "Salary": 1450000, "Team": "SEA", "Points": 62}, {"Number of Records": 1, "Passing TDs": 18, "Player": "Joe Flacco", "Position": "QB", "Pts": 6, "Salary": 12000000, "Team": "BAL", "Points": 114}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Jonathan Stewart", "Position": "RB", "Pts": 42, "Salary": 1400000, "Team": "CAR", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Jordan Howard", "Position": "RB", "Pts": 54, "Salary": 630000, "Team": "CHI", "Points": 54}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Josh Lambo", "Position": "K", "Pts": 79, "Salary": 705000, "Team": "JAX", "Points": 79}, {"Number of Records": 1, "Passing TDs": 18, "Player": "Josh McCown", "Position": "QB", "Pts": 30, "Salary": 5000000, "Team": "NYJ", "Points": 138}, {"Number of Records": 1, "Passing TDs": 0, "Player": "JuJu Smith-Schuster", "Position": "WR", "Pts": 48, "Salary": 655717, "Team": "PIT", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Justin Tucker", "Position": "K", "Pts": 141, "Salary": 2950000, "Team": "BAL", "Points": 141}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Ka'imi Fairbairn", "Position": "K", "Pts": 92, "Salary": 555000, "Team": "HOU", "Points": 92}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Kareem Hunt", "Position": "RB", "Pts": 66, "Salary": 575250, "Team": "KAN", "Points": 66}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Keenan Allen", "Position": "WR", "Pts": 42, "Salary": 7500000, "Team": "LAC", "Points": 42}, {"Number of Records": 1, "Passing TDs": 27, "Player": "Kirk Cousins", "Position": "QB", "Pts": 24, "Salary": 22500000, "Team": "WAS", "Points": 186}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Kyle Rudolph", "Position": "TE", "Pts": 48, "Salary": 6025000, "Team": "MIN", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Latavius Murray", "Position": "RB", "Pts": 48, "Salary": 3650000, "Team": "MIN", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Leonard Fournette", "Position": "RB", "Pts": 60, "Salary": 1699129, "Team": "JAX", "Points": 60}, {"Number of Records": 1, "Passing TDs": 0, "Player": "LeSean McCoy", "Position": "RB", "Pts": 48, "Salary": 6075000, "Team": "BUF", "Points": 48}, {"Number of Records": 1, "Passing TDs": 13, "Player": "Marcus Mariota", "Position": "QB", "Pts": 30, "Salary": 705000, "Team": "TEN", "Points": 108}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Mark Ingram", "Position": "RB", "Pts": 72, "Salary": 4000000, "Team": "NOR", "Points": 72}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Marshawn Lynch", "Position": "RB", "Pts": 42, "Salary": 2500000, "Team": "OAK", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Marvin Jones", "Position": "WR", "Pts": 54, "Salary": 7000000, "Team": "DET", "Points": 54}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Mason Crosby", "Position": "K", "Pts": 78, "Salary": 3150000, "Team": "GNB", "Points": 78}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Matt Bryant", "Position": "K", "Pts": 137, "Salary": 1100000, "Team": "ATL", "Points": 137}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Matt Prater", "Position": "K", "Pts": 130, "Salary": 2000000, "Team": "DET", "Points": 130}, {"Number of Records": 1, "Passing TDs": 29, "Player": "Matthew Stafford", "Position": "QB", "Pts": 2, "Salary": 9500000, "Team": "DET", "Points": 176}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Melvin Gordon", "Position": "RB", "Pts": 72, "Salary": 1889968, "Team": "LAC", "Points": 72}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Michael Crabtree", "Position": "WR", "Pts": 52, "Salary": 1000000, "Team": "OAK", "Points": 52}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Mike Nugent", "Position": "K", "Pts": 48, "Salary": 1015000, "Team": "2TM", "Points": 48}, {"Number of Records": 1, "Passing TDs": 7, "Player": "Mitchell Trubisky", "Position": "QB", "Pts": 14, "Salary": 555000, "Team": "CHI", "Points": 56}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Nelson Agholor", "Position": "WR", "Pts": 54, "Salary": 129200, "Team": "PHI", "Points": 54}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Phil Dawson", "Position": "K", "Pts": 119, "Salary": 2500000, "Team": "ARI", "Points": 119}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Randy Bullock", "Position": "K", "Pts": 85, "Salary": 790000, "Team": "CIN", "Points": 85}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Rex Burkhead", "Position": "RB", "Pts": 48, "Salary": 1000000, "Team": "NWE", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Rob Gronkowski", "Position": "TE", "Pts": 50, "Salary": 8000000, "Team": "NWE", "Points": 50}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Robbie Gould", "Position": "K", "Pts": 145, "Salary": 2000000, "Team": "SFO", "Points": 145}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Robby Anderson", "Position": "WR", "Pts": 42, "Salary": 630000, "Team": "NYJ", "Points": 42}, {"Number of Records": 1, "Passing TDs": 34, "Player": "Russell Wilson", "Position": "QB", "Pts": 18, "Salary": 15500000, "Team": "SEA", "Points": 222}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Ryan Succop", "Position": "K", "Pts": 136, "Salary": 2250000, "Team": "TEN", "Points": 136}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Sammy Watkins", "Position": "WR", "Pts": 48, "Salary": 790000, "Team": "LAR", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Stefon Diggs", "Position": "WR", "Pts": 48, "Salary": 1907000, "Team": "MIN", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Stephen Gostkowski", "Position": "K", "Pts": 156, "Salary": 3200000, "Team": "NWE", "Points": 156}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Steven Hauschka", "Position": "K", "Pts": 116, "Salary": 1750000, "Team": "BUF", "Points": 116}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Tevin Coleman", "Position": "RB", "Pts": 48, "Salary": 791628, "Team": "ATL", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Todd Gurley", "Position": "RB", "Pts": 114, "Salary": 950000, "Team": "LAR", "Points": 114}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Travis Kelce", "Position": "TE", "Pts": 48, "Salary": 6800000, "Team": "KAN", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Tyler Kroft", "Position": "TE", "Pts": 42, "Salary": 1897000, "Team": "CIN", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Tyreek Hill", "Position": "WR", "Pts": 48, "Salary": 630000, "Team": "KAN", "Points": 48}, {"Number of Records": 1, "Passing TDs": 14, "Player": "Tyrod Taylor", "Position": "QB", "Pts": 24, "Salary": 10000000, "Team": "BUF", "Points": 108}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Wil Lutz", "Position": "K", "Pts": 140, "Salary": 630000, "Team": "NOR", "Points": 140}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Will Fuller", "Position": "WR", "Pts": 42, "Salary": 1378028, "Team": "HOU", "Points": 42}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Zach Ertz", "Position": "TE", "Pts": 48, "Salary": 790000, "Team": "PHI", "Points": 48}, {"Number of Records": 1, "Passing TDs": 0, "Player": "Zane Gonzalez", "Position": "K", "Pts": 70, "Salary": 555000, "Team": "CLE", "Points": 70}]}};
      var embedOpt = {"mode": "vega-lite"};

      function showError(el, error){
          el.innerHTML = ('<div class="error" style="color:red;">'
                          + '<p>JavaScript Error: ' + error.message + '</p>'
                          + "<p>This usually means there's a typo in your chart specification. "
                          + "See the javascript console for the full traceback.</p>"
                          + '</div>');
          throw error;
      }
      const el = document.getElementById('vis');
      vegaEmbed("#vis", spec, embedOpt)
        .catch(error => showError(el, error));

  </script>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.