SVG Fundamentals
This example demonstrates core SVG and DOM manipulation fundamentals using D3.js v7 within an HTML page. It shows how to select and modify existing HTML elements, including changing paragraph text and styling list items. The code creates a new list item through D3's selection and append methods, then utilizes CSS selectors like `:nth-child` to target specific elements for styling. The example uses `d3.select`, `d3.selectAll`, and methods such as `.text()` and `.style()` to interact with page content, providing a basic introduction to querying and updating document structure.