Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6-Prathima -coffee-Bar chart

Public visualization

ICE-6-Prathima -coffee-Bar chart

0 stars3🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Mar 20, 2024
Created on Mar 20, 2024

This bar chart visualizes the sales volume of different coffee shop menu items, with each bar representing a specific coffee type. The data is loaded from a remote CSV file via `d3.csv` and parsed to convert sales figures into numbers. Using D3.js v7, the chart applies `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, rendering bars as SVG rectangles. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and the chart includes a title and axis labels. The x-axis labels are rotated for readability, and bars change color on hover.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed