Skip to content

Instantly share code, notes, and snippets.

@jakeNiemiec

jakeNiemiec/.block

Last active August 24, 2016 22:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jakeNiemiec/3b36bc5d73e46dd95aecb38d0a4a0e7a to your computer and use it in GitHub Desktop.
Save jakeNiemiec/3b36bc5d73e46dd95aecb38d0a4a0e7a to your computer and use it in GitHub Desktop.
Download ZIP
fresh block
Raw
.block
license: mit
Raw
app.js
'use strict';
import d3 from "d3"
// Write ES6 code here...
var svg = d3.select("body").append("svg")
.attr("width", 960)
.attr("height", 500)
svg.append("text")
.text("Edit the code below to change me!")
.attr("y", 200)
.attr("x", 120)
.style("font-size", 36)
.style("font-family", "monospace")
Raw
config.js
/*global System */
'use strict';
/* if you need any specific jspm config place it here */
System.config({
transpiler: 'babel',
packages: {
'./': {
defaultExtension: false
}
},
map: {
},
paths: {
"npm:d3": "http://d3js.org/d3.v4.min.js"
}
});
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://jspm.io/system.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
System.import('d3');
System.import('./app.js');
</script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<div id="main"></div>
</body>
</html>
<body>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment