Skip to content

Instantly share code, notes, and snippets.

@williamluke4

williamluke4/.block

Last active February 24, 2018 08:49
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 williamluke4/d05be4848ab11819427ae787046a9e41 to your computer and use it in GitHub Desktop.
Save williamluke4/d05be4848ab11819427ae787046a9e41 to your computer and use it in GitHub Desktop.
Download ZIP
Film Flowers Petal Starter Code
Raw
.block
license: gpl-3.0
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
svg {
width: 1000px;
height: 1000px;
}
</style>
</head>
<body>
<svg>
<rect />
<rect />
<rect />
<rect />
</svg>
<script>
const height = 800;
const rectWidth = 50;
const data = [100,250,175,200,120,100,250,175,200,120];
d3.selectAll('rect')
.data(data)
.attr('x', (d, i) => i * rectWidth)
.attr('y', (d, i) => height-d)
.attr('width', rectWidth)
.attr('height',(d)=> d)
.attr('fill', 'blue')
.attr('stroke', '#fff')
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment