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)

855ffdef6c9746b6a36e046d90bf48c8

Open

Fork of HTML Starter

0 stars0🌍 Public
NNita
Last edited Jun 25, 2025
Created on Jun 25, 2025
Forked from HTML Starter

This bubble chart visualizes six benefits of Buddhism, such as "Illuminating the Mind" and "Ethical Guidance," with each bubble's position, radius, and color encoding an assigned X and Y coordinate, size magnitude, and impact score, respectively. Built with D3.js v7, it renders an SVG with animated hover tooltips, axis labels, and legends for radius and color. The chart uses `d3.scaleLinear` for positioning and radius scaling, `d3.scaleSequential` with a Viridis interpolator for color, and `d3.axisBottom`/`d3.axisLeft` for axes. Data is hardcoded in the script rather than loaded from an external file.

AI-generated description

Buddhism Benefits Bubble Chart

This visualization shows various benefits of Buddhism plotted on a bubble chart. Each bubble represents a benefit with:

  • X and Y position on the chart
  • Size (radius) indicating magnitude
  • Color indicating impact score

Features

  • Interactive tooltips on hover
  • Size and color legends
  • Axis labels for better context

Data Description

The chart visualizes six key benefits of Buddhism:

  1. Illuminating the Mind
  2. Comprehending Teachings
  3. Cultivating Concentration
  4. Propagating the Dharma
  5. Ethical Guidance
  6. Protecting the Dharma

Each benefit has an assigned position, radius, and impact score values.