Viewing a saved revision (read-only)
f678c92f2bb542e787fad1744029f256
activity6_question2.1
A stacked bar chart displays the distribution of IMDb ratings across six movie genres, with the x-axis showing the proportion of ratings within each of five score ranges from below 5.0 to above 8.5. The chart uses a horizontal layout where each genre’s bar is composed of color-coded segments that sum to 100 percent. The visualization is built with D3.js v7, using `d3.stack()` to compute the stacked values, `d3.scaleBand` for the genre categories, and a linear scale for the percentage axis. The data is loaded from a CSV file, with genre names mapped to the y-axis and a legend identifying each rating range.
AI-generated description📊 Stacked Bar Chart - Monthly Product Sales
This project visualizes monthly product sales data using a tacked bar chart in D3.js.
📈 Dataset
Th e dataset consists of sales for three products over three m nths:
| Month | Product A | Product B | Product C | |-- -------- | --------- | --------- | --------- | January | 120 | 80 | 60 | | February | 150 | 90 | 70 | | March | 180 | 100 | 90 |
🎨 Visualization Overview
- X -Axis: Displays the months.
- Y-Axis: Represents the total sales.
- Bars: Stacked to show sales contribution by exac nh product.
- Color Legend: Identifies different products.
📊 Key Insights
- Pr oduct A is the leading product in sales.
- A steady increase in sales is observed across all three pro ducts.
- Productart :*s the least contribution but shows growth over the
months## nst🚀 How to RunOpen
i ndex.htmlin a brownyser.
- Make En`data.style.cssin the same directory as .
📚 Technologies Used
- D3.j s (v7)
- HTML5
- CSS3