This interactive React and D3.js visualization compares five encoding strategies for Texas weather data, from a simple position-only scatterplot to a fully repaired multivariate view. It demonstrates how hue, area, and shape channels alter readability, including a deliberately broken version that misuses sequential blues for categorical regions and maps a quantitative axis to symbol shapes. Built with React 19 and d3.v7, the chart uses `scaleLinear`, `scaleOrdinal`, `scaleSqrt`, and `scaleQuantize` APIs to render SVG marks, with tooltips and legend support. The interface lets users switch versions to inspect design choices and their consequences.