Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Tutotial Video 5 Viz Project #1: Hammer Dodge/Goren Hammer (SASUKE)

Public visualization

D3 Tutotial Video 5 Viz Project #1: Hammer Dodge/Goren Hammer (SASUKE)

0 stars0🌍 Public
CCasualWanderer20XX
Last edited Sep 15, 2025
Created on Sep 13, 2025

This example shows a set of gray hammer-like shapes swinging from a fixed point, with each hammer rotating back and forth at varying angles and speeds. The animation uses D3 v7 with an SVG rendering approach, where `setInterval` drives a 60fps update loop, passing time-based data to a custom `vizData` function. The code generates five hammers from a `makeData` function that uses `Math.sin` to compute rotation transforms, and appends rectangles and circles to group elements within the SVG canvas.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed