Scatter plot

100%

✓ Published2🌍 Public

Last edited May 17, 2022

Created on Mar 3, 2022

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

AI-generated description

MIT Licensed

Similar vizzes

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

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

88% match

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

83% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the correlation between horsepower and torque for BMW models from 2009 to 2012, using data loaded from an external CSV file. The visualization includes labeled axes, a chart title, and interactive tooltips that reveal each point's horsepower value on hover. Built with D3.js v4, the example uses `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for tick marks, and SVG circles with mouse event handlers for the interactive data points.

Ddriftcafe

83% match

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

83% match

Loading thumbnail…

DV2_5 _Bubble Chart

This bubble chart plots average horsepower against average torque for various car brands, with each circle's size encoding the brand's highway miles per gallon, and its color encoding the brand name. Built with D3.js, the visualization reads from a CSV file and implements a custom legend for the categorical color mapping. Circle positions are defined by the x- and y-axes, which use linear scales, while the size scale is also linear. Interactive tooltips appear on mouseover, showing the car make. The chart is rendered as an SVG with transitions for tooltip display.

NNagateja99

83% match

Loading thumbnail…

ICE 7 scatter plotting - saranya

This scatter plot visualizes the relationship between average horsepower and average torque across car brands, with each brand represented by a colored point and a legend. The chart uses a D3 v6 linear scale for both axes, and circles are colored via `d3.scaleOrdinal` with `d3.schemeCategory10`. A custom tooltip, displayed on mouseover, shows the brand and exact values. Data is loaded from a CSV file using `d3.csv`, and the visualization is rendered as an SVG within a React framework.

MMalempatiSaranya

81% match

Loading thumbnail…

D3 Scatter Plot for Assignment 4

This interactive D3.js v4 scatter plot visualizes the correlation between torque and horsepower for BMW models from 2009-2012. The SVG rendering displays a subset of the data as green, semi-transparent circles. It includes axis labels, a title, and a tooltip that appears on mouseover, showing the Horsepower value. The chart reads data from a CSV file and uses D3's scaleLinear, axisBottom, and axisLeft methods to construct the visualization.

Vvishusikka

81% match