auremoser/README.md

## README.md

      
    Raw
  

              README.md
            
          
    PayScale.com data packages provide some perspective on payrates and competitive salaries across the US. Data for stress across cities in the domestic USA is available via this data package.

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Payscale.com Map with Create Viz</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
    <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />

    <style>
      html, body {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
      }
      #header {
        color: #3D8FCA;
        font-family: 'Helvetica-Neue', sans-serif;
        font-size: 24px;
        padding-top: 10px;
        padding-left: 20px;
        text-align: left;
        text-transform: uppercase;
      }
      #map {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 40px;
      }
    </style>

  </head>
  <body>
    <div id="header">Payscale Map of U.S. Stress</div>
    <div id="map"></div>

    <!-- include cartodb.js library -->
    <script src="http://libs.cartocdn.com/cartodb.js/v3/cartodb.js"></script>

    <!-- place your code between the script tags below -->
    <script>
      window.onload = function() {
          var vizjson_url = 'http://aureliamoser.cartodb.com/api/v2/viz/a7977d1e-c826-11e4-a74e-0e0c41326911/viz.json'; // <-- Paste viz.json URL between quotes
          var options = {
            zoom: 4,
            cartodb_logo: false,
            layer_selector: true,
            legends: true,
          }

          cartodb.createVis(map, vizjson_url, options) // <-- Change map_id to match your id in html
              .done(function(vis, layers) {
                  // do stuff
                  console.log("Map successfully created");
              })
              .error(function(err) {
                  // report error
                  console.log("An error occurred: " + err);
              });
      }
    </script>
  </body>
</html>

## thumbnail.png

      
    Raw
  

              thumbnail.png
	<!DOCTYPE html>
	<html>
	<head>
	<title>Payscale.com Map with Create Viz</title>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
	<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />

	<style>
	html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	}
	#header {
	color: #3D8FCA;
	font-family: 'Helvetica-Neue', sans-serif;
	font-size: 24px;
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
	text-transform: uppercase;
	}
	#map {
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 40px;
	}
	</style>

	</head>
	<body>
	<div id="header">Payscale Map of U.S. Stress</div>
	<div id="map"></div>

	<!-- include cartodb.js library -->
	<script src="http://libs.cartocdn.com/cartodb.js/v3/cartodb.js"></script>

	<!-- place your code between the script tags below -->
	<script>
	window.onload = function() {
	var vizjson_url = 'http://aureliamoser.cartodb.com/api/v2/viz/a7977d1e-c826-11e4-a74e-0e0c41326911/viz.json'; // <-- Paste viz.json URL between quotes
	var options = {
	zoom: 4,
	cartodb_logo: false,
	layer_selector: true,
	legends: true,
	}

	cartodb.createVis(map, vizjson_url, options) // <-- Change map_id to match your id in html
	.done(function(vis, layers) {
	// do stuff
	console.log("Map successfully created");
	})
	.error(function(err) {
	// report error
	console.log("An error occurred: " + err);
	});
	}
	</script>
	</body>
	</html>