Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Ssahithigovindaraju@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This example displays a scatter plot from a car dataset, showing the relationship between horsepower and highway MPG, with each orange circle representing a car. It loads data from a CSV file via `d3.csv`, parses numeric values, and scales the data using `scaleLinear` with `extent` for the domains. SVG circles are bound to the data, and axes are rendered with `axisBottom` and `axisLeft`. D3 v6 handles all DOM manipulation and data joins, while axis labels are positioned via SVG text and `transform`.

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

Activity6_Task3

This interactive scatter plot, built with D3.js v6, visualizes a car dataset by plotting horsepower against torque. Each circle represents a car model, with its color encoding the vehicle's highway MPG value using a sequential blue color scale. The visualization uses a tooltip that appears on mouseover to display the car's make, horsepower, torque, and MPG. The axes are labeled and scaled using `d3.scaleLinear`, with the SVG output rendered to fill the browser window, pulling data from a remote CSV file.

Ggsdontineni518@gmail.com
91% match
Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between car horsepower, torque, and highway MPG for a dataset of vehicles, where each circle’s position encodes horsepower and torque, and its radius encodes fuel efficiency. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a remote CSV file, with car make labels drawn above each point, and axis labels styled with CSS.

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

Activity8_Task3

This example demonstrates a scatter plot of vehicle horsepower versus highway MPG, with data points shaped by car make. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol()` to render distinct shapes, while custom modules handle axes and a shape legend. Data is loaded asynchronously from a CSV file via `csvParse`, and the plot updates responsively to fill the browser window.

Iikshwakalluri
91% 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…

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…

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
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