Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

a81ad0d9b40b405aa749874de1ce1414

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
NNita
Last edited Aug 6, 2025
Created on Aug 6, 2025

This visualization displays the Dasuttara Sutta (DN 34) as a color-coded heatmap-style grid, mapping 34 groups of teachings across ten numerical categories (ones through tens). Built with React and D3 v7, it uses `ResizeObserver` to track container dimensions and renders an SVG grid via `selection.join()`. Each cell uses `d3.select` to create rect elements with color derived from category position, while `append('title')` provides hover tooltips containing sutta content.

AI-generated description