Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

loreal charts_data separations

Public visualization

Viewing a saved revision (read-only)

5bcf726a75f2488cbcf3a32ddf1f23e4

loreal charts_data separations

0 stars0🌍 Public
HHilario Calderon
Last edited Oct 11, 2019
Created on Oct 9, 2019
Forked from Hello VizHub

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 description

Ths bar char shows the axes customization of the axis to mirror the elements in a similar way as the standard report