Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Wheel of Fortune Bingo

Public visualization

Wheel of Fortune Bingo

0 stars2🌍 Public
CCoenmathijssen
Last edited Nov 27, 2019
Created on Nov 25, 2019

A spinning wheel of fortune displays 20 CSS and HTML questions, each on its own slice, for a classroom bingo game. Clicking the center circle spins the wheel, and a question appears to the right, prompting users to answer. Built with D3.js v5, this SVG and animation example uses the `d3.arc`, `d3.pie`, and `transition.attrTween` APIs to create and rotate the wheel, while the question bank is stored in a JavaScript array.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed