Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Application of Marks and Channels

Public visualization

Viewing a saved revision (read-only)

59149961861a4fefa7fbddaa4340c885

ICE-6 Application of Marks and Channels

0 stars0🌍 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.