AhmadAlsaadi

@AhmadAlsaadi·2 public vizzes

HTML Starter

A bare HTML page sets up an SVG canvas and uses D3 v5 to select it via `d3.select`, which is not a standard D3 API call; the code incorrectly styles the SVG background red. The page includes a stylesheet defining green line strokes, though the SVG contains no rendered marks. This minimal example demonstrates a starting point for an HTML-only D3 visualization in React, serving as a basic template rather than a functional graphic.

Jun 13, 2020

Loading thumbnail…

Mouse Follower

A pink circle follows the mouse cursor across an SVG canvas that spans the full browser viewport. The React component tracks pointer position using a `useState` hook and updates the circle’s `cx` and `cy` attributes via an `onMouseMove` event handler. The interface also displays a static text element praising SVG’s flexibility. React 16.9 and ReactDOM render the SVG markup, while the `useCallback` hook optimizes the event listener’s performance.

Apr 26, 2020