Skip to main content
SimilarExport ZIP
100%

Activity6_Q3.6

✓ Published0🌍 Public
LLakshmiDeepikaPagadala@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This example displays a scatter plot of randomly generated data points, colored by category to distinguish two groups, with “Horse Power” on the x-axis and “Torque” on the y-axis. The code uses D3.js v7 to create an SVG chart, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for ticks. It renders 50 circles with semi-transparent fills, demonstrating basic data binding and SVG generation within a single HTML file.

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-8_Question-3

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

Hharipadmavathim2023@gmail.com
84% match
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
83% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the relationship between horsepower and torque for vehicles, with each point colored by manufacturer using a categorical scale. The visualization uses D3 v6 to load CSV data from a GitHub repository, parse numeric fields, and render SVG circles scaled by linear axes. Axis labels and tick formatting are applied through D3’s axisLeft and axisBottom components, while the color scale uses scaleOrdinal with schemeCategory10. The chart fills the browser window, with circles set to a fixed radius and partial opacity to show overlapping points.

BBamanGayathri
83% 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
82% match
Loading thumbnail…

Activity 6 Task3 Q6

This example shows a scatter plot of categorical data from a CSV file, with each point colored by category and positioned by valueX and valueY. It uses D3 v7 to load the data via `d3.csv` and `d3.autoType`, then renders SVG circles with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labels for both axes are added as SVG text.

Kkesava
81% match
Loading thumbnail…

Task3.1_Activity6

This example visualizes data from a bubble chart CSV file as a scatter plot, mapping horsepower to the x-axis, torque to the y-axis, and highway MPG to bubble radius. It uses D3 v6 to load and parse the CSV, then applies linear scales with d3.scaleLinear for positioning and sizing. The SVG rendering includes axes via d3.axisLeft and d3.axisBottom, with green axis labels for Torque and Horsepower. The code imports D3 functions such as csv, select, scaleLinear, extent, and axis functions from the d3 library loaded via UNPKG, and uses window dimensions for a full-screen display.

Ssanjanadadi19@gmail.com
81% 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
80% match
Loading thumbnail…

(Q3)

This example visualizes a car dataset as a scatter plot of horsepower against torque, with each point colored by the car’s make and an opacity of 0.7. It uses D3.js v7 (loaded via UNPKG) to fetch a CSV from a GitHub repository, then employs `d3.scaleLinear` for both axes, `d3.extent` for domains, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. SVG rendering is used for circles, axis labels via `d3.axisBottom` and `d3.axisLeft`, and a legend built with `selectAll` and `append`.

Rreddyswethuvahana@gmail.com
80% match