Day Ten

Log

Adding labels to the points on a map:

1. Repeated steps for Day Nine

2. added following:

const point_label = points
.select("text")
.data(trains)
.join("text")
.attr("class", "point_label")
.text(d => d.location_name)
.attr("x", d => projection([d.longitude, d.latitude + 0.006])[0])
.attr("y", d => projection([d.longitude, d.latitude + 0.006])[1])

3. Styled the text in css

There are some tutrials on how to alter/stagger the text anchoring to help stop the labels overapping like they do here. Possibly someting to look into at later date.