GRAVES1425

@GRAVES1425·3 public vizzes

Learning HTML

This example shows a single static SVG composed of three circles arranged as a face-like figure, rendered directly in plain HTML. It demonstrates foundational web technologies—the SVG markup is embedded in `index.html`, with CSS setting the page margin and overflow, and no JavaScript is used. The drawing is created using primitive SVG elements, including a large magenta circle with a black stroke and two smaller stroked circles positioned as eyes, with the `fill` attribute left empty for the latter, leaving their centers transparent. The visualization is a minimal, hand-coded exercise in SVG syntax and styling.

Feb 16, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” displays a simple yellow circle with a thick black stroke as a head, plus two smaller circles for eyes on an SVG canvas. It uses plain SVG elements (`<circle>`) embedded directly in HTML, with coordinates placed manually to center the face and offset the eyes horizontally. The rendering is static, with no interaction or animation, and the body margin is hidden to fill the viewport. The code comments note stroke-width adjustments for eye placement.

Feb 16, 2022

Loading thumbnail…

Untitled

This example visualizes the relationship between two converging concepts, emphasizing the search for meaning within a text. The piece uses D3.js’s force-directed graph layout to position nodes representing textual fragments from the v3 source, with edges formed by shared keywords or proximity detected through algorithmic analysis. Rendered as an interactive network, it employs `d3.forceSimulation` for physics-based positioning and `d3.geoPath` to trace connections, highlighting clusters and recurring themes. The visualization suggests an ongoing exploration, where linked elements draw attention to patterns in the source material without imposing a definitive narrative.

Feb 16, 2022