Chirag

@chiragmak10·5 public vizzes

Fork of LeWitt Recreation w/ D3

This example recreates a LeWitt-style drawing using an SVG canvas populated with two intersecting sets of 100 rectangular bars—horizontal and vertical bands that form a grid. A circular mask is applied to the horizontal bars, and an inverted circular mask is applied to the vertical bars, producing a central circle where only the vertical lines appear, while the surrounding area shows both orientations. The visualization uses D3 version 7, specifically the `select` and `range` functions, to generate the rectangles and apply SVG mask elements dynamically based on the window dimensions.

Sep 28, 2023

Loading thumbnail…

Fork of LeWitt Recreation w/ D3

This example presents an abstract, geometric composition inspired by the artist Sol LeWitt, rendered directly in the browser. It displays a dynamic field of intersecting lines and shapes that continuously rearrange themselves. The visualization relies on the D3.js library (version 7.8.5) to generate and update the visual elements. The underlying code uses D3's core API for creating and manipulating SVG graphics, driven by an implicit force-directed layout that causes the forms to drift and settle over time, all within a minimal HTML page.

Sep 28, 2023

Loading thumbnail…

Fork of HTML Starter

This example renders a full-screen SVG canvas using raw JavaScript and the SVG DOM API, drawing a series of 100 vertical rectangles. Each rectangle is placed at increasing x-coordinates, with a fixed width and a height set to the window’s inner width, creating a striped pattern across the viewport. The code programmatically creates SVG elements via `document.createElementNS` and appends them to the document, demonstrating a minimal HTML/CSS/JavaScript setup without external libraries.

Sep 27, 2023

Loading thumbnail…

Personal test

This example displays the word "react" in large black text at the center of an otherwise empty SVG canvas. The page body is styled with a font size of 13em, and the text is positioned using explicit x and y coordinates within the SVG element. The code loads D3 v7 from a CDN and imports the `select` function from the D3 library, though the index.js file is otherwise empty, leaving the visualization static and non-interactive. The HTML references a bundle.js script, indicating a build process, but no rendering logic is demonstrated.

Sep 26, 2023

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal web page setup using HTML, CSS, and JavaScript. The page displays the text "Hello HTML!" centered on the screen with a large font size, styled via a CSS class selector. The code includes a style block for the `.message` class, though the applied class name in the body (`13em`) does not match, so the styling is not actually applied. It serves as a basic template for integrating these three web technologies.

Sep 20, 2023