Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Starter

Public visualization

D3 Starter

0 stars0🌍 Public
Mma-jacobs
Last edited Apr 4, 2023
Created on Mar 30, 2023
Forked from D3 Starter

This example demonstrates a minimal D3 starter project that renders a single rotated red SVG rectangle, with an interactive tooltip that appears on mouseover. The page uses D3 v7, imported via a bundled script, to select the body element and append both the SVG and a tooltip div. JavaScript event handlers on the rectangle trigger D3 selections and transitions to control the tooltip’s opacity and text content, while the tooltip’s position is set using the event’s page coordinates. The visualization is purely static apart from this interaction, showcasing basic SVG drawing and event handling in D3.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed