Irull11

@Irul11·2 public vizzes

Fork of Working with Time

This interactive scatter plot visualizes temperature readings over time from the Data Canvas Sense Your City dataset, focusing on a week of San Francisco weather data. The visualization maps timestamps to the x-axis and temperature values to the y-axis, with each data point rendered as an SVG circle. Built using React and D3 v5, the code leverages `scaleTime` for the temporal axis, `scaleLinear` for the temperature axis, and `extent` to compute domains. Axis components and marks are modularized into separate files, while hover tooltips display the formatted time via a native `<title>` element.

Jun 16, 2023

Loading thumbnail…

Fork of Smiley Face Part II

A smiley face follows the mouse cursor across the screen, redrawing its position on every mouse move and click. Built with React 16.9 and rendered as SVG, the face uses two offset eye circles and a yellow head whose radius grows with the vertical cursor position. The `React.useState` hook tracks the center coordinates, while `React.useCallback` handles the mouse-move event, passing client coordinates to update the SVG transform group.

Jun 15, 2023