Fork of ICE-6: Rendering Marks and Channels with React & D3
✓ Published1🌍 Public
NNitheeshSama
Last edited Mar 10, 2023
Created on Mar 10, 2023
This horizontal bar chart displays salary data for employees at different ages, using bars whose lengths encode salary values and y-axis positions encode age. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` to map data to SVG rectangle marks, with custom axis ticks rendered via D3’s `axisLeft`, `axisBottom`, and `scaleLinear` methods. It loads CSV data from a GitHub gist, filtering the first 15 rows, and renders entirely as SVG within a React component, with loading state managed via React hooks.
AI-generated descriptionA bare minimum HTML page.
MIT Licensed