Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

57c2c5034e6b4f548a40626fbbde3939

Untitled

0 stars0🌍 Public
JJoshua Higginbotham
Last edited Mar 6, 2022
Created on Mar 6, 2022
Forked from Untitled

This example demonstrates a stacked bar chart with diverging offsets, visualizing categorical data across ordinal x-values. The chart uses D3.js v7 to create an SVG rendering, with a Tableau10 color scheme distinguishing categories. The implementation employs D3's `stack` API with `stackOffsetDiverging` and `stackOrderNone`, mapping data through `d3.map` and `d3.rollup` to structure series. The interface includes a y-axis with gridlines and a monospace font, while interaction shows tooltips displaying x-value, category, and formatted y-value.

AI-generated description

A demonstration of visualization techniques on simple datasets using D3.