Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

911b47d9dac0458297ea81129b3f9312

Activity6_Task2

0 stars0🌍 Public
Ssanjanaadapa7@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This stacked bar chart shows the proportion of five taste categories—sour, bittersweet, sweet, very sweet, and extremely sweet—for five fruits: Apple, Banana, Orange, Mango, and Grapes. Each horizontal bar represents one fruit, segmented by taste category using a sequential color scale, with a legend on the right. Hovering over a segment displays a tooltip with the exact proportion value. The visualization is built with D3.js v7 using `d3.stack`, `scaleLinear`, and `scaleBand`, rendering as SVG, and loads data from a local CSV file.

AI-generated description

Fruit Consumption Visualization

This project visualizes fruit consumption across different taste categories using a stacked bar chart built with D3.js and ES6 modules.

Project Overview

The visualization represents five types of fruits (Apple, Banana, Orange, Mango, and Grapes) and their proportions across the following taste categories:

  • Sour
  • Bittersweet
  • Sweet
  • Very Sweet
  • Extremely Sweet