ok-ey

@ok-ey·3 public vizzes

Fork of Smiley Face Part III

An SVG smiley face is drawn using React 16.9 and D3 v5, with a green circular head, black stroke, two filled eye circles, and an arc for the mouth. The `arc` generator from `d3` creates the mouth path with start and end angles. Coordinates and dimensions are computed from a fixed 960×500 viewport, with all elements positioned relative to the center using a translated `<g>` group. React renders the SVG components declaratively, while D3 provides the arc path geometry.

Nov 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

A stylized face built from SVG shapes animates its eyebrows in a looping motion. Circles form the head and eyes, rectangles become the eyebrows, and a path defined with `d3.arc` creates the mouth. The eyebrows move via chained `transition` calls that toggle their vertical position. The example uses D3 v7, loaded from UNPKG, and demonstrates imports from the `d3` module alongside local ES6 modules in a VizHub environment.

Nov 22, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple face built from three SVG circles on a green background. The largest circle forms the head with a black outline, while two smaller circles serve as eyes at different positions and sizes. The visualization is constructed entirely with raw SVG elements in an HTML file, using no external libraries. The inline SVG is rendered with fixed coordinates and explicit width and height attributes, with the head centered at (480, 250) and a radius of 205 pixels.

Nov 22, 2023