Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

5ee759aec83b44e68a0dd83436e9c1b0

Fork of Fork of Hello VizHub

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

This example displays a scatter plot of car performance, comparing speed against fuel efficiency for five car models across four years, from 2020 to 2023. Each car is distinguished by a unique shape and color, such as circles for Car A and triangles for Car C, revealing trends in the trade-off between speed and efficiency over time. The visualization uses D3.js v6 to create an SVG with linear scales for both axes, rendering each data point as a `path` element with a `d` attribute generated from the shape definitions. Axis labels and tick formatting are added using `d3.axisBottom` and `d3.axisLeft`, with the data embedded directly in the script.

AI-generated description