{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example shows a pie chart built with React and D3, where the chart’s wedges are generated from data loaded from a remote CSV file. The app first fetches the CSV using D3’s `csv` utility, then maps each row to a `<path>` element rendered by React, with each wedge’s fill color taken from the `RGB hex value` column. The SVG is sized at 166 by 166, and the arc is defined using D3’s `arc` function with a half-circle angle range, while the page substitutes a \"Loading...\" message until the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a0d79764cea84e25a11716ffa95c4f66?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}