24cs049@kpriet.ac.in

@Dharanisri-02·5 public vizzes

Fork of Sol LeWitt Reproduction with D3

This is a fork of a Sol LeWitt reproduction that creates an animated SVG artwork using D3.js. It renders a grid of horizontal and vertical lines masked by two intersecting circular regions. A button toggles the animation, which modulates the circle radii, line opacities, and circle positions using sine and cosine functions via `setInterval`. The piece uses D3's `select`, `range`, and `join` APIs to build the SVG elements.

Aug 7, 2025

Loading thumbnail…

dharani

A rotating cube of 64 colorful spheres demonstrates a 3D grid visualization using Three.js. The spheres, arranged in a 4×4×4 lattice with 1.2-unit spacing, each display a hue derived from their Cartesian coordinates. The scene uses directional and ambient lighting, with interactive orbit controls for camera navigation. WebGL rendering through Three.js’s `WebGLRenderer` provides real-time animation as the entire structure spins along its axes.

Aug 7, 2025

Loading thumbnail…

Fork of akarshana_work

This example uses D3.js v5 to draw a sad, crying face as an SVG. The code builds the face from primitive shapes—a circle for the head, rectangles for closed eyes and angled eyebrows, and an arc path for a downturned mouth. Tear-shaped ellipses are added beneath each eye. The animation, driven by chained `transition` calls with `duration` values, makes the tears fall downward and then snap back to their original position, repeating the cycle.

Aug 7, 2025

Loading thumbnail…

akarshana_work

A yellow circle with black outlines forms a smiling face centered in the SVG canvas. Two static eyes and a curved mouth are drawn, while a pair of rectangular eyebrows animates vertically, moving downward and then returning to its original position. The piece uses D3 v5 to construct the shapes via `d3.select` and `d3.arc`, and relies on chained `transition.duration` calls to create the eyebrow motion. All elements are rendered as SVG within an HTML document.

Aug 7, 2025

Loading thumbnail…

first_work

A glowing 3D cube of colored boxes demonstrates a grid of 64 animated elements, each shaded by its position. The visualization rotates continuously while users can interactively explore the scene through orbiting, panning, and zooming. Built with Three.js, it uses `WebGLRenderer` for rendering, `OrbitControls` for camera interaction, and `MeshPhongMaterial` with HSL color assignment. A directional and ambient light illuminate the structure, which rotates incrementally each frame through an animation loop. The cube is generated programmatically from `config.js` dimensions, with camera constraints limiting distance.

Aug 7, 2025