Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Viewing a saved revision (read-only)

70624d991f284e2394b989b682fbe847

Fork of D3 Starter

0 stars0🌍 Public
RRishav Nandi
Last edited Apr 3, 2023
Created on Apr 3, 2023
Forked from D3 Starter

This bar chart displays country values using D3 v7, with each country represented as a vertical bar on an SVG canvas. The visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick rendering. Data comes from a static JavaScript array in `constants.js`. The chart includes rotated x-axis labels and an additional scrollbar implemented via a `foreignObject` element, though the scrollbar’s interaction is limited within the fixed-width SVG.

AI-generated description

A demonstration of how to start using D3 version 6.