🌍 Public
Viewing a saved revision (read-only)
5bcf726a75f2488cbcf3a32ddf1f23e4
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