Skip to main content
SimilarExport ZIP
100%

Activity6Question3

✓ Published0🌍 Public
Ssatishvelaga02@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

A scatter plot displays car dataset relationships between horsepower and highway MPG, with each point colored by vehicle make. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to render an SVG chart with labeled axes and a legend. Points are positioned using linear scales mapped from the data extent, with a fixed radius of 5 pixels.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 question 3

This scatter plot visualizes car dataset attributes, mapping horsepower on the x-axis and highway MPG on the y-axis. Points are colored by make using D3’s `scaleOrdinal` with `schemeTableau10`, and axes are generated via `axisLeft` and `axisBottom`. The code loads CSV data from GitHub using `d3.csv`, applies linear scales with `scaleLinear`, and renders circles and a legend in SVG. The visualization demonstrates D3 v6 data joining and margin-based layout within a full-window responsive viewport.

AAamani Chamarthi
95% match
Loading thumbnail…

Activity 6_Question 3

This scatter plot visualizes a car dataset, mapping horsepower on the x-axis against highway MPG on the y-axis, with each point colored by the car’s make. The visualization uses D3 v6, loading CSV data from a GitHub URL and rendering as SVG. Axes are created with `axisLeft` and `axisBottom`, while `scaleLinear` handles the positional scales and `scaleOrdinal` with `schemeTableau10` assigns categorical colors. A legend identifies the car makes, and point radius is fixed at five pixels.

Ttallavijayalakshmi0710@gmail.com
95% match
Loading thumbnail…

Activity6_QUESTION3

This scatter plot visualizes a car dataset, showing the relationship between horsepower and highway MPG, with each point colored by the car’s make via a legend. It uses D3 v6’s `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to load data from a GitHub CSV, render SVG circles, and add axes, labels, and a color-coded legend.

Vvankayalapatimounika2000@gmail.com
94% match
Loading thumbnail…

Activity 6 Question 3

This scatter plot displays the relationship between horsepower and highway MPG across a car dataset, with each point colored by car make. Using D3 v6, the visualization fetches CSV data via `d3.csv`, maps values through `scaleLinear` and `scaleOrdinal` with `schemeTableau10`, and renders an SVG with circles, axes, labels, and a legend. Mouseover or interaction is not implemented; the chart relies solely on static visual encoding to communicate trends in vehicle performance and fuel efficiency.

HHarshita Vairagade
94% match
Loading thumbnail…

Activity06 Question 3.6

This scatter plot visualizes the relationship between horsepower and highway MPG for vehicles, with each point colored by the vehicle's make. The visualization uses D3 v6 to load CSV data, apply linear scales for both axes, and render the plot as an SVG. Users can hover over individual points to see the make via a tooltip, which also highlights the selected point with a black border. The chart includes labeled axes for Highway MPG and Horsepower.

Bbharatchowdarypotluri@my.unt.edu
92% match
Loading thumbnail…

Question 3

This scatter plot visualizes car dataset attributes, mapping horsepower on the x-axis and highway MPG on the y-axis, with car make encoded by color. The visualization loads CSV data from a GitHub repository and renders circles in an SVG using D3 v6. It demonstrates core D3 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` for color coding, alongside custom margin and legend positioning.

Cchintamanenithp@gmail.com
91% match
Loading thumbnail…

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Kkandulasunny17@gmail.com
91% match
Loading thumbnail…

Activity6_question3

A scatter plot displays the relationship between horsepower and fuel efficiency for car models, with each point's shape encoding the model. The visualization loads CSV data from a GitHub repository and uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to render marks. Axes and a shape legend are built with custom modules using `axisLeft`, `axisBottom`, and `symbolGenerator`. The chart dynamically resizes to the viewport and demonstrates modular ES6 imports and state management.

SShiva Sai Reddy
91% match