Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Marks and Channels

Public visualization

Fork of Rendering Marks and Channels

0 stars0🌍 Public
IIndhuKrishnaraj
Last edited Mar 13, 2023
Created on Mar 13, 2023

This visualization displays the average customer ratings for the top 15 product lines in a supermarket sales dataset, using horizontal bars ranked by rating. Each bar’s length encodes the rating value, while product-line names appear on the y-axis. Built with React and D3 v5, the example uses `d3.csv` to load the data, `scaleBand` and `scaleLinear` for axes, and renders SVG rectangles. Red gridlines and tick labels come from manually generated D3 scales, with margins and dimensions configured explicitly in the code.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed