Róbert Varga

@vargarobert256·3 public vizzes

Fork of Mouse Follower

A circle follows the mouse cursor within an SVG canvas. The React application uses the `useState` hook to track mouse coordinates, updating the circle's `cx` and `cy` attributes through a callback on the SVG's `onMouseMove` event. The code relies on React and ReactDOM to render the SVG element, with no external data source; the visualization is purely interactive.

Oct 23, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This interactive React application renders a single yellow smiley face as an SVG graphic. The face initially appears centered on a 960 by 500 pixel canvas. The visualization tracks the user's mouse movement across the canvas, using the `onMouseMove` event to continuously update the position of a small black circle. This secondary circle follows the cursor in real time, demonstrating basic state management with React’s `useState` hook and dynamic SVG attribute updates via `ReactDOM`.

Oct 23, 2022

Loading thumbnail…

Hello HTML

A yellow smiley face rendered with React and D3 draws on an SVG canvas. The face uses a yellow circle with a black stroke for the head, two black circles for eyes, and a D3-generated arc path for the mouth. The React component structure defines the SVG elements, while the D3 `arc()` generator calculates the mouth’s curved shape. The example demonstrates a minimal integration of React for UI composition and D3 for geometric path generation, with all drawing occurring in the SVG coordinate space.

Oct 2, 2022