Skip to main content
SimilarExport ZIP
100%

Activity-8_Question-3

✓ Published0🌍 Public
Hharipadmavathim2023@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

A sample dataset loaded from GitHub is displayed in a simple scatter plot, showing the relationship between horsepower and torque for different car makes. The plot uses blue and red dots to represent two random categories assigned to the data. The visualization is built with D3.js (v7), using `d3.scaleLinear` for axes and `d3.scaleOrdinal` for colors. The code demonstrates loading data via `csvParse`, and the chart is rendered as an SVG with axes and labels for "Horse Power" and "Torque".

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_Q3.6

A scatter plot displays the relationship between horsepower and torque for vehicle data, with points colored by manufacturer. The chart uses D3 v6 to load CSV data from GitHub, create linear scales, and render circles in an SVG. Axis labels and tick marks are styled with green text, while scales and axis generators like `scaleLinear`, `axisLeft`, and `axisBottom` handle the graphical mapping.

Pparvathi829790@gmail.com
88% match
Loading thumbnail…

Activity 6_Question 3

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.

MMonish Galla
88% 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
87% match
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
87% match
Loading thumbnail…

Fork of Activity6_Q3

This interactive scatter plot visualizes the relationship between horsepower and torque for various car models, using distinct D3 symbols to differentiate vehicle makes. The visualization employs scales from d3.scale, including scaleLinear for axes and scaleOrdinal with symbolsFill to map makes to shapes. Data is loaded asynchronously via d3.csvParse from a GitHub-hosted dataset, with axes and a custom shape legend rendered through modular functions. The chart updates dynamically when new data arrives, displaying a color-coded legend for categorical identification.

Aaashrithas2000@gmail.com
86% 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
86% 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
86% 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
86% match