Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Olympics logo

Public visualization

Viewing a saved revision (read-only)

4a822da16e1e40a895202a3e9e6e78cf

Olympics logo

1 star0🌍 Public
AAkinola Samson
Last edited Feb 12, 2024
Created on Feb 12, 2024

This example renders the Olympic logo as five static SVG circles in blue, black, red, yellow, and brown, arranged in the iconic interlocking pattern on a white background. The HTML defines each circle directly with explicit `cx`, `cy`, `r`, and `stroke` attributes, while D3 is loaded via UNPKG but only used in `index.js` to set a message text. The visualization demonstrates basic SVG composition without any data binding or dynamic behavior, relying on plain markup for the graphic.

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.