Viewing a saved revision (read-only)
217f7c18379e4dfd9653ebddcd2f0678
Fork of Fork of Hello VizHub
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 descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.