LuoTianqi

@LuoTianqi·2 public vizzes

Fork of Let's make a face with D3.js!

A yellow smiley face with animated eyebrows demonstrates fundamental D3.js DOM manipulation. The face is built using SVG circles for the head and eyes, rectangles for the brows, and a `d3.arc` path for the mouth. The eyebrows move up and down repeatedly via chained `transition().duration()` calls that update the group's `transform` attribute. The example uses D3 v5 with selection methods like `append` and `attr` to construct and style elements within a 960×500 SVG canvas.

Sep 15, 2023

Loading thumbnail…

Fork of Shapes and Colors with SVG and CSS

This example showcases basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS and inline attributes. It demonstrates how grouping, transforms, and CSS classes apply fill, stroke, and positioning across elements. The code uses plain SVG markup and CSS rules, with no external libraries, to illustrate fundamental vector graphic rendering in a static scene.

Sep 15, 2023