Skip to main content
SimilarExport ZIP
100%

Activity6_task3

✓ Published0🌍 Public
Vvidyagangasani@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for 49 car models, with each point colored by the car's region of origin—American, European, or Japanese. The visualization uses D3.js v7 to load data from a CSV file and render SVG circles, with an interactive tooltip that appears on hover to display detailed specifications. The chart employs d3.scaleLinear for both axes, d3.scaleOrdinal for coloring, and d3.axisBottom and d3.axisLeft for the labeled axes. Hovering triggers animated transitions that enlarge the selected point and show a formatted HTML tooltip.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Task3_Q1

This scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for 49 cars from the 1970s–1973, with each point colored by manufacturing origin (American, European, or Japanese). It uses d3.csv to load the dataset and d3.scaleLinear for axes, rendering circles via SVG that respond to mouseover events with animated radius expansion and a tooltip displaying car details. The visualization includes labeled axes and a legend for origin categories.

Ddineshnimmagadda1@gmail.com
93% 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…

Activity-6_3

This scatter plot visualizes the relationship between horsepower and fuel efficiency (MPG) for cars from the Auto MPG dataset, with each point colored by the vehicle's region of origin (USA, Europe, or Japan). Using D3 v7, the code loads CSV data via `d3.csv`, maps it with a custom parsing function, and renders points as SVG circles with `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for region-based coloring. The visualization includes labeled axes, a legend, and a red title, all rendered as SVG elements.

MMdAfikurRahmanKhan@my.unt.edu
91% 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
91% match
Loading thumbnail…

Activity6_Task3_Q2

This scatter plot analyzes automobile performance data from 1970 to 1974, visualizing the relationship between horsepower and fuel efficiency (MPG). Each point represents a vehicle model, with its position determined by horsepower (x-axis) and MPG (y-axis). The plot uses different shapes—circles, triangles, and squares—to distinguish the country of origin (American, European, Japanese), as encoded through a `d3.scaleOrdinal` shape scale. The visualization is built with d3.v7, using `d3.csv` to load the dataset, `d3.scaleLinear` for axes, and SVG paths for rendering. Interactive tooltips on mouseover display detailed specifications for each car, while a legend clarifies the shape-to-origin mapping.

Ddineshnimmagadda1@gmail.com
91% match
Loading thumbnail…

Act 6, Task 3 6

This scatter plot shows the relationship between horsepower and fuel efficiency (miles per gallon) for ten car models, with each point colored by the car’s region of origin (USA, Japan, or Europe). Built with D3 v7, the code loads the `cars.csv` file, uses `d3.scaleLinear` for both axes, and applies `d3.scaleOrdinal` with `d3.schemeCategory10` for the categorical color encoding. SVG circles are positioned via x/y scales, and labeled axes are generated with `d3.axisBottom` and `d3.axisLeft`.

AAnushaHyderaboeni@my.unt.edu
91% 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
90% match