Fork of Activity6_Task2_q2_3

100%

Fork of Activity6_Task2_q2_3

✓ Published0🌍 Public

Last edited Oct 23, 2024

Created on Oct 22, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Activity6_Task2

This example shows a stacked bar chart of employee projects handled and sales achieved, using data from a CSV file hosted on GitHub. The code loads D3 v6 via UNPKG and reads the remote CSV with `d3.csv`. It uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.stack` to create the stacked series. A color scale with `d3.scaleOrdinal` assigns distinct colors, while mouseover events log bar data to the console, and an extra blue rectangle is appended to the SVG as a rendering check.

Rrajeswariamruthabommaraju@my.unt.edu

82% match

Loading thumbnail…

Fork of Activity6_question

This stacked bar chart visualizes monthly sales across three departments—Electronics, Clothing, and Groceries—using horizontal bars segmented by category. The chart is built with D3.js v4, parsing CSV data and rendering it as SVG, with a color scale distinguishing departments and a custom tooltip showing segment values on hover. Axes display month labels and total sales formatted in thousands, while a legend identifies each category. The layout uses D3 scales for positioning and the d3.stack API to compute stacked segments from the uploaded sales data.

Mmaneeshraja47@gmail.com

82% match

Loading thumbnail…

Fork of Activity 6 task 2 question 2

A stacked bar chart visualizes quarterly sales contributions across four regions—South, Central, East, and West—from 2018 to 2021, with each bar segmented by region and colored via a categorical scale. The chart uses D3 v7 to load CSV data, compute stacked series through `d3.stack()`, and render SVG rectangles scaled by `d3.scaleBand()` and `d3.scaleLinear()`. Hovering over a segment reveals a tooltip with the exact sales value, while an external legend identifies each region’s color. Axes are drawn using `d3.axisBottom()` and `d3.axisLeft()`.

Kkrishi7079@gmail.com

82% match

Loading thumbnail…

Fork of Activity6_Task2

This stacked horizontal bar chart displays the proportion of six food categories (Fruit, Vegetables, Meat, Dairy, Grains, Snacks) across rating bands from "Below 4" to "Above 8." Each category is a row of stacked colored segments, where segment length represents the percentage of ratings in that band. The visualization uses d3.stack() to compute cumulative values and d3.scaleOrdinal() for categorical colors. It renders via SVG with d3.axisBottom and d3.axisLeft, and includes interactive tooltips on mouseover showing exact percentage values. Data comes from a CSV file with pre-computed proportions.

Sshivakumarganji@my.unt.edu

81% match

Loading thumbnail…

Fork of Activity 6_Q3

A stacked horizontal bar chart shows sales by product category for five stores, with tooltips displaying precise values on hover. The visualization uses D3 v7, loading data from a CSV file and rendering with SVG. It employs `d3.stack()` for data stacking, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis, with `d3.scaleOrdinal()` for category colors.

KKarnam Abinay Goud

80% match

Loading thumbnail…

Fork of Fork of Activity6_Task2

This horizontal stacked bar chart shows the proportion of ratings (from "Below 4" to "Above 8") for six food categories (Fruit, Vegetables, etc.), with each bar’s segments representing the percentage of ratings in that range. The chart uses `d3.stack()` to create the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the x-axis. Hovering over a segment reveals a tooltip showing the exact percentage for that rating, calculated from the provided data. The visualization is rendered as SVG using D3 v7, with colors assigned via `d3.scaleOrdinal`.

Sshivakumarganji@my.unt.edu

80% match

Loading thumbnail…

Activity-6_Task2(q)

This stacked bar chart shows monthly sales totals for five product categories—Electronics, Clothing, Furniture, Groceries, and Books—across January, February, and March. The data is loaded from a CSV file and rendered as SVG using D3 v7. The visualization uses `d3.stack()` to aggregate the three month values per category, with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. A color scale distinguishes the months, and a legend in the top-right corner labels each segment.

Aaravapalliharika2002@gmail.com

80% match