{"version":"1.0","type":"rich","title":"Fork of Responsive Bar Chart","description":"This example demonstrates a minimal React bar chart component that uses D3.js to render a single rectangular bar. The visualization shows a static SVG rectangle positioned at coordinates (50, 50) with a width and height of 50 pixels, filled with a steelblue color. The code initializes the chart by selecting the SVG element via `d3.select` and appending the rectangle through D3's declarative API. The rendering relies on React's `useEffect` hook to manage the D3 manipulation, while the SVG is defined directly in the JSX with an 800×400 viewport. The data source is hardcoded, and no scales or axes are implemented.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/86aa3bd12a474ce3a8d4bef11bb0c361?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}