Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Final Bar Chart with HTML and movable filter

Public visualization

Viewing a saved revision (read-only)

1577acfcb07c4562b46b5c31263bb66f

Final Bar Chart with HTML and movable filter

0 stars0🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Dec 3, 2025
Created on Dec 3, 2025

This interactive D3.js visualization presents BMW sales data as a horizontal stacked bar chart, comparing Manual and Automatic transmission sales volumes across eleven vehicle models. The bars are ordered by total sales, with purple and pink segments encoding transmission types, and hover interactions reveal detailed information for each segment. Built with D3.js v7, it uses the `d3.rollups` API to aggregate the CSV dataset, employs SVG rendering with animation filters and drop shadows, and includes a tooltip system that dynamically positions itself based on pointer coordinates.

AI-generated description