Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

Viewing a saved revision (read-only)

2b5b02c9edc045e4b348cf7314b86ab2

HTML Starter

0 stars0🌍 Public
Ddanielstaal
Last edited Feb 8, 2023
Created on Mar 19, 2020
Forked from HTML Starter

This example shows a simple interactive fruit scene where circles represent an apple, orange, and lemon in an SVG canvas. Hovering over each fruit displays its Dutch name as text near the cursor position. The visualization uses D3 v5 selections and event handlers (`on('mouseover')`, `on('mouseout')`) to append and remove text elements dynamically. A reusable `maakFruit` function creates each circle, while `fruitMuis` and `fruitUit` manage the hover labels. The page is built with a basic HTML structure, React framework, and CSS styling for centered orange text.

AI-generated description

A bare minimum HTML page.

See also React Starter.