๐ Public
1) Bar Chart - Margin Convention
This example displays a bar chart of the top 10 most populous countries, but with all axes and labels removed, resulting in a "pathetic" chart where bars are unreadable without context. The visualization uses React state to fetch and parse the UN population data from a CSV, then renders the bars as SVG rectangles via the `d3.scaleBand` and `d3.scaleLinear` API, positioned within a fixed margin and viewport. The chart intentionally omits tick marks, gridlines, and text, leaving only colored rectangles whose lengths encode population values.
AI-generated descriptionA program that shows the top 10 most populous countries as a pathetic bar chart with no axes.
MIT Licensed
![Bar Chart - 02 [Margins & Axis]](/viz/85ac25fa11ad4ee9a7a8e4cc9826a99c/social-image.png?v=be5bdc95d6e04d9f8d850e43309a4bda)







Comments
Sign in to join the discussion.