Code snippets for the "How we built the DevTools Tooltips" article

generate-path.ts

// Get the first segment's start point.
const points = [segments[0].start];

// And append the end point of each segment, one by one, after that.
for (const segment of segments) {
  if (!segment) {
    continue;
  }
  points.push(segment.end);
} 
let path = points.map(({x, y}) => `${x},${y}`).join('L');
path = `M${path}Z`;