Skip to main content
SimilarExport ZIP
100%

Assignment 5

✓ Published1🌍 Public
AAKSHAY
Last edited Oct 5, 2025
Created on Oct 5, 2025
Forked from HTML Starter

This visualization presents a summary of a car dataset, including total vehicles, average price, average mileage, and most common make, alongside a bar chart showing the number of cars per make. It is built with D3 v7, using d3.csv to load the data and d3.select to manage the SVG. The chart uses d3.scaleBand and d3.scaleLinear for axes, with d3.axisBottom and d3.axisLeft for ticks, and d3.mean and d3.rollups for aggregations.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 6 - Q1

This bar chart displays the top 10 car makes by average price, sorted in descending order from a CSV dataset of car listings. Each bar’s height represents the mean price for that make, with value labels showing dollar amounts in thousands. Built with D3 v7, the visualization loads data via `d3.csv`, groups and aggregates it using `d3.rollup` with `d3.mean`, and renders SVG rectangles with axes created through `d3.axisBottom` and `d3.axisLeft`. Interactive hover effects change bar opacity and color.

AAKSHAY
86% match
Loading thumbnail…

Fork of Assignment 2.1.1

This visualization shows the distribution of vehicle models across different makes, using a bar chart where each bar’s height represents the count of models for that manufacturer. The chart is rendered with D3 v5 in an SVG container, using `scaleBand` for the x-axis categories and `scaleLinear` for the y-axis counts. Data is loaded asynchronously from a GitHub-hosted CSV file via `d3.csv`, and the code manually aggregates model counts per make before drawing rectangles and axes with `d3.axisBottom` and `d3.axisLeft`.

Ssanavenkatasurendrareddy@gmail.com
81% match
Loading thumbnail…

task8.1

This example visualizes car auction data by displaying the average selling price for each vehicle make as a bar chart. The dataset is loaded from a remote CSV file and parsed using `d3.csvParse`. The visualization uses D3 v6 to construct an SVG with `scaleBand` for the categorical x-axis and `scaleLinear` for the price y-axis, rendering light blue rectangles for each make. The code also adds rotated x-axis labels and descriptive axis titles for "Make" and "Selling Price."

Ssaibharath7thota@gmail.com
80% match
Loading thumbnail…

Assignment 5 - Line Chart

This line chart visualizes the average kilometers driven for used cars by model year, using a blue line over a time-scaled x-axis and linear y-axis. The visualization is built with D3 v7, loading data from a CSV file and rendering an SVG chart. It uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` to draw the path, and `d3.timeParse` to convert year strings into dates. The chart includes labeled axes and a title, with no interactive elements beyond the static SVG output.

Vvishusikka
80% match
Loading thumbnail…

Cars

A horizontal bar chart displays the average price of 2011 car models grouped by make, sorted from highest to lowest average price. The visualization uses D3 v7 with SVG rendering, loading data from a remote CSV file via d3.csv, then aggregating prices with d3.group and d3.mean. Bars are rendered as SVG rect elements with a cyan fill that transitions to orange on hover, supported by an interactive tooltip showing precise values. Axis labels and rotated tick text clarify the car make categories and price scale in euros.

AALIMINETI SPOORTHY REDDY
79% match
Loading thumbnail…

Assignment 2_Task 5

This interactive scatter plot explores the relationship between different attributes of cars from the UCI Auto MPG dataset. Users select which columns map to the X and Y axes via dropdown menus, allowing them to compare variables like miles per gallon, displacement, and weight. The visualization uses d3.scaleLinear for axis scaling, d3.axisLeft and d3.axisBottom for tick marks, and SVG circles with transitions that animate from the center to their positions over two seconds. Axis labels update dynamically based on user selections.

KKeerthiAnnem
79% match
Loading thumbnail…

Fork of Akhil -vizhub assignment bat-scatter

This bar chart visualizes the total vehicle price aggregated by vehicle type, showing how different car categories contribute to overall sales value. The chart uses horizontal bars with a green fill that darkens on hover, displaying the summed prices along a linear x-axis scale while the vehicle types are listed on a band y-axis. The visualization is built with React and D3.js v5, using the `csv` loader to fetch the cars dataset from a GitHub gist and the `scaleBand` and `scaleLinear` functions to construct the axes. Data is aggregated on the client side by reducing the raw records by the "Type" field, with axis labels for "Average Price" and "Vehicle Type" clarifying the chart's purpose.

KKusumaKumariDama@my.unt.edu
79% match
Loading thumbnail…

ICE-6 Assignment : Car makes vs average selling price

This visualization shows the average selling price of cars grouped by make, using a horizontal bar chart where each bar’s length encodes price and its color denotes the car make. The chart, built with React and D3 v5, loads CSV data from a GitHub gist, aggregates the selling prices by make, and renders the result as SVG. It employs D3’s `scaleBand`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to construct the axes and color encoding.

Vvinodreddysagam929@gmail.com
79% match