Jokerhan88

@Jokerhan88·2 public vizzes

Using SVG and D3

This example uses SVG and D3 to draw a simple, static face composed of a yellow circle, two eyes, two animated eyebrows, and a mouth arc. The right eyebrow moves up and down via chained transition calls, each lasting two seconds. The code selects the SVG element with `d3.select`, appends and positions shapes with `.attr`, and constructs the mouth using D3’s `arc` generator. The scene is centered by translating a group element, and the SVG background is set to red through the D3 style method.

Mar 10, 2020

Loading thumbnail…

shapes with svg and css

This example demonstrates basic SVG shapes—circles, rectangles, lines, and a group—styled and transformed with CSS attributes like fill, stroke, and translate. It shows how static SVG elements can be composed and visually customized in a web page. The rendering uses raw SVG markup embedded in HTML, with external styles applied via a linked stylesheet. No JavaScript libraries drive the visualization; the included D3 import and message module remain unused in the final display.

Mar 8, 2020