ice_7_task_1

100%

✓ Published2🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) across vehicles in the mtcars dataset, with points colored by cylinder count. The reusable `scatterPlot` function, built with d3.v7, configures linear scales, ordinal color encoding, axes, and a legend. It uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.schemeTableau10`, and `d3.axisBottom`/`d3.axisLeft` to render the chart, with data loaded via `d3.csv` and `d3.autoType`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

task 3.2

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.

GGanesh Gundekarla

85% match

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

85% match

Loading thumbnail…

ICE-7 Harshith Mullapudi

This scatter plot shows the relationship between horsepower and miles per gallon for a small set of six cars, using a reusable chart function built with D3.js v7. The SVG rendering includes linear scales for both axes, axis labels, and semi-transparent steelblue circles. The code demonstrates a custom `scatterPlot()` function that returns a chart closure, handling margins, scales, and axes internally, then applies it via `selection.datum()` and direct function invocation. The dataset is embedded in the script, and the visualization explicitly labels its axes with “Horsepower” and “Miles per Gallon.”

HHarshithmullapudi@my.unt.edu

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

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

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

82% match

Loading thumbnail…

ice7_task1

A reusable scatter plot displays car price versus miles per gallon, with each dot representing a vehicle and colored via a random Tableau10 palette entry. The chart is built as a configurable JavaScript function using D3 v7, employing `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render axes and SVG circles for data points. Data loads from a remote CSV file via `d3.csv` with `d3.autoType`, and tooltips show car model and brand on hover. The visualization highlights the relationship between vehicle cost and fuel efficiency across the Cars dataset.

Kkmohithkumar7@gmail.com

81% match

Loading thumbnail…

D3 Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for cars from the UCI Auto MPG dataset. Each point represents a vehicle, with steelblue semi-transparent circles plotted on axes with gridlines. The visualization is built with D3 v7, using `scaleLinear` for scaling, `axisLeft` and `axisBottom` for axis generation, and a data join to render circles from CSV data. The chart includes axis labels and a title, with styling applied via CSS.

Ccaedcagt76@gmail.com

81% match