Skip to main content
SimilarExport ZIP
100%

Activity-6 Q2

✓ Published0🌍 Public
Hharshaps15@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity-6 Task2

This stacked bar chart visualizes car sales distribution across five manufacturers, showing the percentage of cars sold in each price range (below 100, 100-200, 200-300, 300-400, above 400). Each horizontal bar represents a manufacturer, segmented into colored sections for each price bracket. Hovering over any segment displays a tooltip with the precise sales percentage. The visualization uses D3.js v7 with `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.scaleOrdinal()` to create the chart, which is rendered as SVG.

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…

Activity-6 Q3

This scatter plot visualizes car sales data by manufacturer, plotting the proportion of sales below 100 units against sales between 100 and 200 units. Each circle represents a manufacturer, colored using a categorical scale with d3.schemeCategory10, with axes labeled and a legend indicating manufacturer names. The visualization uses D3 v7 with SVG rendering, loading data from a remote CSV file via d3.csv, and constructs linear scales (d3.scaleLinear) for both axes to map the numeric fields.

Hharshaps15@gmail.com
87% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart displays automobile sales across a 12-month period, segmented by vehicle type (e.g., Supperminicar, Mediumfamilycar, Smallfamiliycar, Sports). The x-axis lists years, and the y-axis shows total sales, with each bar partitioned by color-coded vehicle categories via a legend. Built with d3.v6 and SVG rendering, the code uses `d3.stack()` to aggregate sales, `d3.scaleBand()` for the x-axis, `d3.scaleLinear()` for the y-axis, and `d3.schemeSet2` for colors. It also includes hover tooltips showing exact sales values. The data originates from `historical_automobile_sales.csv`, which provides variables like price and recession indicators, though the chart focuses solely on sales counts. The visualization uses `d3.axisBottom` and `d3.axisLeft` for axes with rotated labels, and applies `d3.select` for DOM manipulation.

119n81a0581sunny@gmail.com
85% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart compares car performance by manufacturer, breaking down horsepower, torque, and highway MPG into color-coded segments along a horizontal axis. It loads CSV data via D3 v7, uses `d3.stack()`, `d3.scaleBand()`, `d3.scaleLinear()`, and `d3.axisBottom()` to render SVG bars, and includes interactive tooltips on mouseover for metric values. A legend maps the three metrics to distinct colors.

SSahithi.R
84% match
Loading thumbnail…

Activity-6(q2)

This stacked bar chart compares horsepower, torque, and highway fuel efficiency across 31 car manufacturers. The data is loaded from a CSV file and rendered as SVG using D3.js v7. The chart uses stacked segments to show the cumulative value of the three attributes for each manufacturer, with a color-coded legend. The y-axis represents the total sum, while rotated x-axis labels identify each brand. The visualization employs D3's `scaleBand`, `scaleLinear`, `scaleOrdinal`, and `stack` utilities, along with `axisBottom` and `axisLeft` for the axes.

Aaravapalliharika2002@gmail.com
84% match
Loading thumbnail…

Activity6_Question2

This example shows a horizontal stacked bar chart comparing car specifications—highway MPG, horsepower, and torque—across 31 manufacturers. The data is loaded from a local CSV file and rendered as SVG using D3 v7. The chart uses `d3.stack()` to aggregate the three numeric measures, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for manufacturer categories. Interactive tooltips display exact segment values on hover, and a color-coded legend distinguishes each specification.

JJayanth Reddy Sripathi
84% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart visualizes the normalized proportions of horsepower, torque, and highway MPG for 31 car brands, showing how each metric contributes to a total value of 100% per make. The code uses d3.stack() to compute the layered segments, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the proportional x-axis. Data is embedded directly in the script and rendered as SVG rectangles, with a legend and percentage-formatted axis ticks.

Ddabbararakshitha@gmail.com
84% match
Loading thumbnail…

Activity6task2q2

This stacked bar chart visualizes the percentage of sales performance within each product category, with horizontal bars segmented by price ranges from "Below 100" to "Above 5000." The chart uses D3 v7's `d3.stack()` to create the stacked segments, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on hover using mouse events, while SVG rendering provides the visual output.

Ssaitejakaranam10@gmail.com
84% match
Loading thumbnail…

activity6_question2.1

This stacked bar chart displays car specifications—horsepower, torque, and highway mpg—for manufacturers like Scion, Kia, and Ferrari. Each horizontal bar uses segments scaled by value, with a legend mapping colors to specifications. The visualization is built with D3 v7, using d3.stack() to aggregate data and d3.scaleOrdinal() for colors. Hovering over segments dims them and a tooltip shows exact values. Data comes from the included data.csv file and renders as SVG.

Nnishwitha.1032@gmail.com
84% match