#svg

Design a scalable SVG icon set for a design system. Guidelines: 1. Set up a pixel grid (24x24). 2. Define stroke width and corner radius. 3. Ensure visual consistency (filled vs outlined). 4. Organize naming convention (e.g., ic_home_outlined.svg). 5. Minimize anchor points. 6. Convert text and strokes to paths. 7. Test at multiple sizes (16px, 24px, 32px). 8. Export for multiple platforms (web, iOS, Android). Include icon grid template.

Craft custom visualizations with D3.js. Patterns: 1. Data binding with selection.data(). 2. Enter/update/exit pattern. 3. Scales (linear, time, ordinal). 4. Axes with d3.axis(). 5. SVG path generation. 6. Transitions for smooth updates. 7. Zoom and pan behaviors. 8. Force-directed graphs. Use Observable Plot for simpler charts or build completely custom. Integrate with React using useRef.