{"version":"1.0","type":"rich","title":"ICE5 – Study Focus Log (D3 + CSV)","description":"This example visualizes the structure of a CSV dataset containing study focus logs. It loads the data from a GitHub Gist and presents a summary card showing the file size, row count, and column count. Below the summary, a simple SVG bar chart represents the first ten rows of data, with horizontal bars and row labels. Built with React and D3 v7, the code uses `d3.csvParse` to parse the dataset and the D3 selection API with `.join` and `.attr` to construct and style the SVG elements directly in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/956a1eaa2fce474b8cfe125696486edf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}