{"version":"1.0","type":"rich","title":"Fork of Loading Data - Crop Yield","description":"This example demonstrates loading and displaying crop yield data from a CSV file, showing raw parsed values for crops like maize and potatoes across multiple years in Afghanistan. The visualization initially renders a JSON representation of the dataset, then transitions to a structured table after the asynchronous fetch completes. Using `d3.csvParse` and `d3.select`, the code reads the remote CSV, converts numeric fields such as `Year_Code` and `Value` to numbers, and updates the DOM with the processed data. The state management via `setState` triggers re-rendering as data moves from an initial `undefined` state through `'LOADING'` to the final parsed array.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/854be95a778b41628fee9a95cf08fc4d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}