{"version":"1.0","type":"rich","title":"ingesting data with d3","description":"This example demonstrates how to ingest a CSV file into a web page using D3 version 7, displaying demographic data as an HTML table. The code loads `data.csv` via `d3.csv` and maps each row into a structured object with renamed properties like `year`, `total`, and `hispanic`. Using D3’s data join, it programmatically builds a table with `<thead>` and `<tbody>` elements, populating cells with values for selected columns. The example uses `d3.select`, `append`, `selectAll`, and `.data` to render the tabulated data, with the imported module `index.js` importing from `d3`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/27551833eaf44dc6a17f9396d87f6c82?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}