Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

LokeshMademActivity6_Question2.3

Public visualization

LokeshMademActivity6_Question2.3

0 stars0🌍 Public
LLokesh Madem
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity6_Task2

This visualization displays stacked bar charts comparing petal length measurements across three iris flower species (setosa, versicolor, and virginica) using the Iris dataset. The chart uses d3.stack() to create stacked segments, d3.scaleBand for the categorical species axis, and d3.scaleLinear for the numerical length axis. Colors distinguish each species through a d3.scaleOrdinal with a custom color range. Interactive tooltips appear on mouseover showing precise petal length values, while hover effects alter rectangle opacity. The SVG rendering incorporates custom styling with d3.axisBottom, d3.axisLeft, and formatted values using d3.format('.2f').

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed