Skip to main content
SimilarExport ZIP
100%

Task2Ques1

✓ Published0🌍 Public
IIkram Mohammed
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Task 2

This stacked bar chart shows annual price trends for five car models from 2020 to 2024, using color-coded segments to compare values across years and models. It loads CSV data via d3.csv, builds the chart with d3.stack, scales with d3.scaleBand and d3.scaleLinear, and assigns colors using d3.scaleOrdinal with d3.schemeCategory10. The SVG renders axes via d3.axisBottom and d3.axisLeft, and includes a legend generated from the data columns.

AI-generated description

This stacked bar chart visualizes the annual price trends of selected car models from 2020 to 2024, offering insights into how car prices have evolved over time. Each segment in the bars represents the car price for a specific year, color-coded for clear differentiation. The chart aims to provide an easy comparison across years and models, highlighting trends and shifts in the automotive market.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task2Q1

This example uses a stacked bar chart to compare performance metrics (horsepower, torque, and highway MPG) across seven car makes from a CSV file. Built with D3 v7, it loads data via `d3.csv`, formats values with `d3.format`, and renders SVG bars using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Segments are colored via `d3.scaleOrdinal`, and interactive tooltips reveal exact values on hover using D3's event handlers.

Bbhavanadupati3@gmail.com
83% match
Loading thumbnail…

Activity6_Q2

A stacked bar chart displays quarterly sales figures for five car brands—Tesla, Toyota, Ford, BMW, and Mercedes—from Q1 2022 through Q2 2024. The chart is rendered as SVG using D3 v7, with each brand represented by a distinct color from the Tableau10 palette. The code loads data from a CSV file via `d3.csv`, stacks the series using `d3.stack`, and uses `d3.scaleBand` and `d3.scaleLinear` to position bars. Individual segment values are labeled above each bar, with axes and a legend generated by D3’s axis and legend utilities.

TTarshit Vupperla
82% match
Loading thumbnail…

Activity6-TASK2(Question)

This visualization displays monthly car sales for eight models as a horizontal stacked bar chart, with each bar segmented by month from January through August. It uses D3 v7’s `d3.stack` to compute the stacked values, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis, rendering rectangles within SVG groups. Data is loaded externally from a CSV file via `d3.csv`, and a color-coded legend identifies each month alongside the chart.

Vvinilavoddi@my.unt.edu
82% match
Loading thumbnail…

Task3Ques

This scatter plot visualizes the relationship between model year and price for a cars dataset loaded from a GitHub-hosted CSV file. Each car is represented as a blue circle positioned along the x-axis for model year and y-axis for price. The visualization uses d3.csv for data loading, d3.scaleLinear for both axes, and d3.axisLeft plus d3.axisBottom to render the scales. The SVG canvas fills the browser window, with circles drawn using D3’s data join pattern and attributes set for radius and fill.

IIkram Mohammed
81% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays car specifications—horsepower, torque, and highway mpg—for five vehicle makes, using d3.stack to compose the horizontal segments. Each bar’s segments are colored via d3.scaleOrdinal, with an x-axis linear scale and a y-axis band scale. The SVG rendering includes mouseover tooltips that show exact values, while the legend identifies each specification. Data comes from an inline CSV array within the code.

Ssahithigovindaraju@my.unt.edu
81% match
Loading thumbnail…

Task-8(Question-2)

This visualization shows a horizontal stacked bar chart comparing three car attributes—horsepower, torque, and highway MPG—across 31 car makes. The data is loaded from a CSV file using d3.csv, and the stacked layout is created with d3.stack(). The x-axis uses a linear scale to represent cumulative values, while the y-axis uses d3.scaleBand for categorical car makes. Color encoding is applied via d3.scaleOrdinal with a defined range, and the chart includes an x-axis, y-axis labels, and a legend rendered in SVG.

Ttallurisaiteja96@gmail.com
81% match
Loading thumbnail…

Activity_6_Task2_Q2

This stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG across 31 car makes, using d3.stack with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Each bar segment represents one attribute, colored via d3.scaleOrdinal, and hover interactions display the precise attribute value in a tooltip. The SVG renders data from a local CSV, with axes, labels, and gridlines styled using D3’s axis methods and external fonts.

Vvarmanithish5@gmail.com
81% 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
80% match