Skip to main content
SimilarExport ZIP
100%

Assignment 6 -- Scatter plot with a qualitative color scale

✓ Published0🌍 Public
Vvishusikka
Last edited Mar 18, 2022
Created on Mar 8, 2022
Forked from Scatter plot

This scatter plot shows the relationship between average horsepower and average torque for various car makes, with each point colored by the manufacturer using a qualitative color scale. The visualization uses D3.js v4 to render an SVG chart, employing `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for the categorical colors. Tooltips display the make and exact values on hover, while a legend identifies the color mapping. The data is loaded from an external CSV file (`stripechart1.csv`) containing average engine statistics.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 6 updated -- Scatter plot with a qualitative color scale

This scatter plot visualizes the relationship between average horsepower and torque for 46 car brands, with each brand represented as a white circle with a colored outline. A qualitative color scale using `d3.scaleOrdinal` with `d3.schemeCategory10` distinguishes manufacturers, while a legend and interactive tooltip, implemented with D3 v6 event handlers, reveal brand names and exact values on hover. The chart, rendered as SVG, loads data from `stripechart1.csv` via `d3.csv` and positions points using `d3.scaleLinear` for both axes.

Vvishusikka
93% 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
87% 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
85% 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
85% match
Loading thumbnail…

Scatter_plot_iCE7

This scatter plot shows the relationship between average horsepower and average torque for various car brands, with each point colored by manufacturer. The visualization uses D3.js v6 within a React framework, rendering as an SVG. The code reads data from a CSV file and employs `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to construct axes. Interactive tooltips appear on hover, displaying the brand and exact values, while a categorical color scale (`d3.scaleOrdinal`) differentiates brands in the legend.

Nnikhilagopi
84% match
Loading thumbnail…

scatter plotting

A scatter plot shows average engine horsepower versus torque for various German car brands, using one point per car make. The visualization relies on a D3.js v6 SVG rendering, reading data from a CSV file, and mapping the `Avg_Torque` values to the x-axis and `Avg_Horsepower` values to the y-axis. Points are colored by car make using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette, and a tooltip appears on hover displaying the make and both axis values. The chart includes axis labels, a title, and a legend indicating the car brand identity.

MMalempatiSaranya
84% 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
84% 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
84% match