Vlad Tukhtarov

Fork of Polished World Map

Fork of Rendering Data with React & D3

A circular color wheel displays CSS named colors from a CSV dataset, with each color occupying an equal slice. Built with React and D3 v5, the visualization uses `d3.csv` to load data and `d3.pie` with `d3.arc` to compute and render SVG paths. React manages state and rendering, while D3 handles the pie geometry and arc generation.

Fork of Smiley Face Part III

A React component renders a yellow smiley face as an SVG graphic. The face consists of a circle for the head, two circles for eyes, and a mouth drawn as an arc path. D3’s `arc()` generator creates the mouth shape with specified inner and outer radii and angles. The code uses React 16.9 for the UI and D3 v5 for the arc calculation, positioning all elements relative to a central transform. The SVG is fixed at 960 by 500 pixels with a black stroke around the head.

Fork of Sol LeWitt Reproduction

This visualization reproduces a Sol LeWitt art piece as an interactive SVG composition. It shows a circular mask revealing horizontal and vertical striped bands, while a second inverted mask exposes the same structure in negative space. The code uses raw SVG APIs to create masks, rectangles, and circles without external libraries, generating 200 striped rectangles dynamically via nested loops. The rendering approach relies on SVG mask elements to layer and alternate visibility across the full viewport.

SVG Fundamentals

This example demonstrates the fundamental structure of an SVG document within a minimal HTML page, using only a title element and an empty body. It showcases the basic setup required to begin building scalable vector graphics, with the page skeleton defined in plain HTML and no external libraries or JavaScript. The rendering approach is the native browser support for SVG, as no CSS or scripts are included in the provided files.