Fork of Activity6_Question_4

100%

Fork of Activity6_Question_4

✓ Published1🌍 Public

Last edited Oct 25, 2024

Created on Oct 25, 2024

This fork of Activity6_Question_4 presents two visualizations: an SVG bubble chart of car makes comparing average torque, horsepower, and highway MPG, and an SVG scatterplot of countries plotting GDP per capita against life expectancy, with bubble size encoding population. The first chart uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.interpolateTurbo for color, and tooltip events. The second uses d3.scaleSqrt for radii and mouseover color changes. Both load data from CSV files (bubblechart.csv, Nation_General.csv) and render with d3.v7 into SVG elements.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity_6_Task2_Q2.3

A bubble chart renders car brand data as horizontal stacked bars, with each bar segmented by attribute (horsepower, torque, and highway MPG). The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `stack` APIs to position and color the segments. Data is loaded from a local CSV file, and the SVG output includes interactive tooltips. The chart is implemented directly in an HTML page with embedded JavaScript, applying a custom color palette and formatting values to two decimal places.

Pparvathi829790@gmail.com

86% match

Loading thumbnail…

Fork of Activity6_Task4

A bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each circle's x-position maps to horsepower, the y-position to torque, and its radius encodes highway MPG from the CSV data. The chart is built with D3 v7, using `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color encoding, and an interactive tooltip that displays the make on hover. SVG elements render the graph and legend, with animated transitions on tooltip appearance.

Nneerajreddyaluka@gmail.com

86% match

Loading thumbnail…

Fork of Activity 6_Task 4

This bubble chart visualizes the correlation between average horsepower and torque for various car makes, with bubble size representing highway MPG and color distinguishing makes. The D3 v7 code loads data from a CSV, uses `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping. Interactive tooltips appear on mouseover, and an SVG legend explains bubble size and color categories.

KKarnam Abinay Goud

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

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

85% match

Loading thumbnail…

Activity6_Task4

This example uses D3 v7 to render an animated SVG bubble chart exploring the relationship between average horsepower, torque, and highway MPG across car makes. It imports data from a local CSV file and uses linear scales for axes, an ordinal color scale with interpolateTurbo, and a size scale. Interactive tooltips appear on mouseover, while a legend encodes bubble size for highway MPG values. The visualization also includes axis labels and a title.

Vvemulasai306@gmail.com

85% match

Loading thumbnail…

Fork of Activity-6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s size encoding MPG and color distinguishing the brand. Hovering reveals the make via a tooltip. Built with d3.v7, it uses d3.csv to load data, d3.scaleLinear for axes and bubble radius, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. The SVG also includes a custom legend for MPG values and brand color swatches, with mouseover, mousemove, and mouseleave events driving the tooltip interactions.

LLayaMyadam@my.unt.edu

85% match

Loading thumbnail…

Fork of activity 6_task_4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color distinguishes the make. Built with D3 v7, it uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and includes interactive mouseover tooltips plus a size legend. The data comes from `bubblechart.csv`, rendered as SVG with animation.

JJaswanthkota@my.unt.edu

84% match