Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Assignment 6: Bar Chart with Color Legend

Public visualization

Fork of Assignment 6: Bar Chart with Color Legend

0 stars1🌍 Public
Hhxu51@usfca.edu
Last edited Mar 4, 2025
Created on Mar 4, 2025

This example shows carrier delay counts for various airports in a bar chart, with each bar colored on a blue sequential scale to encode delay severity. The visualization loads data from a remote CSV file using `d3.csv`, then renders an SVG with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. It uses ColorBrewer’s Blues palette via `d3.interpolateRgbBasis` to create the color mapping, and the `d3-legend` library’s `d3.legendColor` to display a matching color legend. Axis labels are rotated with SVG attributes, and bars use `d3.axisBottom` for x-axis ticks.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed