Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react

Public visualization

Viewing a saved revision (read-only)

089c3fda003f47e7bfd4d898693e8313

react

0 stars0🌍 Public
MMuhammad Ahmad
Last edited Aug 31, 2021
Created on Aug 31, 2021

This example demonstrates a minimal interactive SVG visualization built with React and D3. A single red circle is rendered at the center of a 960×500 canvas using React’s declarative JSX syntax. The code imports the `arc` function from D3 v5, though it is not used in the final output. Mouse movement over the SVG triggers `handleMouseMove`, logging `clientX` and `clientY` coordinates to the console via the `onMouseMove` event handler. The visualization uses React 16.9, ReactDOM, and D3 v5, rendered as SVG with no external data source.

AI-generated description

Smiley face implementation with React & D3.