{"version":"1.0","type":"rich","title":"Fork of React & D3 Starter","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2160b0f1731a47139e717686021a827c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}