Skip to main content
SimilarExport ZIP
100%

Activity6_task3.2

✓ Published0🌍 Public
Ggsdontineni518@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This example shows a scatter plot comparing car horsepower and torque, with car make encoded by symbol shape and a custom legend. The visualization uses D3 v7 APIs including scaleLinear, scaleOrdinal, schemeCategory10, symbolsFill, and symbol to render marks. Data is loaded from a remote CSV and parsed with csvParse, then visualized using a modular structure with local ES6 modules for axes and legend components.

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

This visualization displays a scatter plot comparing car horsepower and torque, with points shaped by car make. The plot uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data values to positions and shapes. A legend with shape symbols identifies different car makes, while axes are rendered using `axisLeft` and `axisBottom`. Data is loaded from a remote CSV file and parsed with `csvParse`, with numeric fields converted using unary operators.

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

Task3_Activity6

This scatter plot visualizes the relationship between horsepower and torque for different car makes. Each point’s shape encodes the car’s manufacturer, with a legend on the right identifying the shape-to-make mapping. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `symbol`, and `axisBottom`/`axisLeft` for axes. Data is loaded asynchronously from a CSV file hosted on GitHub, fetched via the `fetch` API and parsed with `csvParse`. The plot renders as an SVG, sized to the full browser window.

Ssanjanadadi19@gmail.com
90% 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
89% 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
87% 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
87% 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
87% match
Loading thumbnail…

Activity 6_Question 3.2

This scatter plot displays relationships between horsepower and torque for individual car models, with each point’s shape encoding the manufacturer. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and `symbol` to render marks. A custom legend shows shape categories, while data loads asynchronously from a CSV file via `csvParse`.

MMonish Galla
87% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the relationship between horsepower and torque for various car makes, using bubble size to represent highway MPG and color to distinguish manufacturers. The visualization loads CSV data from a GitHub repository and renders it with D3 v7, employing scaleLinear for axes, scaleSqrt for bubble sizing, and scaleOrdinal with schemeCategory10 for categorical coloring. Axes are generated using axisLeft and axisBottom, while a custom shape legend component displays the car makes.

Ssahithigovindaraju@my.unt.edu
87% match