Skip to main content
SimilarExport ZIP
100%

Activity 6_Question 3

✓ Published0🌍 Public
MMonish Galla
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This scatter plot visualizes automobile data, mapping horsepower on the x-axis, torque on the y-axis, and highway mpg as the radius of each steel-blue circle. It loads a CSV file from GitHub using d3.csv, parses numeric fields, and applies d3.scaleLinear for all three dimensions. Axes are rendered with d3.axisLeft and d3.axisBottom, while SVG circles are positioned via mouse coordinates. The chart fills the browser window using window.innerWidth and innerHeight, with axis labels styled in green Times font.

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 task3.1

This example shows a scatter plot of automobile performance data, mapping horsepower on the x-axis, torque on the y-axis, and highway MPG to the radius of each circle. The visualization uses D3 v6 to load CSV data from a GitHub repository, parse numeric values, and render SVG circles. It employs d3.scaleLinear for position and size scaling, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for labeled axes. A legend identifies the variables represented by the data, while the color scale assigns a single orange fill to all circles.

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

activity6_question3

This scatter plot visualizes car performance metrics by showing horsepower, torque, and highway MPG values for different car makes along a single quantitative axis. Each metric is color-coded using d3.scaleOrdinal with a Category 10 palette, and the categorical y-axis uses d3.scaleBand. The visualization reads data from a remote CSV file using d3.csv, renders circles with d3.select and join, and includes custom axes, labels, and a legend. The SVG output is generated using D3 v6.

Nnishwitha.1032@gmail.com
89% match
Loading thumbnail…

Activity6_Task3(Question 3)

This scatter plot visualizes the relationship between horsepower, torque, and highway MPG for a set of cars, using color to encode the third variable. The visualization is rendered as an SVG using D3 v6, with the code leveraging `d3.csv` to fetch data, and `d3.scaleLinear`, `d3.scaleSequential`, `d3.interpolateBlues`, `d3.axisLeft`, and `d3.axisBottom` to build the plot, axes, and color scale. The dataset is loaded from a GitHub-hosted CSV file, and the chart fills the browser window.

Gguruabhay294@gmail.com
89% match
Loading thumbnail…

Activity6_Question3

This interactive scatter plot visualizes car performance by plotting horsepower on the x-axis against torque on the y-axis, with each circle’s size and color encoding highway MPG using d3.scaleSqrt and d3.scaleSequential with the Viridis interpolator. The d3.csv-loaded dataset from a GitHub repository (bubblechart.csv) is rendered as SVG circles, and hover interactions trigger a tooltip displaying the car make and MPG value. Axes are generated with d3.axisBottom and d3.axisLeft, while d3.event positions the tooltip during mouseover and mouseout transitions.

Vvarmanithish5@gmail.com
89% match
Loading thumbnail…

Activity6Question3

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.

Ssatishvelaga02@gmail.com
89% match