{"version":"1.0","type":"rich","title":"ICE6_Q1_Rendering Marks and Channels with D3","description":"This example displays monthly gas prices for 2021 as a bar chart, with months on the y-axis and price on the x-axis. It uses React hooks (useState, useEffect) to load and parse CSV data from a GitHub gist via d3.csv, then renders SVG rectangles scaled with d3.scaleBand and d3.scaleLinear. Axes are drawn manually using d3.ticks, with grid lines and tick labels positioned via SVG transforms.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dc4031dee91446f39c635c514285dbca?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}