Skip to main content
SimilarExport ZIP
100%

Act6-question3

✓ Published0🌍 Public
RRayabarapu Nikhitha
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Act6-tutorial2

This stacked bar chart visualizes the breakdown of sales contributions from TV, Radio, and Newspaper advertising across five data points from the provided `data.csv`. It uses D3 v6’s `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and the `stack` helper to build a cumulative distribution. The SVG rendering applies an ordinal color scheme, axis callbacks, and a legend, all within a VizHub environment.

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.
MIT Licensed

Similar vizzes

Loading thumbnail…

act6-question9

A bubble chart visualizes advertising data, showing TV and Radio budgets on the x- and y-axes while the area of each circle encodes Sales figures. The visualization employs D3 v7 with `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, `d3.scaleSequential` with `d3.interpolateBlues` for color encoding, and `d3.axisBottom`/`d3.axisLeft`. Interactive tooltips appear on mouseover, and data loads from a CSV via `d3.csv`. Rendered as SVG with opacity and black stroke styling.

RRayabarapu Nikhitha
80% match
Loading thumbnail…

activity6_question2

A stacked bar chart displays TV brand ratings across five percentage categories (below 2.0 to above 6.5), with each bar segmented by brand. The visualization loads data from a CSV file and renders SVG using D3 v7. It employs `d3.stack()`, `d3.scaleBand()`, `d3.scaleLinear()`, and `d3.scaleOrdinal()` to position and color segments, while mouseover events trigger a custom tooltip showing exact rating percentages.

1188r1a0559@gmail.com
80% match
Loading thumbnail…

act6-question6

This scatter plot visualizes the relationship between TV advertising spend and sales for a company, encoding each data point as a colored circle. The chart distinguishes high performers (sales greater than 15) in blue from lower performers in red, with a legend clarifying the color mapping. Built with React and D3 v7, the visualization loads CSV data from a GitHub repository, uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and renders circles via `d3.selectAll` and `.enter()`. Axis labels and a custom legend are added directly to the SVG canvas.

RRayabarapu Nikhitha
79% match
Loading thumbnail…

Activity6-Question-2.3

This stacked bar chart shows sales distribution across six product categories, broken into five rating ranges from less than 5 to greater than 8.5. The visualization uses D3 v7’s `d3.stack()` to create the layered bars and `d3.scaleBand`/`d3.scaleLinear` for axes. An interactive tooltip appears on mouseover via D3 event handlers, displaying the sales segment value. Data loads from a CSV file, with a custom color scale for each range and a legend rendered alongside the chart.

LLayaMyadam@my.unt.edu
79% match
Loading thumbnail…

activity6_question2_11719493

This stacked bar chart displays sales volumes across five regions (North, South, East, West, Central) broken down into five product categories. The horizontal bars are segmented by category, with each region’s total sales represented on a linear scale. Using D3 v7, the code applies `d3.stack()` to aggregate category values, maps regions to a band scale for the y-axis, and retrieves data from `sales_data.csv`. Interactive tooltips appear on mouseover, and a legend is rendered via SVG rectangles and text elements.

Ssravani1969@gmail.com
79% match
Loading thumbnail…

Activity6_Task2(Question 3)

This stacked bar chart shows sales figures for five store locations, broken down by product category: Clothing, Equipment, and Accessories. The horizontal bars are segmented by category, with each segment colored distinctly and labeled in a legend. The visualization uses d3.stack() to compute stacked series, d3.scaleBand() and d3.scaleLinear() for positioning, and includes interactive tooltips that display the exact sales value for each category-store combination on hover. The data originates from an IMBD movie ratings source file, and the SVG rendering is styled with custom fonts.

SSowjanya Devupalli
79% match
Loading thumbnail…

Activity6_question2

This stacked horizontal bar chart displays sales totals for five store locations, broken down by product categories including clothing, equipment, and accessories. The visualization uses d3.stack() to compute the segmented bar series and d3.scaleLinear and d3.scaleBand for positioning. Rendered as SVG with D3 v7, the chart includes interactive tooltips that display precise numeric values when hovering over each segment. Category colors are assigned via d3.scaleOrdinal, and axis labels and legends are manually added.

Ggnanendra097@gmail.com
78% match
Loading thumbnail…

Activity6_Task2_Question_2

A stacked bar chart displays monthly sales totals for Electronics, Clothing, and Groceries across six months. Each bar segment represents a category’s contribution, with tooltips revealing exact values on hover and a color-coded legend identifying series. Using D3 v7, the visualization loads CSV data via `d3.csv`, constructs stacked series with `d3.stack()`, and renders SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Interactive tooltips appear through mouse events, while axes and legend are generated with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal`.

Aadityatrip9899@gmail.com
78% match