Gbemiga Atolagbe

Reusable Fork of D3 Scatter plot with Symbols

Reusable Fork of D3 Scatter plot

D3 Scatter plot

Scatter plot practice

D3 Scatter plot

Js in html

JS arrays

Fork of Fork of Bouncy Wave (harnessing the group element)

Fork of Sol LeWitt Reproduction with D3

Full Sol LeWitt Reproduction with D3

Fork of Fork of Sol LeWitt Reproduction with D3 Classes

Self practice0

Fork of Sol LeWitt Reproduction with D3

Fork of Sol LeWitt Reproduction with D3

Sol LeWitt Reproduction Vertical

Fork of Sol LeWitt Reproduction mid point one

Fork of Sol Lewitt Reproduction mid point

Sol Lewitt Reproduction

Backup

Fork of SVG Fundamentals

A demonstration of basic SVG line rendering shows a set of black and red axis-aligned strokes on a 960-by-500 canvas, visually constructing a grid-like framework. The example uses raw SVG elements, specifically `<line>` tags with explicit `x1`, `y1`, `x2`, and `y2` coordinates, to draw each segment. The red lines form rectangular boundaries while a single black vertical line divides the space. No external libraries are used; the rendering relies entirely on native SVG markup and CSS reset styling, with the viewport fixed and overflow hidden.

Practice taxonomies

This example demonstrates a minimal interactive coding environment where a single number controls the font size of a "Hello World!" message. The code exports a `main` function that receives a container element and injects styled HTML directly into it, with the font size defined as a variable. The example uses the VizHub V3 runtime, which supports continuous hot reloading, allowing the displayed text to update instantly when the number is adjusted. No external libraries are used; the rendering relies on plain DOM manipulation via template literals.

Fork of SVG Fundamentals

This example demonstrates fundamental SVG shapes, including overlapping circles, rectangles, lines, and paths, arranged in a static composition. The code uses core SVG APIs for rendering shapes and attributes like `fill`, `stroke`, `stroke-width`, and `pathLength`. It shows how basic geometry can be combined with varied colors and strokes to build a visual layout. The rendering approach relies directly on SVG elements inside an HTML page, with no external libraries or data sources involved.

SVG Fundamentals

This example demonstrates basic SVG shapes rendered directly in the browser using the SVG API. It shows a filled circle and a straight horizontal line with a navy stroke, positioned via explicit coordinate attributes. The code uses raw SVG elements (`<circle>` and `<line>`) within an HTML document, with no external libraries or data sources. The rendering approach relies on the browser’s native SVG support to display the static vector graphics.