Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

eb3eb90d898e46dbb63443590c028385

Customizing Axes

0 stars1🌍 Public
UUsbaldoFraire
Last edited May 7, 2019
Created on May 7, 2019
Forked from Customizing Axes

This example demonstrates a customized bar chart of NFL career sack leaders, using data from a CSV file listing player names and sack counts. The chart uses D3 v5’s `scaleLinear` and `scaleBand` to map the data, with `axisLeft` and `axisBottom` to render the axes. The x-axis features a custom tick format via `format`, and grid lines are created with `tickSize`. Styling is applied through CSS, including custom font sizes, colors, and removal of the default axis domain lines, while the bars themselves are filled green.

AI-generated description

Based on information from https://www.planetware.com/usa/best-places-to-visit-in-the-united-states-us-ny-21.htm and https://www.distance-cities.com/.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.