Skip to main content
SimilarExport ZIP
100%

Car Task 3

✓ Published0🌍 Public
Vveginetiumeshchandra@lbrce.ac.in
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from HTML Starter

This example presents two charts built from a CSV file of car performance data: a multi-series line chart that plots each of the first three quantitative columns against the sample index, and a combined bar-plus-line chart. The line chart uses `d3.line` and `d3.scaleLinear` with a category color scheme, while the combo chart overlays bars and lines. The code loads data via `d3.csv` and renders both SVG charts.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

car 1 task

This bar chart visualizes car performance by comparing a categorical attribute against a numeric metric, displaying the top 20 values sorted in descending order. Using D3 v7, it loads CSV data from a GitHub gist, applies `d3.scaleBand` and `d3.scaleLinear` for positioning, and renders SVG rectangles with `d3.interpolateTurbo` coloring. Rotated axis labels and value annotations highlight each data point, while hover effects change bar fill color.

Vveginetiumeshchandra@lbrce.ac.in
83% match
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
79% match
Loading thumbnail…

Task-9&10 Q2

This area chart compares three car attributes—horsepower, torque, and highway MPG—across different car makes using overlapping filled paths. Built with D3 v7, the visualization loads CSV data via `d3.csv`, scales values with `scaleBand` and `scaleLinear`, and renders the three series using `d3.area` paths in steelblue, orange, and green. The SVG output includes rotated x-axis labels, a legend, and axis titles, with the data sourced from a raw GitHub CSV file.

Ttallurisaiteja96@gmail.com
77% match
Loading thumbnail…

Assignment #7 Multiple Line Chart

This example visualizes five automobile performance attributes—economy in miles per gallon, cylinder count, horsepower, weight, and 0-to-60 mph time—as a set of colored polylines plotted against car models from a CSV file. The chart reveals each model’s relative values across these disparate scales on a single axis. The code uses D3 v7 to load the CSV, define point and linear scales, draw the SVG paths with `d3.line`, and render axes with `d3.axisBottom` and `d3.axisLeft`. Each attribute uses a fixed stroke color, and a legend is constructed via `d3.scaleOrdinal`.

Mmhzahdeh@dons.usfca.edu
77% match
Loading thumbnail…

Task2Ques1

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.

IIkram Mohammed
76% match
Loading thumbnail…

Activity6_question3

This example visualizes car performance metrics from a CSV file, plotting horsepower against highway MPG for various car makes. It features a scatter plot with color-coded categories (Economy, Luxury, Sports, Other) and a horizontal bar chart showing average horsepower by make, using D3.js for the former and Chart.js for the latter. The SVG scatter plot uses `d3.select`, `d3.scaleLinear`, and `d3.axisBottom`, while the canvas bar chart uses `getContext('2d')` and Papa Parse to load the data.

Aamulyareddykondru01@gmail.com
76% match
Loading thumbnail…

Activity 6 Task2

This example displays a stacked bar chart of normalized car statistics (horsepower, torque, and highway MPG) for 31 makes, with each row showing the proportional contribution of each metric. The visualization uses D3 v7 to load CSV data, normalize values via `d3.sum`, and render the chart as SVG with `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` for colors. Interactive tooltips appear on mouseover, revealing the percentage share of each stat, alongside a custom legend. The data comes from `data.csv`, and the code demonstrates modular ES6 imports and UNPKG loading.

Ssharanyabobbala@my.unt.edu
76% match
Loading thumbnail…

Task 3

This example shows a multi-series line chart comparing sales_A, sales_B, and sales_C over 20 time points, followed by a combined chart that overlays sales_A as bars on the left axis and sales_B as a line on the right axis. Both charts use D3 v7 with SVG rendering. The line chart applies d3.line, d3.scaleLinear, and d3.schemeCategory10 for color encoding, while the combined chart uses d3.scaleBand with axisLeft and axisRight for dual y-axes. Data is loaded from a local CSV file using d3.csv with d3.autoType.

SSai Charan
76% match