Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Barplot

Public visualization

D3 Barplot

0 stars1🌍 Public
SSubhendu Karmakar
Last edited Dec 19, 2023
Created on Dec 18, 2023
Forked from D3 Starter

This barplot displays population values for multiple countries, with bars animating upward from a shared baseline when the chart initializes. The visualization relies on D3’s `scaleBand` and `scaleLinear` for axes, `transition` for smooth growth, and custom tooltip handlers (`mouseover`, `mousemove`, `mouseleave`) that update a styled HTML div. Data comes from a CSV file fetched via `d3.csv`, and the SVG output includes custom Roboto Condensed fonts, axis titles, and a chart title.

AI-generated description

Reusable Barplot in D3

  • Animation
  • Smooth Update
  • Permformance
  • Axis Title
  • Graph Title
  • Legend
  • Tooltip
  • Custom Fonts
  • Satisfaction

Comments

Sign in to join the discussion.

MIT Licensed