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)

9e3a4107d5f042e79b16fa1107044a34

Fork of React & D3 Vibecoding Starter

0 stars1🌍 Public
NNita
Last edited May 17, 2025
Created on May 17, 2025

This interactive timeline visualizes the six steps for hosting a static website on AWS S3, with clickable circles revealing detailed instructions for each step. The visualization uses React for UI state management and D3.js v7 for SVG rendering, including `scalePoint` for horizontal positioning and `selection.join` for data binding. Steps are loaded from a local CSV file, with connecting lines between circles and completion markers indicating progress. The design adapts responsively to container dimensions using a custom `ResizeObserver` hook.

AI-generated description