Skip to main content
100%

ICE-6 Application of Marks and Channels

✓ Published0🌍 Public
NNavaneeth-Ragi
Last edited Mar 9, 2023
Created on Mar 7, 2023

This interactive bar chart visualizes the salary distribution of the first fifteen records from a CSV dataset, plotting salary amounts against years of experience. The visualization uses orange rectangles as marks, with the horizontal axis encoding salary values through position and length. Built with React and D3.js v5, the application loads data via the `csv` function from a GitHub gist, then uses `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. The chart includes red gridlines and styled tick labels to enhance readability.

AI-generated description

A demonstration of basic HTML and CSS.

MIT Licensed

Similar vizzes