Skip to main content
šŸŒ Public

Share visualization

Send this visualization to others.

Cards

Public visualization

Viewing a saved revision (read-only)

382fb075f34949a0959c5ed19c96b1cf

Cards

0 stars0šŸŒ Public
MMTR
Last edited Mar 11, 2021
Created on Mar 8, 2021
Forked from HTML Starter

This example presents a horizontally scrollable gallery of interactive cards, each displaying an image from a shuffled list of external URLs on its front and descriptive placeholder text on its back. Clicking a card triggers a CSS 3D flip animation, revealing the back content, while hovering lifts the card and shifts neighboring cards horizontally to create a stacked effect. The implementation combines plain JavaScript for DOM manipulation and event handling, alongside D3.js v6 for data shuffling and image loading, with all visual effects driven by CSS transitions and transforms.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.