Plot.plot({
color: {
domain: ['before 2008', 'after 2008'],
range: ['red', 'black'],
legend: true
},
marks: [
Plot.dot(data, { x: 'year', y: 'value', fill: d => d.year < 2008 ? 'red' : 'black' }),
Plot.line(data, {x: 'year', y: 'value', strokeOpacity: 0.2}),
Plot.link([[{year: 2000, value: 50}, {year: 2010, value: 60}]], {
x1: (d) => d[0].year,
y1: (d) => d[0].value,
x2: (d) => d[1].year,
y2: (d) => d[1].value,
markerEnd: "arrow"
}),
]
})