Eunice Dhivya

@eunicedhivya·2 public vizzes

B/W - SVG Fundamentals

This example demonstrates a single black circle centered within an SVG canvas, serving as a minimal introduction to SVG fundamentals. The visualization shows how basic geometric shapes are rendered using SVG’s declarative syntax, with the circle’s position and radius explicitly set. The code uses the native SVG `<svg>` and `<circle>` elements, styled with inline `fill` and border attributes, and does not rely on any external libraries. The rendering approach is direct and static, highlighting the core mechanics of SVG coordinate systems and shape attributes without interaction or data processing.

Feb 28, 2024

Loading thumbnail…

Let's Make a Face Part I (HTML, CSS, SVG)

This example generates a stylized human face using only HTML, CSS, and SVG, with the markup in `index.html` containing an empty body. The embedded YouTube video demonstrates the animation process, while the code itself relies on native SVG shapes and CSS styling rather than external libraries or data sources. The face’s construction and any animated movement are presented through the video, not through JavaScript or vector-processing APIs. The project emphasizes a minimalist, code-based approach to portraiture, showing how visual complexity can arise from simple, structured elements.

Apr 3, 2021