Skip to content

Instantly share code, notes, and snippets.

View matt-oxley's full-sized avatar

Matthew Oxley matt-oxley

4 followers · 2 following
View GitHub Profile
@matt-oxley
matt-oxley / snippetThree.js
Created April 7, 2019 17:00
const bars = svg
 .selectAll("rect")
 .data(data)
 .join("rect")
 .attr("height", d => yScale(d))
 .attr("width", barWidth)
 .attr("x", (d, i) => i * barWidth)
 .attr("y", d => height - yScale(d))
 .attr("stroke", "white")
 .attr("fill", "steelblue");
@matt-oxley
matt-oxley / snippetTwo.js
Created April 7, 2019 16:45
const svg = d3
 .select("body")
 .style("text-align", "center")
 .append("svg")
 .style("border", "1px solid black")
 .attr("width", 200)
 .attr("height", height);
@matt-oxley
matt-oxley / chains.js
Created April 7, 2019 16:43
getData()
.then((data) => {return 'hello'})
.then((data) => {return data + ' world'})
@matt-oxley
matt-oxley / index.html
Last active April 5, 2019 15:53
D3 tutorial
<!DOCTYPE html>
<meta charset="utf-8" />
<body>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
const data = [3, 5, 7, 2, 9, 2, 10, 4, 9, 3];
const height = 500;
const width = 200;
const barWidth = width / data.length;
const yScale = d3