{"version":"1.0","type":"rich","title":"Food Scatter Plot with React & D3","description":"This scatter plot displays the relationship between carbohydrate and protein content in various foods, with both axes using a logarithmic scale. The data comes from the USDA Foundation Foods dataset, which is loaded and formatted in App.js before being passed to the visualization. The plot is rendered by a custom viz.js component that uses D3's scaleLog, axisBottom, and axisLeft APIs to construct the chart within a React application. Each food item is represented as a steelblue circle, with the chart axes labeled to identify the nutrient values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b8fb2cbd2b034c1380c461c4c763d36b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}