Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Margin Convention

Public visualization

Viewing a saved revision (read-only)

15021af6093e45e8ae3e703ee3d6a7ed

Margin Convention

0 stars1🌍 Public
AAndres de la Garza
Last edited Mar 6, 2021
Created on Mar 5, 2021

This example displays agricultural residue data by zone as horizontal bars, with each rectangle's width proportional to January values. The chart uses D3's `scaleBand` and `scaleLinear` within a React component, respecting a 50-pixel margin on all sides via SVG transforms. Data loads from a CSV file through `d3.csv`, showing the first 12 records in a static, non-interactive format.

AI-generated description