Arunkumar Shanmugasundaram

@aruncps·5 public vizzes

I Love Sadhu

This example is a single-page HTML document that uses CSS and JavaScript to present a playful, text-based visual statement centered on the phrase "I Love Sadhu." The page displays the sentence "She is the <del>worst</del> <ins>Best</ins> Sister," with the striking semantic contrast between the strikethrough and underlined words. The design is minimalist, relying entirely on the typography and the browser’s default rendering of the HTML `<del>` and `<ins>` elements to convey its meaning. It serves as a raw demonstration of how basic web technologies can be used for expressive, content-driven communication, without any external libraries or data sources.

Jul 18, 2021

Loading thumbnail…

Fork of SVG Fundamentals

A React-based fork of the SVG Fundamentals example renders a nested set of circles and two quadratic bezier paths directly in an SVG canvas. The circles use inline `fill` attributes, while the paths employ a `path` element with `M` and `Q` commands. An SVG `<animate>` element modulates the paths' `opacity` attribute over a 10-second loop, producing a blinking effect. The example demonstrates basic SVG shapes and declarative animation without external libraries.

Jun 28, 2021

Loading thumbnail…

Fork of SVG shapes and animation sandbox

This piece uses cascading horizontal bands of blues to construct a stylized sky, asynchronously animated clouds drift along Bézier paths using SVG’s `<animateMotion>`, and a bright pink flower with a thick green stem is drawn with basic geometric shapes. The code defines two cloud groups and moves them with separate `dur` values and repeating paths. The work is a fork, primarily showcasing SVG primitives and the declarative animation capabilities of the native SVG API.

Jun 28, 2021

Loading thumbnail…

Untitled

This example visualizes a network of nodes and links using D3.js’s `d3.forceSimulation` with charge and link forces, rendered as a static SVG. The layout is derived from a small, hard-coded dataset of six nodes and five edges, with node positions and link paths updated each simulation tick. It demonstrates a basic force-directed graph without interactivity, showing how the simulation settles into a stable configuration. The code relies on D3 v3’s selection methods and force API, with no external data loading or additional rendering libraries.

Jun 28, 2021

Loading thumbnail…

Thank you Curran

This example presents a simple HTML page that expresses gratitude to Curran Kheller. The page contains a single paragraph of text, written by Dhruva, thanking Curran and stating affection. The visualization is minimal, consisting only of static text rendered directly in the browser using standard HTML elements, without any external libraries or JavaScript data-processing code. The page’s content is entirely hardcoded in the `index.html` file, with no dynamic data source or rendering approach beyond basic markup.

Jun 17, 2021