Skip to main content
SimilarExport ZIP
100%

Activity6_Question 3

✓ Published0🌍 Public
Hharinihari6791@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This scatter plot visualizes the relationship between horsepower and miles per gallon for cars, with points colored by the car's origin (USA, Japan, or Europe) and a categorical color legend. The visualization is built using D3 v6, employing a custom scatter plot module with `scaleLinear` functions for both axes and an ordinal color scale from `d3.schemeCategory10`. The chart dimensions are fixed at 1000 by 600 pixels, rendering as SVG, with data loaded from a CSV file containing 80 car records. A color legend component displays the origin categories with corresponding colored circles.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity_6 Question 3

This interactive scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for cars, with each point colored by the vehicle’s region of origin (USA, Europe, Japan). The visualization uses D3.js v7 (d3.v7) to render SVG elements, including circles that respond to mouseover events by displaying a tooltip with the car’s name, horsepower, and MPG. Data is loaded from a remote GitHub CSV file using `d3.csv`, and scales are constructed with `d3.scaleLinear` and `d3.scaleOrdinal` to map the quantitative and categorical attributes, respectively.

JJaiyaGhanta@my.unt.edu
91% match
Loading thumbnail…

Activity6_Question3

This scatter plot displays the relationship between horsepower and miles per gallon for cars, with each point’s shape and color encoding the car’s type. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with symbolsFill and schemeSet1 to map categorical values to distinct shapes and colors, and d3.axisLeft/axisBottom for axes. Data is loaded from a remote CSV and parsed with d3.csvParse. A custom legend shows the shape-to-category mapping, with d3.symbol generating the icon paths.

Nnikhilthoutu24@gmail.com
90% match
Loading thumbnail…

Activity_6 Task3.2

This interactive scatter plot visualizes the relationship between car horsepower and fuel efficiency (MPG), with data points colored by the car's country of origin. Built using D3.js v7, the visualization loads CSV data from a GitHub repository and renders it as an SVG with smooth hover tooltips displaying detailed car information. A legend distinguishes between USA, Europe, and Japan vehicles. The implementation uses standard D3 APIs including `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `csv`, applying a `transition` for animated tooltip effects.

JJaiyaGhanta@my.unt.edu
90% match
Loading thumbnail…

Activity6_q3

This scatter plot visualizes the relationship between horsepower and miles per gallon (MPG) for vehicles in the Auto MPG dataset, with points colored by region of origin (USA, Europe, Japan). It uses d3.csv to load the data, d3.scaleLinear for positioning both axes, and d3.scaleOrdinal for categorical color mapping. The SVG rendering includes axis labels, a legend, and circles with opacity, all generated using D3 v7 selections and the axisBottom and axisLeft components.

FFayezuddin Mohammed Khan
89% match
Loading thumbnail…

activity6_Question3

This scatter plot visualizes car performance by plotting horsepower on the x-axis against mileage (MPG) on the y-axis, with each point colored by fuel type (Petrol, Diesel, Electric). The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for color mapping. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with a legend positioned separately using SVG circles and text elements.

Aa9.hemraj@gmail.com
89% match
Loading thumbnail…

Question 3

This scatter plot visualizes the relationship between fuel efficiency (mpg) and horsepower for 65 cars, with each dot colored by the vehicle's region of origin (USA, Japan, or Europe). The chart uses D3 v7 to render SVG circles positioned by linear scales on both axes, with a categorical color scale distinguishing origins and a legend explaining the color mapping. The visualization highlights the negative correlation between horsepower and fuel economy, while also revealing that Japanese and European cars tend to cluster toward higher mpg values with lower horsepower output.

MMohammed Abdul Mannan
89% match