Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Costumising axes

Public visualization

Viewing a saved revision (read-only)

6ea770398c5f41b9b4090e64b34c7ee4

Costumising axes

0 stars0🌍 Public
NNelson30
Last edited May 30, 2020
Created on May 30, 2020
Forked from Costumising axes

This example visualizes reported crimes by province in Costa Rica for 2019 as a horizontal bar chart. Using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, it formats tick labels with `d3.format` to abbreviate numbers, replacing "G" with "B" (e.g., 22.8k becomes 22.8B). The chart removes axis domain lines and relies on tick marks for gridlines, with data loaded from a local `data.csv`. The SVG rendering uses custom CSS classes for axis labels and titles to style the chart.

AI-generated description