archanaadharani1@gmail.com

@Archanaa-debug·3 public vizzes

pro_2

A single pink torus rotates slowly in a dark blue 3D scene, with interactive camera controls that let viewers orbit around the object. The visualization uses Three.js with WebGL rendering, creating a MeshPhongMaterial that responds to ambient and directional lighting for realistic shading. An animation loop updates the torus rotation and calls OrbitControls for smooth damping, while a window resize listener keeps the perspective camera aligned with the viewport. The scene demonstrates basic Three.js geometry, lighting, and animation in a minimal setup.

Aug 7, 2025

Loading thumbnail…

pro_1

This example displays a set of seven semi-transparent circles, each with a unique color and varying size, arranged across a pale green background. The visualization uses D3 v7’s selection and data-join methods to bind an array of hardcoded position and radius values to SVG circle elements. The `viz` function creates an SVG canvas sized to the container and renders each circle with specified `cx`, `cy`, `r`, and `fill` attributes, while a fixed opacity of 0.7 gives the shapes a layered appearance.

Aug 7, 2025

Loading thumbnail…

project_1

This example reproduces a Sol LeWitt-inspired geometric composition using D3.js. It renders two overlapping sets of thin horizontal and vertical striped rectangles, each partially masked by alternating black-and-white bands containing D3’s built-in symbol shapes. The masks, created with `scaleBand` and the `symbol` API, invert their fill patterns to generate intersecting visual textures. The SVG output fills the browser viewport, with the drawing derived entirely from procedural code rather than external data.

Aug 7, 2025