{"version":"1.0","type":"rich","title":"Loading and parsing data using d3","description":"This example demonstrates loading a CSV file from a URL and displaying its metadata, including file size in bytes and kilobytes, row count, and column count, within a styled message container. The visualization also includes a static SVG pie chart with two slices (20% and 80%) representing categorical proportions. The code uses D3 v7’s `d3.csv` to fetch and parse the remote CSV, then computes file size using `d3.csvFormat` and `.length`. The SVG chart is hand-coded with `<path>` elements and `<text>` labels, while the page layout relies on basic HTML and CSS for borders and background.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e7acd001d8804d7ca65b28f7e53f2c82?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}