knptl

@knptl·2 public vizzes

Fork of Mouse Follower

This example visualizes real-time mouse tracking by rendering a circle that follows the cursor across an SVG canvas. It shows how React state management updates visual elements in response to user input events. The code uses React’s `useState` and `useCallback` hooks to track and update the mouse position via the `onMouseMove` event handler, and renders the circle as an SVG element with dynamic `cx` and `cy` attributes. The implementation relies on React 16.9 and ReactDOM to mount the component, with no additional data sources.

May 26, 2021

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal HTML page that renders the text “Hello HTML” in a web browser. It demonstrates the fundamental structure of an HTML document, combining a `<head>` section with a title and a `<body>` containing the visible content. The page uses plain HTML without any external libraries, scripts, or styles, relying solely on the browser’s default rendering. It serves as a basic starting point for understanding how HTML, CSS, and JavaScript can be added to create interactive visualizations, as referenced by other starter templates in the same gallery.

May 21, 2021