Skip to main content
SimilarExport ZIP
100%

Assignment 6

✓ Published0🌍 Public
BBhargav Reddy
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Ex

This scatter plot displays the relationship between miles per gallon and horsepower for a dataset of automobiles, with each vehicle represented as a translucent steelblue circle. The visualization uses D3.js version 5 with SVG rendering, employing `d3.scaleLinear` with `d3.extent` for domain scaling and `d3.axisLeft`/`d3.axisBottom` to generate axes with gridlines. Data is loaded asynchronously from a CSV file via `d3.csv` and coerced to numeric values before rendering. The chart includes formatted tick labels and custom axis and title text, though placeholder labels ("XXXXX") remain in the current implementation.

LLex
88% match
Loading thumbnail…

Activity 6

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for cars, with points colored and shaped by origin (USA, Europe, Japan). The visualization uses d3.csv to load data from a GitHub-hosted CSV file and renders the chart as an SVG with d3.v7. Interactive tooltips appear on mouseenter to display car details, while a legend indicates the mapping between shape, color, and origin. The implementation uses d3.scaleOrdinal, d3.symbol, and d3.axisBottom/axisLeft to create the marks and scales.

Bbhargavipagolu2025@gmail.com
88% match
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
87% match
Loading thumbnail…

Activitity6_Question3

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for a cars dataset, with each circle colored by the vehicle’s origin (USA, Europe, or Japan). The visualization uses D3 v6 to load CSV data via `d3.csv`, parse and filter the rows, and render SVG circles with linear scales for both axes. Axis labels and ticks are added using `axisLeft` and `axisBottom`, while the full window width and height define the chart area. The code explicitly filters out rows with missing or invalid numeric values before mapping the data points.

GGunna,Praneeth Reddy
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…

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
87% match
Loading thumbnail…

Question3

This scatter plot visualizes the relationship between horsepower and miles per gallon for a small set of car models, encoded as colored circles. Each point’s position maps horsepower on the x-axis and MPG on the y-axis, with a categorical color scale distinguishing individual vehicles. The visualization is built with D3 v6, using `d3.csv` to load data from `car1.csv`, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` to render ticks. The SVG output includes labeled axes for horsepower and MPG, with a fixed 800×600 canvas.

Aaschowdary.shashi@gmail.com
87% 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
87% match