Fork of Activity6_Q2

100%

Fork of Activity6_Q2

✓ Published0🌍 Public

Last edited Apr 10, 2024

Created on Apr 10, 2024

This stacked bar chart visualizes mobile phone prices across four brands (Samsung, Nokia, Motorola, Redmi) for four fiscal quarters, showing the cumulative price contribution of each quarter. The visualization uses D3.js v7 with an SVG rendering, employing the `d3.stack()` function to create stacked segments and `d3.scaleBand`/`d3.scaleLinear` for axes. Hovering over any segment displays a tooltip showing the specific quarter and sales amount. The chart includes ordinal color scaling for quarters, axis labels, and a legend, with data loaded from a CSV file containing brand and quarterly price values.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q2

This stacked bar chart visualizes mobile phone sales across four brands (Samsung, Nokia, Motorola, Redmi) and four fiscal quarters, using D3 v7 with SVG rendering. The chart displays quantitative price data along the x-axis and categorical brand groups along the y-axis, with each bar segment colored by quarter. Interactive mouse events trigger tooltips showing the exact sales value for each segment. The visualization uses d3.stack for data aggregation, d3.scaleOrdinal for color mapping, and d3.scaleBand/scaleLinear for axes, with data loaded from the provided CSV.

Tthakurnikhitha4@gmail.com

94% 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

84% match

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

84% 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

82% 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

81% match

Loading thumbnail…

Activity6 Q 2.3

This stacked bar chart shows sales figures for laptops, phones, and tablets across five retail stores, with each store represented as a horizontal bar broken into three colored segments. The visualization uses d3.stack() to process the CSV data, d3.scaleLinear and d3.scaleBand for positioning, and an ordinal color scale for categories. Interactive tooltips appear on mouseover, displaying exact sales values via a custom HTML div, while the SVG rendering includes axis labels and a legend.

RRukmini Devi Y

80% match

Loading thumbnail…

Activity6_Question2

This example visualizes mobile phone sales data from a CSV file as a horizontal stacked bar chart, displaying yearly sales figures for Apple, Samsung, Motorola, and Google. The chart uses D3.js v7 to load data, apply sequential color scales, and render the SVG with axis labels and a tooltip that reveals specific sales values on hover. The code demonstrates importing D3 via UNPKG, using utility functions like `d3.stack()` and `d3.scaleBand()`, and structuring chart elements with an SVG canvas.

Vvarshithainaganti@gmail.com

80% 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

79% match