Skip to content

Instantly share code, notes, and snippets.

@jk6653284

jk6653284/.block

Created June 4, 2018 06:52
Show Gist options
  • Save jk6653284/9285dd850b60797074a3f86ae2edcdf5 to your computer and use it in GitHub Desktop.
Save jk6653284/9285dd850b60797074a3f86ae2edcdf5 to your computer and use it in GitHub Desktop.
Download ZIP
session_7_block
Raw
.block
license: mit
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<!--1.SVG -->
<svg width="250" height="250">
<rect x="50" y="50" width="60" height="60"></rect>
</svg>
<script>
// 2.D3
var svg = d3.select("body").append("svg");
svg.attr("width", 250);
svg.attr("height", 250);
var rect = svg.append("rect");
rect.attr("x", 50);
rect.attr("y", 50);
rect.attr("width", 20);
rect.attr("height", 20);
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment