Skip to main content
SimilarExport ZIP
100%

Question 2

✓ Published0🌍 Public
Nnitishsurneni@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025

This visualization shows the proportional distribution of CO2 emissions by fuel type across different vehicle categories. Using a horizontal stacked bar chart, each vehicle type displays segments for Petrol, Diesel, Electric, and Hybrid fuel sources, colored with a categorical scale. The D3.js code loads data from a CSV file, stacks the fuel-type columns using the `d3.stack` API, and renders the result as SVG rectangles scaled by the linear x-axis. A legend identifies each fuel type, while the y-axis labels the vehicle types. The chart enables quick comparison of fuel-source shares within each vehicle category.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity 6 task 2 Q1

This stacked bar chart shows the proportional CO2 emissions of four vehicle types—Sedan, SUV, Truck, and Motorcycle—split across four fuel categories: Petrol, Diesel, Electric, and Hybrid. Each horizontal bar is normalized to 100%, with colored segments representing fuel-type proportions. Built with D3 v7, the visualization uses `d3.stack()` to compute stacked series, `d3.scaleBand` for the vehicle-type axis, and `d3.scaleLinear` for the percentage scale. Data comes from a local CSV file, rendered as SVG with a color legend and percentage-formatted x-axis ticks.

Ssumanthpenna0221@gmail.com
87% match
Loading thumbnail…

Activity6_Task2 Question 2

This example presents a stacked bar chart depicting CO2 emissions by vehicle type (Sedan, SUV, Truck, Motorcycle) and fuel type (Petrol, Diesel, Electric, Hybrid). The visualization uses proportional data from a local CSV file, rendered as SVG rectangles. It leverages D3.js v7 APIs, including `d3.stack` for stacking series, `d3.scaleOrdinal` for color coding, `d3.scaleBand` for categorical axes, and `d3.axisLeft`/`d3.axisBottom` for labeled axes. A custom legend and title complete the chart, with all styling handled via external CSS.

Gguttavenkata745@gmail.com
85% match
Loading thumbnail…

Question2

A stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG metrics across 31 car makes, with each bar segmented to show the proportional contribution of each metric. The chart uses D3.js v7 with SVG rendering, employing `d3.stack()` to generate stacked series and `d3.scaleOrdinal` to assign colors. Hovering over a segment displays a tooltip showing the exact metric value formatted with `d3.format('.2f')`. The data comes from a CSV containing average specifications, with axes labeled "Value" and "Rating" for clarity.

Ttejaswiteju9811@gmail.com
80% match
Loading thumbnail…

Metis Stack Chart CO2 emissions by Fuel Type and Vehicle

This stacked bar chart compares CO2 emissions across vehicle types and fuel types, using data from ImpactOfFuel.csv. It shows the total emissions per vehicle category, with each bar segmented by fuel type (diesel, B20, gasoline, B100, CNG). The visualization uses d3.stack() to compute the layers, d3.scaleBand for the x-axis, and d3.scaleOrdinal for color coding. Hovering over a segment displays a tooltip showing the exact emission value for that fuel type. The data is sorted by total emissions to highlight the largest contributors.

EElaineYu
80% match
Loading thumbnail…

Question2

This example displays a horizontal stacked bar chart that breaks down the percentage of horsepower, torque, and highway MPG values for various car makes, using a dataset loaded from a CSV file. The chart encodes each metric as a colored segment within each bar, allowing for quick comparison across the different manufacturers. Implemented with D3 v7, the visualization uses the `d3.stack` function to normalize the data, while `d3.scaleOrdinal` maps colors to each metric, all rendered as SVG elements. On hover, an interactive tooltip displays the precise decimal value for that segment.

Ttejaswiteju9811@gmail.com
80% match
Loading thumbnail…

Activity7:Questions:1

This visualization uses a D3.js pie chart to show the distribution of car fuel types, with slices representing the proportion of cars using each fuel type. The data is loaded from a CSV file via `d3.csvParse` and grouped with `d3.rollup` to count cars by fuel category. The chart is rendered as SVG using `d3.pie()`, `d3.arc()`, and a color scale from `d3.schemeCategory10`, with labels placed at each arc’s centroid.

Ssaivaishnogaruda@gmail.com
80% match
Loading thumbnail…

Actitvity7:Questions:1

This example shows the distribution of fuel types among cars using a static pie chart. Hardcoded sample data assigns percentages to petrol, diesel, electric, and hybrid vehicles, with each slice labeled and colored using a categorical scale. The visualization is rendered with D3.js v6, using `d3.pie()` to compute arc angles and `d3.arc()` to draw SVG paths. A custom legend built from HTML divs lists each fuel type with its corresponding color and value.

Ssaivaishnogaruda@gmail.com
79% match
Loading thumbnail…

Assignment2_Question2.1

This visualization displays the annual consumption of different fuel types—solid fuel, liquid fuel, gas fuel, cement production, and gas flaring—as a series of overlaid area charts. The chart uses a time-based x-axis and a linear y-axis to show the magnitude of each fuel source over time. Built with D3 v7, the code loads CSV data from a GitHub repository, parses it, and creates five separate semi-transparent area paths using `d3.area()`, each with its own color, to render the SVG output.

HHarsha vardhan reddy Yarmareddy
79% match