Scatter Chart HTML
✓ Published0🌍 Public
This scatter plot visualizes the relationship between daily steps and calories burned over a 120-day period. The visualization uses a card-based layout with an SVG canvas, plotting each day as a circle positioned by linear scales for both variables. The chart loads data from a remote CSV file using `d3.csv`, then maps the parsed numeric fields to x and y coordinates. It employs `d3.scaleLinear` with `d3.extent` and `.nice()` for axis scaling, and renders the points as SVG circles with a radius of 4 pixels. Axis labels and a chart title are added as SVG text elements, with the bottom x-axis and left y-axis generated through `d3.axisBottom` and `d3.axisLeft`.
AI-generated descriptionMIT Licensed