Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart with D3.js

Public visualization

Viewing a saved revision (read-only)

727d75bd19b4462b959bb5b4a82db0ef

Bar Chart with D3.js

0 stars0🌍 Public
Ssaikrishnabussa
Last edited Jul 14, 2023
Created on Jul 14, 2023
Forked from HTML Starter

This bar chart visualizes shopping methods by gender, displaying the percentage of males and females who shop Online, In-store, and Mobile. The chart uses stacked bars with different colors for each gender category, alongside a legend and labeled axes. Built with React and D3.js v6, it relies on `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the percentage y-axis, and `d3.axisBottom` and `d3.axisLeft` for ticks. The data is hardcoded as an array of objects, rendered as SVG elements within a 600x400 viewport.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.