Skip to main content
100%

Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3

✓ Published0🌍 Public
SSaiipriiya
Last edited Mar 6, 2023
Created on Mar 6, 2023

This example visualizes office supply sales data as a horizontal bar chart showing units sold per sales representative. React component state manages the loaded data, while D3’s `scaleBand` and `scaleLinear` map sales values to bar widths. The code uses D3’s `csv` parser to fetch the dataset, then renders SVG rectangles and manual tick labels with gridlines, all within a React `svg` element. ReactDOM’s `render` method mounts the chart into the page’s root div.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes