Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

05799cba04b74f9a8ef0f9957c7592df

Fork of Hello VizHub

0 stars0🌍 Public
Ssaivaishnogaruda@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This scatter plot visualizes car performance over four years, with speed on the x-axis and fuel efficiency on the y-axis. Each point represents a specific car-year observation, and five distinct cars are differentiated using custom SVG path shapes: circles, squares, triangles, diamonds, and crosses. The visualization uses D3 v6 to create linear scales (`d3.scaleLinear`) and axes (`d3.axisBottom`, `d3.axisLeft`), with the data defined as a hardcoded JavaScript array. The SVG rendering applies a fixed domain for speed and efficiency, and the code styles points with a stroke and fill via a CSS class.

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.