HW6 Fix

100%

✓ Published0🌍 Public

Last edited Oct 1, 2026

Created on Oct 1, 2026

This scatterplot visualizes the relationship between engine Horsepower, Torque, and MPG, with vehicle Layout encoded by color. The code loads data from a CSV file using `d3.csv`, then renders an SVG with `d3.scaleLinear` for x and y positions and `d3.scaleOrdinal` for category colors. Summary statistics display mean and median horsepower, while axes are drawn with D3’s axis components. The visualization demonstrates basic marks and channels, using position, size, and color to encode quantitative and categorical attributes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

[A6] Vehicle Power vs. MPG (Scatter Plot With Qualitative Color Scale)

This scatter plot compares vehicle torque and horsepower, with each point’s size encoding MPG. The chart uses a qualitative color scale to distinguish car makes—Audi in blue, Chevrolet in red, and Volvo in green—via `d3.scaleOrdinal` and a `d3.legendColor` legend. Data from a CSV file is loaded with `d3.csv`, parsed, and mapped to linear scales for the x- and y-axes, while circle radii are scaled by MPG using `d3.scaleLinear`. The SVG rendering is handled by D3 v7, with axes, labels, and a triangular-symbol legend drawn programmatically.

Cctan13@dons.usfca.edu

85% match

Loading thumbnail…

Assignment 6

This animated scatter plot, titled "Rules of Thumb," visualizes vehicle characteristics across different generations. It shows how the relationship between Horsepower and Torque_lb_ft evolves over time, with point size encoding MPG and color distinguishing engine Layout. The animation transitions between frames defined by the Generation column, revealing trends in automotive performance. Data is loaded from a CSV file using `d3.csv` and rendered as SVG. The visualization uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for size, `d3.scaleOrdinal` with `d3.schemeTableau10` for color, and a play/pause button controls the frame progression, with a tooltip appearing after a 2-second delay.

EEarlAmematekpo16

84% match

Loading thumbnail…

Activity_6_Q3.6

A scatter plot displays the relationship between horsepower and torque for vehicle data, with points colored by manufacturer. The chart uses D3 v6 to load CSV data from GitHub, create linear scales, and render circles in an SVG. Axis labels and tick marks are styled with green text, while scales and axis generators like `scaleLinear`, `axisLeft`, and `axisBottom` handle the graphical mapping.

Pparvathi829790@gmail.com

84% match

Loading thumbnail…

Fork of Activity6_Task3.6

This scatter plot shows the relationship between horsepower and torque for vehicles, with each point colored by vehicle make. The code loads data from a CSV file hosted on GitHub and uses D3 v6’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` to position circles and create a color-coded legend. The visualization renders as an SVG, sized to the browser window, with labeled axes for horsepower and torque.

MMallikarjun Narra

84% match

Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for various car models, sourced from the auto-mpg dataset. The D3 v6 code loads CSV data, maps horsepower to the x-axis and mpg to the y-axis using linear scales, and renders semi-transparent pink circles for each car. Axis tick marks extend across the plot, and both axes are labeled. The SVG output includes a title and uses Roboto Mono typography for all text elements.

RRodolfo Viana

84% match

Loading thumbnail…

Scatterplot: Horsepower and MPG in D3

This scatterplot shows the relationship between horsepower and miles per gallon (MPG) for a set of cars. It displays each car as a circle, with MPG on the x-axis and horsepower on the y-axis. Using d3.csv, it loads car data from a remote GitHub gist, converts the string values to numbers, and maps them to linear scales via d3.scaleLinear. The visualization renders circles as SVG elements, styled with CSS hover effects, and includes labeled axes and a title generated with d3-axis and SVG text.

Kkfhujosefsson@dons.usfca.edu

84% match

Loading thumbnail…

Assignment 6

This scatter plot shows the relationship between horsepower and miles per gallon for a dataset of automobiles, with each car represented as a blue semi-transparent dot. The visualization uses D3 v7 to load the CSV file, parse numeric values, and scale the data linearly along both axes. Points are rendered as SVG circles, with axes and labels generated using `d3.axisBottom`, `d3.axisLeft`, and appended text elements. The chart includes a title and axis labels for horsepower and MPG, with missing values filtered out before plotting.

BBhargav Reddy

83% match

Loading thumbnail…

Q3

This scatter plot visualizes the relationship between horsepower and torque for various car makes, using color to distinguish different manufacturers. The D3.js code loads a CSV dataset from a GitHub URL, maps the data points to SVG circles, and applies a linear scale to the x and y axes. It uses `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to handle scaling and coloring. The chart includes labeled axes for Horsepower and Torque, plus a legend showing the color-coded makes.

Rreddyswethuvahana@gmail.com

83% match