Fork of Buddhist Sutras: Historical Timeline

100%

Fork of Buddhist Sutras: Historical Timeline

✓ Published2🌍 Public

Last edited Jul 19, 2025

Created on Jul 19, 2025

Forked from Buddhist Sutras: Historical Timeline

This visualization presents a vertical timeline of Buddhist sutra composition and translation events spanning from 100 BCE to 649 CE, with events color-coded by sutra (Diamond, Lotus, and Heart). Selecting an event opens a detail panel showing related occurrences for that sutra, while an insights panel summarizes time spans and translation periods. The code uses a React wrapper with D3 v7 scales and selections (`scaleLinear`, `select`), `ResizeObserver` for responsive dimensions, and CSV data loading via D3's `csv` function.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Buddhist Sutras: Historical Timeline

A vertical timeline charts the history of three major Buddhist sutras—Diamond, Lotus, and Heart—from their composition to key translations. The visualization maps events chronologically using D3 v7's `scaleLinear` for the vertical axis, rendering interactive circles that filter related events by sutra. A details panel displays event descriptions and related milestones, while an insights panel computes statistics on time spans and composition versus translation periods. The React app loads data from CSV using D3's `csv` parser and maintains state for selected events and dimensions via `ResizeObserver` for responsive layout.

NNita

94% match

Loading thumbnail…

Fork of Fork of Fork of Buddhist Sutras: Historical Timeline

A vertical timeline traces the historical development of three key Buddhist sutras, from early Prajñāpāramitā texts around 100 BCE to Kumārajīva’s and Xuanzang’s translations in the fifth and seventh centuries. Color-coded events for the Diamond, Lotus, and Heart Sutras are plotted along a gradient line, with clicking an event opening a glass-morphism details panel and filtering related points. The visualization uses React to manage interactive state and D3 (via `d3.scaleLinear`, `d3.extent`, and the `join` API) to render SVG elements and handle mouse events. Statistical insights in a lower panel summarize the time span, sutra count, and composition and translation periods.

NNita

94% match

Loading thumbnail…

Buddhist Sutras: Historical Timeline

This interactive timeline visualizes the historical composition and translation of three key Buddhist sutras—the Heart, Diamond, and Lotus Sutras—from 100 BCE to 649 CE. Selecting a timeline event opens a details panel showing related events and sutra metadata, while a bottom panel presents summary statistics such as the overall time span and translation period. Built with React 19 and D3 v7, the visualization uses `d3.scaleLinear` for axis mapping, `d3.extent` and `d3.group` for statistical calculations, and `ResizeObserver` for responsive rendering. Data is loaded from a CSV file via `d3.csv`.

NNita

91% match

Loading thumbnail…

Fork of HTML Starter

This visualization presents the history, structure, and types of Buddhist Sutras through a single-page infographic. It combines narrative sections explaining the oral-to-written transmission of teachings with three Chart.js visualizations, including a segmented bar chart depicting a typical Sutra’s anatomy and a bubble chart showing the relative impact of scriptural engagement. Canvas rendering, driven by Chart.js’ maintainAspectRatio configuration and tooltip callbacks, displays the fictional data points. A structured HTML/CSS layout with Tailwind utility classes provides cards and arrows to outline the timeline and canon collections.

NNita

77% match

Loading thumbnail…

Fork of Fork of The Noble Eightfold Path: The Buddha’s Guide to Liberation

An interactive visualization of the Lotus Sutra displays its 28 chapters as a horizontal tree diagram, categorized into three main parts. The background features an animated, interactive Dharma wheel with spokes, hub, and lotus petals, each providing explanatory tooltips on hover. Built with React and D3.js v7, the visualization uses SVG for rendering, with hover effects on tree nodes that highlight related links and show chapter details. The data, sourced from the README, organizes chapters into parts with descriptions and Pali terms.

NNita

72% match

Loading thumbnail…

Fork of A Journey Through the Lotus Sutra: Unpacking Its 28 Chapters

This interactive visualization maps the 28 chapters of the Lotus Sutra as a hierarchical tree, organized into three color-coded parts representing the One Vehicle, the Everlasting Buddha, and the Deeds of Bodhisattvas. Users can hover over nodes to see chapter descriptions and Pali titles, click to lock selections, and toggle an expand-all view. Built with React and d3.v7, it uses `d3.hierarchy` and `d3.tree` for layout, with custom SVG gradients, animated transitions, and an info panel for details.

NNita

71% match

Loading thumbnail…

Fork of Fork of A Journey Through the Lotus Sutra: Unpacking Its 28 Chapters

This interactive visualization maps the 28 chapters of the Lotus Sutra as a branching tree, organizing them into three color-coded parts that trace the text’s thematic progression. Hovering over any chapter node reveals its Pali name and summary in a side panel, while animated petals, decorative dots, and a slowly rotating outer ornament create a contemplative atmosphere. The tree layout uses d3.tree with custom separation logic, and React manages state for hover interactions and an expand-all toggle. Gold-toned gradients and drop-shadow filters reinforce the sacred aesthetic.

CCurran Kelleher

70% match

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

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.

NNita

70% match