task 3.2

100%

✓ Published0🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

This scatter plot visualizes the relationship between horsepower and miles per gallon across cars in the Auto MPG dataset, with each point colored by cylinder count. The code loads data from a CSV file using `d3.csv`, applies `d3.scaleLinear` for both axes, and uses `d3.scaleOrdinal` with `schemeCategory10` for color encoding. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while circles are appended with dynamic `cx`, `cy`, and `fill` attributes, rendered in SVG. The visualization includes labeled axes and filters out rows with missing horsepower values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

task3

This scatter plot displays the relationship between horsepower and miles per gallon for vehicles from the Auto MPG dataset, with each point colored by cylinder count. It uses D3 v7 to load CSV data via `d3.csv`, filter out missing horsepower values, and render an SVG with `scaleLinear` axes, `scaleOrdinal` color mapping, and `schemeCategory10` for the legend. The visualization highlights the expected inverse correlation where higher horsepower generally corresponds to lower fuel efficiency.

GGanesh Gundekarla

96% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for a collection of cars from the Auto MPG dataset. Each point represents a vehicle, with its color denoting the country of origin and its size reflecting the car's weight. The visualization is rendered as an SVG using the D3.js library, specifically leveraging `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` for categorical color encoding, with animated tooltips providing details on hover.

KKOLLIPATI NIKHIL

88% match

Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between MPG and horsepower using the auto-mpg dataset. Each circle represents a vehicle, positioned by linear scales created with `d3.scaleLinear` and `d3.extent`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The SVG chart animates circle appearance using `d3.transition` with easeLinear. Data is loaded as CSV and parsed into numbers, with axis labels and gridlines styled through CSS classes.

CChris Mora

87% 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

87% match

Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the relationship between miles per gallon and horsepower for cars from the auto-mpg dataset, with each red semi-transparent circle representing a vehicle. The chart uses d3.scaleLinear to map data values to pixel coordinates, d3.axisBottom and d3.axisLeft to render labeled axes with gridlines, and SVG circles for marks. Data is loaded via d3.csv, with circles and labels appended through D3 selections, while axis tick styling is handled in the linked stylesheet.

ZZY Huang

87% 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

87% match

Loading thumbnail…

Cars Scatter Plot

This example visualizes the relationship between miles per gallon and horsepower for a dataset of cars from the auto-mpg CSV. Each car is represented as a steel-blue circle with a black stroke, positioned using d3.scaleLinear with d3.extent to map data domains to screen coordinates. The code renders SVG elements and includes customizable axes with tick lines and titles, built using d3.axisLeft and d3.axisBottom. The data is loaded asynchronously via d3.csv, with numeric fields coerced to numbers before rendering.

Bbenholvey

87% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between miles per gallon (MPG) and horsepower for a dataset of cars, with each circle representing a vehicle. The chart uses color to differentiate individual data points, while axes are labeled and scaled using D3's `scaleLinear` and `scaleBand` functions. Built with D3 v5, the visualization renders as an SVG and reads its data from an external CSV file. The code employs D3's `axisLeft`, `axisBottom`, `extent`, and `format` APIs to construct the axes and tick marks.

EEdward-Elric233

87% match