Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar chart Distribution

Public visualization

Viewing a saved revision (read-only)

221a40b4ec4945e1bef4d118bc043cd9

Bar chart Distribution

0 stars0🌍 Public
Aabdul.khader2899@gmail.com
Last edited Apr 25, 2024
Created on Apr 25, 2024

This D3.js v5 bar chart visualizes the distribution of shipping amounts across different cities during the Covid era. The data is loaded from a remote CSV file, and the chart maps city names to the quantitative amount using a band scale for the x-axis and a linear scale for the y-axis, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Each bar’s height corresponds to the value, and its fill color is randomly generated using HSL notation in the rendering SVG. The visualization uses margins and rotated x-axis labels for readability, with data processed from the provided City.csv source.

AI-generated description