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

100%

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

✓ Published1🌍 Public

Last edited May 17, 2022

Created on May 17, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 6 -- Scatter plot with a qualitative color scale

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.

Vvishusikka

93% 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 plot

This scatter plot displays the relationship between average horsepower and average torque for various German car brands. Each circle represents a brand, positioned along the axes and colored by manufacturer using a D3 ordinal color scale. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for ticks, and d3.select to build the SVG. Hovering reveals a tooltip with exact values, generated via d3.csv and event handlers. Data comes from the CSV file `stripechart1.csv`.

Pprateekvasi

83% match

Loading thumbnail…

Assignment 5 - Bubble Chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car brands. The x-axis represents horsepower, the y-axis represents torque, and the bubble size encodes highway MPG, with color distinguishing each brand. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scaling for highway MPG values. The chart uses ordinal color scaling via `d3.interpolateTurbo` and linear scales for positioning and sizing, with data loaded from a CSV file.

Vvishusikka

82% match

Loading thumbnail…

Fork of Assignment 5 - Bubble Chart

This interactive bubble chart compares average horsepower, torque, and highway MPG for various car brands, with each circle positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG. Color distinguishes makes via a custom ordinal scale built with `d3.interpolateTurbo`. Data loads from an external CSV using `d3.csv`, and SVG circles include tooltips on hover that display brand names. A legend shows the MPG radius mapping, and the visualization uses `d3.axisBottom` and `d3.axisLeft` for axes with linear scales (`d3.scaleLinear`).

Rrohinikotha

82% match

Loading thumbnail…

Fork of Assignment 5 - Bubble Chart

This bubble chart visualizes average horsepower versus average torque for various car brands, with bubble size encoding average highway MPG and color distinguishing each make. A black tooltip appears on hover, displaying the car brand. The visualization is built with D3 v7, using SVG circles, linear scales for axes, a power scale for bubble radius, and an ordinal color scale. Data is loaded from a CSV file, and the chart includes legends for bubble size and color categories.

SSumanya4

82% 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

81% match

Loading thumbnail…

Assignment 5 - Scatterplot matrix

This visualization combines a scatterplot matrix of car attributes with a bubble chart comparing average horsepower, torque, and highway MPG by brand. The matrix displays pairwise relationships among six numeric variables, with each point colored by car make using `d3.scaleOrdinal` and `d3.interpolateTurbo`. The bubble chart encodes highway MPG through circle radius via `d3.scaleLinear`, with a tooltip implemented using D3’s event handlers. Both views use `d3.csv` to load data and D3 v7 to render SVG elements.

Vvishusikka

80% match