Skip to content

Instantly share code, notes, and snippets.

@playwellsteve
Last active September 9, 2015 20:30
Show Gist options
  • Save playwellsteve/b6f23a5679d41ff29de0 to your computer and use it in GitHub Desktop.
Save playwellsteve/b6f23a5679d41ff29de0 to your computer and use it in GitHub Desktop.
fresh block

hello markdown

This was created at blockbuilder.org

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<style>
body {
margin: 0;
padding: 0:
}
</style>
</head>
<body>
<svg width='960' height='500' style="background-color:#ffa500">
<rect x=200 y=25 width=600 height=300 fill="#00cbff"
stroke="black" stroke-width="5" rx="20" ry="20" />
<circle cx="450" cy="150" r="40" stroke="green" stroke-width="4" fill="yellow" />
<circle cx="480" cy="180" r="40" stroke="green" stroke-width="4" fill="yellow" />
<circle cx="520" cy="150" r="40" opacity=".40" stroke="green" stroke-width="4" fill="yellow" />
<text x="210" y="55" fill="black">Hello d3js!</text>
</svg>
<script>
console.log("you are now rocking with d3 with blockbuilder", d3);
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment