Fork of Fork of Activity6_Task3.2.6

100%

Fork of Fork of Activity6_Task3.2.6

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This visualization displays a scatter plot of vehicle data, showing the relationship between horsepower and highway fuel efficiency (MPG). Each point is shaped according to the car manufacturer, with a shape legend identifying the makes. The plot axes are labeled for both variables. The example uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to render the marks and axes, with data loaded from a remote CSV file.

AI-generated description

using the scatter plot on the iris data

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task3.6

This scatter plot shows the relationship between horsepower and torque for vehicles, with each point colored by vehicle make. The code loads data from a CSV file hosted on GitHub and uses D3 v6’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` to position circles and create a color-coded legend. The visualization renders as an SVG, sized to the browser window, with labeled axes for horsepower and torque.

MMallikarjun Narra

89% match

Loading thumbnail…

Fork of Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and manufacturer, respectively, using a color ordinal scale and linear size scale. The D3 v7 code appends SVG elements, includes axes, a tooltip, and a legend for MPG values. A hover interaction displays the car make within a styled div.

LLakshmiPrasannaValdas@my.unt.edu

88% match

Loading thumbnail…

Fork of Fork of Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. The x-axis maps horsepower, the y-axis maps torque, while bubble size encodes highway MPG and color distinguishes car makes. Built with D3 v7, the SVG includes axes, a legend for MPG values, and an interactive tooltip displaying make on hover. Data is loaded from a CSV file using `d3.csv`. The chart relies on `d3.scaleLinear` for positional and size scales, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment.

LLakshmiPrasannaValdas@my.unt.edu

88% match

Loading thumbnail…

Activity8_Task3

This example demonstrates a scatter plot of vehicle horsepower versus highway MPG, with data points shaped by car make. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol()` to render distinct shapes, while custom modules handle axes and a shape legend. Data is loaded asynchronously from a CSV file via `csvParse`, and the plot updates responsively to fill the browser window.

Iikshwakalluri

88% match

Loading thumbnail…

Fork of activity6_Task4

This bubble chart shows the correlation between a vehicle's average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size and color). Each bubble represents a car make, with color mapping to the specific brand and size scaled to its highway fuel efficiency rating. The visualization uses D3.js v7 to render SVG elements, with a tooltip that appears on mouseover. The chart includes an interactive legend for bubble size and a color legend, with data loaded from a CSV file.

Ssaikarthiknimmagadda@gmail.com

87% match

Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between car horsepower, torque, and highway MPG for a dataset of vehicles, where each circle’s position encodes horsepower and torque, and its radius encodes fuel efficiency. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a remote CSV file, with car make labels drawn above each point, and axis labels styled with CSS.

Ssahithigovindaraju@my.unt.edu

87% match

Loading thumbnail…

Fork of Activity6_Task4

This bubble chart uses D3 v7 (SVG and animation) to visualize the correlation between average horsepower, torque, and highway MPG for 32 car makes. Each circle’s position encodes horsepower and torque, while its radius scales with highway MPG, and color distinguishes car brands, as shown in the legend. The `d3.scaleLinear` and `d3.scaleOrdinal` functions map data to sizes and colors, with tooltips revealing the car make on hover.

Sshivakumarganji@my.unt.edu

87% match

Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the relationship between horsepower and torque for various car makes, using bubble size to represent highway MPG and color to distinguish manufacturers. The visualization loads CSV data from a GitHub repository and renders it with D3 v7, employing scaleLinear for axes, scaleSqrt for bubble sizing, and scaleOrdinal with schemeCategory10 for categorical coloring. Axes are generated using axisLeft and axisBottom, while a custom shape legend component displays the car makes.

Ssahithigovindaraju@my.unt.edu

86% match