{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows the basic cost of Netflix subscriptions in 15 countries using horizontal bars scaled by d3.scaleLinear and d3.scaleBand. The React component loads CSV data from a gist via d3.csv, slices it to 15 rows, and renders SVG rectangles with manual axis tick generation for both scales. The code uses React hooks (useState, useEffect) and d3.v5 APIs including axisLeft, axisBottom, and max, with the chart drawn inside an SVG group transformed by margins.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9df02e40bb14452e9d5cec230cf44ae5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}