refactor: use D3 .raise() for element reordering

Replace vanilla appendChild() calls with idiomatic D3 .raise() method
when reordering zoom overlay and brush layer elements after resetData().

This change:
- Uses D3's declarative API instead of mixing D3 selections with DOM APIs
- Better expresses intent (bring to front vs append)
- Maintains same performance and behavior
- Continues refactoring toward more idiomatic D3 patterns

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: 2 people

svg-time-series/src/draw.ts

@@ -174,11 +174,8 @@ export class TimeSeriesChart {
     this.data.replace(source);
     this.state.destroy();
     this.state = setupRender(this.svg, this.data);
-    const svgNode = this.svg.node();
-    if (svgNode) {
-      svgNode.appendChild(this.zoomArea.node()!);
-      svgNode.appendChild(this.brushLayer.node()!);
-    }
+    this.zoomArea.raise();
+    this.brushLayer.raise();
     const context = this.state.createLegendContext(this.data);
     this.legendController.init(context);
     this.zoomState.destroy();