Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_question3

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

6db58711e7cf46f39f0ce1c4311692b3

Open

Activity6_question3

0 stars0🌍 Public
SShiva Sai Reddy
Last edited Oct 25, 2024
Created on Oct 25, 2024

A scatter plot displays the relationship between horsepower and fuel efficiency for car models, with each point's shape encoding the model. The visualization loads CSV data from a GitHub repository and uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to render marks. Axes and a shape legend are built with custom modules using `axisLeft`, `axisBottom`, and `symbolGenerator`. The chart dynamically resizes to the viewport and demonstrates modular ES6 imports and state management.

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.