Skip to main content
SimilarExport ZIP
100%

Activity8_Task3

✓ Published0🌍 Public
Iikshwakalluri
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

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.

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…

Activity6_Task3

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

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

Fork of Fork of Activity6_Task3.2.6

This visualization displays a scatter plot of vehicle data, showing the relationship between horsepower and highway fuel efficiency (MPG). Each point is shaped according to the car manufacturer, with a shape legend identifying the makes. The plot axes are labeled for both variables. The example uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to render the marks and axes, with data loaded from a remote CSV file.

MMallikarjun Narra
88% 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
88% 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
87% 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
87% 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
87% match