Skip to main content
SimilarExport ZIP
100%

Activity6_Task2_Q3

✓ Published0🌍 Public
MManojsai Bangaru
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This example presents a horizontal stacked bar chart comparing tax revenue and excise revenue for ten Indian states, including Delhi, Maharashtra, and Gujarat. The chart visually separates the two revenue components using steelblue and orange bars, with the total length representing combined revenue. Built with D3.js v7, the visualization uses `d3.scaleBand` for the categorical state axis, `d3.scaleLinear` for the quantitative revenue axis, and `d3.stack` to prepare the data for rendering as SVG rectangles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2-Question3

This stacked bar chart visualizes the first 30 days of Delhi climate data, showing how the daily values for mean temperature, humidity, wind speed, and mean pressure contribute to a total for each day. The code uses `d3.csv` and `d3.autoType` to load the data, then employs `d3.stack` and `d3.scaleBand` with a color ordinal scale to render the stacked rectangles in an SVG. It uses `d3.axisBottom` and `d3.axisLeft` for the axes, with a manually positioned legend.

Kkrunalpatel@my.unt.edu
75% match
Loading thumbnail…

Fork of Electric Bar Chart Using d3.stack

This visualization displays the revenue of ten selected Indian states from 2020 to 2024 as an overlapping area chart, with each state’s trend represented by a semi-transparent colored band. The code loads CSV data via `d3.text`, filters it to the desired states, and constructs the chart using the D3 v7 `d3.area()` generator with `d3.scaleLinear` for both axes. SVG rendering includes `d3.axisBottom` and `d3.axisLeft` for the year and revenue scales, while a legend lists each state with its matching color from `d3.scaleOrdinal(d3.schemeCategory10)`. The chart sources data from a GitHub gist and is rendered entirely in SVG.

Ssrividyamadas@gmail.com
75% match
Loading thumbnail…

Fork of Activity6_Task2_q2_3

This stacked bar chart displays finance data over time, breaking down totals into Revenue, Expenses, and Profit segments. Each date shows three colored bars stacked vertically, with a red, blue, and green palette. The code uses d3.csv to load data from a GitHub-hosted Finance_data.csv file. It employs d3.stack() to structure the data, d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.axisBottom and d3.axisLeft to render the axes.

HHema Tummapala
75% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes quarterly sales across four product categories—Electronics, Clothing, Furniture, and Books—with each bar segment colored according to category and overall height reflecting total quarterly revenue. The visualization loads data from a CSV file using `d3.csv`, then applies `d3.stack()` to compute cumulative segment values, `d3.scaleBand()` for quarter positioning, `d3.scaleLinear()` for the y-axis, and `d3.scaleOrdinal()` for categorical colors. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while SVG rectangles represent each stacked segment, and a bold "Total Sales" label marks the highest y-value.

Kkeerthanachinthalapally@gmail.com
75% match
Loading thumbnail…

Activity_6_Task2_Q2

This stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG across 31 car makes, using d3.stack with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Each bar segment represents one attribute, colored via d3.scaleOrdinal, and hover interactions display the precise attribute value in a tooltip. The SVG renders data from a local CSV, with axes, labels, and gridlines styled using D3’s axis methods and external fonts.

Vvarmanithish5@gmail.com
75% match
Loading thumbnail…

Activity6_Task1

This bar chart displays the population of three countries: the USA, China, and India. The visualization uses D3.js to create an SVG chart with interactive bars that change color when hovered over. The code imports D3 via UNPKG and uses `d3.scaleBand` and `d3.scaleLinear` for the axes, along with `d3.axisBottom` and `d3.axisLeft` for chart labels. The sample data is hardcoded within the JavaScript module.

Mmaheshchowdaryponnaganti@my.unt.edu
74% match
Loading thumbnail…

Activity6_Task2

This horizontal stacked bar chart displays the percentage distribution of fruit prices across five ranges, from below 1.0 to above 4.0. Each bar is divided into color-coded segments representing price ranges, with white percentage labels shown for wider segments. The visualization uses D3.js v7 with a stacked bar layout, employing d3.stack and d3.stackOffsetExpand to normalize all bars to full width. The chart includes axes with percentage formatting, a legend for price ranges, and tooltips showing exact segment percentages.

Bbhavanasruthikakarlapudi@gmail.com
74% match
Loading thumbnail…

Activity6_Task2_Q3

This stacked bar chart visualizes sales data for five clothing stores, comparing revenue across three product categories: Cargo, Flannels, and Tee. The horizontal bars display the proportional contribution of each category to total store sales. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to compute layered series, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the numerical x-axis. Interactive tooltips on each segment reveal exact category sales values, with the data sourced from the included CSV file.

Vvenkatamanikantavaddi@my.unt.edu
74% match