d3-chart-scatter.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>d3 chart - scatter</title>
<link rel="stylesheet" href="d3.css" >
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min.js"></script>  
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>

<h3>d3 chart - scatter</h3>
<div id="error"></div>
<div class="chart" id="scatter"></div>

<script src="https://gist.github.com/jywsn/31238a7061afc859a320.js"></script>
<script type="text/javascript">
$(function() {
    var gist_url = 'https://api.github.com/gists/31238a7061afc859a320';
    var filename = 'd3-chart-scatter.js';
    
    $.ajax({
        url: gist_url,
        type: 'GET',
        dataType: 'jsonp'
    }).success(function(response) {
        eval(response.data.files[filename].content);
    }).error(function() {
        $('#error').html('Error getting gist content').show();
    });
});
</script>


</body>
</html>