activity6task2

100%

activity6task2

✓ Published0🌍 Public

Last edited Apr 6, 2024

Created on Apr 6, 2024

This example displays a horizontal stacked bar chart comparing smartphone brand market share across five discount ranges, from "Below 10%" to "Above 40%." Rendered using D3 v5, the visualization loads data from a local CSV file and uses the `d3.select` API to bind the chart to the DOM. The chart segments each brand's bar proportionally, with colors distinguishing the discount brackets. The code imports local ES6 modules for the message text, demonstrating modular integration alongside D3’s UNPKG delivery.

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…

Activity6_Q2.3

This stacked bar chart visualizes the distribution of smartphone sales across five price categories for ten brands, with each bar normalized to show proportions of total sales. The D3.js v7 code loads data from a CSV file and renders an SVG visualization, using `d3.stack()` to create stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.axisBottom()` with percentage tick formatting. Interactive tooltips display the exact percentage for each segment on hover, while a legend identifies the color-coded categories.

MMeghana Sadhu

85% match

Loading thumbnail…

activity6task2q2

This stacked bar chart shows how phone brand influences the distribution of ratings across five percentage categories. Built with D3 v7, the SVG visualization uses `d3.stack()` to aggregate proportions and `d3.scaleBand` for brand grouping, with `d3.scaleOrdinal` assigning colors to rating categories. Hover interactions reveal exact percentages via a custom tooltip, while the data comes from a CSV file mapping brands like Apple and Samsung to their rating breakdowns.

Ssaitejakaranam10@gmail.com

85% match

Loading thumbnail…

A6_Q2

A stacked bar chart visualizes smartphone market share across five price ranges—Low, Mid, High, Premium, and Ultra Premium—for six brands. Each horizontal bar represents a brand, with colored segments depicting the proportional share in each price tier. The code uses D3.js v7, building an SVG with `d3.select`, `d3.scaleBand`, and `d3.scaleLinear` for axes, and `d3.stack` to aggregate the data. Color mapping is handled via `d3.scaleOrdinal`, and a legend is manually constructed using `svg.append`. The synthetic dataset defines share values for each brand and price range.

SShashankkodishala@my.unt.edu

83% match

Loading thumbnail…

Activity6_Task2_Question2

An interactive stacked horizontal bar chart displays customer satisfaction ratings across five smartphone brands, segmented into Satisfied, Neutral, and Dissatisfied percentages that sum to 100%. Built with D3 v7, the visualization uses `d3.stack()` for data transformation, `d3.scaleBand` for brand categories, `d3.scaleLinear` for percentages, and SVG rectangles with click handlers that alert the rating type and exact percentage. The chart includes axes, a title, and a legend, derived from a CSV file containing three numeric columns per brand.

Mmaheshsachin1234@gmail.com

83% match

Loading thumbnail…

Activity6_Question - 2

A horizontal stacked bar chart displays global smartphone market share across six countries, with each bar segmented by manufacturer (Apple, Samsung, Xiaomi, Oppo, Vivo, Others) and encoded in color via `d3.scaleOrdinal`. Built with d3.v7 and SVG, the visualization uses `d3.stack()` to compute cumulative segment positions, `d3.scaleLinear` for the share axis, and `d3.scaleBand` for country grouping. Interactive tooltips, styled in CSS, reveal precise percentages on mouseover, while the data originates from the embedded `data.csv` file.

NNitish Thotakura

83% match

Loading thumbnail…

Activity 6

This visualization presents a stacked horizontal bar chart that compares the distribution of user satisfaction ratings across six mobile phone brands. Each bar represents a brand, and its segments show the percentage of responses within rating buckets, from below 4.0 to above 8.0. The chart allows viewers to see how each brand’s ratings are distributed, with many brands showing a peak in the higher rating ranges. The chart is rendered using the d3.js library, specifically leveraging `d3.stack` to create the stacked segments and `d3.scaleOrdinal` for color encoding. The SVG output includes custom axis labels, a title, and tooltips for interactive exploration. Data is loaded from a hardcoded array in the script, which mirrors the structure of the provided CSV, showing the same buckets and percentages.

Bbhargavipagolu2025@gmail.com

82% match

Loading thumbnail…

activity6_q3

This example presents a stacked horizontal bar chart visualizing mobile brand sales across four quarters. The data is loaded from a CSV file, and each brand’s quarterly sales are stacked to show total price contributions. The chart is rendered as an SVG using D3 v7, with axes, a title, and a color-coded legend. Hovering over a bar segment triggers a tooltip displaying the brand and its specific sales value. The visualization employs D3’s scaleBand, scaleLinear, stack, and axis functions to construct the layout and interactions.

RRJVENKATESH789@GMAIL.COM

82% match

Loading thumbnail…

Activity6_Task2_q1

This stacked bar chart compares smartphone brand sales for Apple, Samsung, and Xiaomi across seven countries, with each bar segment representing a brand’s contribution to total sales. Hovering over a segment reveals a tooltip with the exact brand, sales figure, and country. The visualization uses d3.csv to load the dataset, d3.stack() to aggregate values, and d3.scaleBand for the x-axis. Color-coded segments follow an ordinal scale, while an SVG legend identifies each brand.

Vvemurisuchitha@gmail.com

81% match