🌍 Public
Viewing a saved revision (read-only)
260c4f07410d49b983ec1d53c753442a
loreal charts_data separations
This example shows a horizontal bar chart that visualizes the percentage of survey respondents by Canadian region, with each bar labeled at its end with the corresponding percentage value and a percentage-formatted x-axis. The chart uses D3 v5’s `csv` loader to parse the dataset, `scaleLinear` and `scaleBand` for positioning, and `axisLeft` and `axisBottom` to render the axes while hiding tick lines via CSS. Data is aggregated using `d3.nest` with a `rollup` function that calculates the proportion of entries per region.
AI-generated descriptionThs bar char shows the axes customization of the axis to mirror the elements in a similar way as the standard report