point = svg => svg.append("g")
.selectAll(".point")
.data(data)
.enter().append("path")
.attr("class", "point")
.attr("d", d3.symbol().size(575).type(d3.symbolSquare))
.attr("transform", d => {
return "translate(" + x(d.coordinates[0]) + "," + y(d.coordinates[1]) + ")";
})
.style('fill', function(d) {
if (d.label === "maple") {
return `url(${location}#maple-pattern)`
} else if (d.label === "oak") {
return `url(${location}#oak-pattern)`
} else {
return "gray"
};
});