Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6 Task3.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

9793682dd3754fb6a656aa518ab9d5a8

Open

Activity_6 Task3.2

0 stars0🌍 Public
JJaiyaGhanta@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024

This interactive scatter plot visualizes the relationship between car horsepower and fuel efficiency (MPG), with data points colored by the car's country of origin. Built using D3.js v7, the visualization loads CSV data from a GitHub repository and renders it as an SVG with smooth hover tooltips displaying detailed car information. A legend distinguishes between USA, Europe, and Japan vehicles. The implementation uses standard D3 APIs including `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `csv`, applying a `transition` for animated tooltip effects.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.