Skip to main content
SimilarExport ZIP
100%

scatter plot

✓ Published1🌍 Public
Jjayakrishnanallani5@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from stacked graph

This scatter plot visualizes the relationship between horsepower and torque for ten car makes, with each make represented by a colored circle. The plot uses D3.js v7 with SVG rendering and interactive tooltips that display the car make and its values on hover. Axes are labeled and scaled using `d3.scaleLinear`, while circles are positioned with `d3.axisBottom` and `d3.axisLeft` for the grid. The chart is animated through CSS transitions on tooltip opacity, providing a clean, hover-driven exploration of the dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot

This interactive scatter plot, rendered with SVG and animation, visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position is determined by its horsepower (x-axis) and torque (y-axis), while its size and color are scaled by highway MPG and car make, respectively. Mouseover interactions trigger a tooltip that displays the make, implemented with D3 event handlers. The visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.scaleOrdinal` for color mapping, with data loaded from a CSV file.

Jjaswanthichowdarykalapala@my.unt.edu
89% match
Loading thumbnail…

T8(Q3)

This interactive scatter plot visualizes the relationship between horsepower and torque for various car makes. Each circle represents a car, colored by its manufacturer using a categorical color scale. The visualization is built with D3 v7, rendering SVG elements with linear scales for axes and ordinal scales for color mapping. Data is loaded asynchronously from a CSV file hosted on GitHub, with axes labeled and a legend indicating car make associations.

Rreddyswethuvahana@gmail.com
88% match
Loading thumbnail…

Q3

This scatter plot visualizes the relationship between horsepower and torque for various car makes, using color to distinguish different manufacturers. The D3.js code loads a CSV dataset from a GitHub URL, maps the data points to SVG circles, and applies a linear scale to the x and y axes. It uses `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to handle scaling and coloring. The chart includes labeled axes for Horsepower and Torque, plus a legend showing the color-coded makes.

Rreddyswethuvahana@gmail.com
88% match
Loading thumbnail…

Q3

This scatter plot visualizes the relationship between horsepower and torque for various car makes, using color to distinguish different manufacturers. The D3.js code loads a CSV dataset from a GitHub URL, maps the data points to SVG circles, and applies a linear scale to the x and y axes. It uses `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to handle scaling and coloring. The chart includes labeled axes for Horsepower and Torque, plus a legend showing the color-coded makes.

Rreddyswethuvahana@gmail.com
88% match
Loading thumbnail…

Activity6_Q6

A scatter plot displays horsepower versus torque for ten car brands, using a point for each model in a dataset. The visualization employs D3 v7 with SVG rendering, showing the relationship between the two engine performance metrics on a linear scale. The code uses `d3.scaleLinear` for both axes, `d3.extent` to determine domain ranges, `d3.axisLeft` and `d3.axisBottom` for ticks, and a `d3.scaleOrdinal` color scheme to distinguish brands. Axis labels, rendered via SVG text elements, identify the variables in green type.

Ddabbararakshitha@gmail.com
87% match
Loading thumbnail…

DV TASK-8 Q3

This scatter plot displays the relationship between horsepower and torque for a collection of cars, with each point colored by the car's make. It loads data from a remote CSV file using `d3.csv` and renders an SVG graphic. The visualization uses `d3.scaleLinear` for the x and y axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. A legend identifies the makes.

Nnagabinduk2023@gmail.com
86% 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
86% match
Loading thumbnail…

Activity6_task3 ques6

This scatter plot visualizes the relationship between horsepower and torque for ten different car brands, with one colored dot per brand. The chart uses a linear scale for both axes, with red axis labels and a green title. Built with D3.js v7, the code uses `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, `d3.schemeCategory10`, and `d3.axisLeft`/`d3.axisBottom` to render the SVG. Data is hardcoded in the script, listing each brand's values.

Ppuppireddyarchana@gmail.com
86% match