Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a52cc8b3e5bc4b8b8fe76518d5b06d39

Open

Fork of HTML Starter

0 stars0🌍 Public
NNita
Last edited Jul 16, 2025
Created on Jul 16, 2025
Forked from HTML Starter

This example renders a Dhamma Chakra, or Buddhist Dharma Wheel, with 24 spokes, using an SVG circle and line elements created entirely via the Document Object Model (DOM) API. The wheel, hub, spokes, and rim are drawn as separate SVG shapes, each styled with complementary blue fills and strokes. It calculates spoke endpoints with trigonometric functions and a for loop, then appends each element to an SVG container inside the page. The visualization directly reflects the traditional iconography described in the README.

AI-generated description

Dhamma Chakra

The Dhamma Chakra (Dharma Wheel) is one of the oldest and most important symbols of Buddhism. It represents the Buddha's teaching of the path to enlightenment.

Symbolism

  • The wheel shape symbolizes the perfection of the dharma, the Buddha's teaching.
  • The hub represents moral discipline, which stabilizes the mind.
  • The spokes (traditionally 8, 24, or 31) represent various aspects of Buddhist teachings:
    • 8 spokes: The Noble Eightfold Path
    • 24 spokes: Twelve links of dependent origination and the twelve aspects of the Four Noble Truths
    • 31 spokes: The realms of existence
  • The rim represents mindfulness, which holds everything together.

This Implementation

This implementation creates a Dharma wheel with 24 spokes using SVG. The wheel is styled with complementary blues to create a visually appealing representation of this important Buddhist symbol.