This interactive scatterplot displays the nutritional composition of foods from the USDA’s Foundation Foods dataset. Users can independently map select nutrients to the x-axis, y-axis, and circle radius, with a toggle for logarithmic or linear scaling on both axes. Built with React and D3.js (v7), the visualization uses `scaleLog` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `extent` to compute domains. Hovering over a circle reveals the food’s description via a tooltip.