d3-layout-force.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>d3.layout.force</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.layout.force</h3>
<div id="error"></div>
<div class="chart" id="force"></div>

<script src="https://gist.github.com/jywsn/138904e35fadddbaab0f.js"></script>
<script type="text/javascript">
$(function() {
    var gist_url = 'https://api.github.com/gists/138904e35fadddbaab0f';
    var filename = 'd3-layout-force.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>