muhuribiz

@muhuribiz·3 public vizzes

Fork of Messing around with Sine Wave Circles

Four overlapping horizontal bands of blue, yellow, turquoise, and white circles undulate vertically across a blue background. Each band contains 50 circles whose vertical positions are driven by sine and cosine functions of time and circle index, creating wave-like patterns. The animation uses a `d3.timer` to update the `cy` attributes of SVG circles every frame, with each band offset using different amplitudes. The visualization is built with D3 v7 and renders through a dynamically created SVG element.

Mar 6, 2022

Loading thumbnail…

Fork of Smiley Face Part III

This visualization displays a classic yellow smiley face centered on an SVG canvas, constructed with React and D3.js. It shows a circular face with a thick black stroke, two offset eyes, and a curved mouth arc. The code uses `d3.arc` to generate the mouth’s path, computing angles and radii for the arc shape. React’s declarative syntax defines the SVG elements, while D3 provides the geometric calculations for the arc’s inner and outer radius and start/end angles. The rendering is static, with no animation or interaction visible in the provided source.

Mar 6, 2022

Loading thumbnail…

Fork of Hello HTML

This example is a minimal HTML page that demonstrates the basic structure of an HTML document. It contains an empty `<body>` element with no visible content or data visualization. The code uses standard HTML5 tags within the `index.html` file, and the page can be rendered directly in a web browser. The accompanying README file provides a link to a YouTube video, though no interactive or graphical elements are present in the page itself.

Mar 5, 2022