Skip to main content
Log in
U

UsbaldoFraire

@UsbaldoFraire·3 public vizzes

Loading thumbnail…

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.

May 7, 2019
Loading thumbnail…

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.

May 7, 2019
Loading thumbnail…

Customizing Axes

This example shows a horizontal bar chart of the ten best places to visit in the U.S., with each bar’s length representing population data sourced from a CSV file. The visualization highlights custom axis styling: the y-axis is stripped of its domain line and tick marks, while the x-axis uses formatted tick labels and a custom title. Built with D3 v5, it uses `scaleBand` and `scaleLinear` for positioning, `axisBottom` with `tickFormat` for the x-axis, and SVG rendering with explicit margin transforms for layout.

May 7, 2019