Mateusz Kowalski

@kowall1013·3 public vizzes

Fork of Sol LeWitt Reproduction with D3

This piece reproduces a Sol LeWitt drawing using D3 to generate a grid of horizontal and vertical stripes that appear only within a circular viewport. The stripes are clipped using two SVG masks, each defining a circle in the center of the canvas with inverted fills. The code builds the composition with `select`, `append`, `attr`, `data`, and `join` from D3 v6, creating 100 rect elements in each orientation.

Apr 5, 2024

Loading thumbnail…

training

This example shows a minimal React application that renders the Polish word “siemka” as large centered text. The code uses React 18’s `createRoot` API to mount an `App` component onto the `#root` element defined in `index.html`. The component returns a single `<div>` with a CSS class that sets its font size to 13em and centers the text horizontally. No interactive behavior or data visualization is present, making it a pure starter template for React projects.

Mar 29, 2024

Loading thumbnail…

kwl

This example draws a simple, static face using two black-outlined circles for eyes and one large yellow circle with a thick black stroke for the face itself. The composition is built directly with SVG elements, including `<circle>` tags, inside a fixed 960 by 500 viewport. The page uses minimal HTML and CSS, with the body margin removed and overflow hidden to focus attention on the graphic. No external libraries or frameworks are used; the visualization relies solely on inline SVG markup within the `index.html` file.

Sep 20, 2023