This example shows an area chart of residual sugar measurements colored by wine quality, with the x-axis representing the row index in the dataset and the y-axis showing residual sugar values. The chart uses d3.area() to generate a single filled path in steelblue, with d3.scaleLinear for both axes and d3.axisBottom plus d3.axisLeft for tick marks. The SVG is rendered with D3 v7, rotating the x-axis labels to avoid overlap. The data is a static array of twenty objects with quality categories and residual_sugar values.