Sungmi

@Sungmiii·2 public vizzes

Smile face

A smiling face is drawn from SVG primitives: a yellow circle for the head, two black circles for the eyes, two rectangles for eyebrows, and an arc path for the mouth. The example demonstrates animated transitions, with the eyebrows moving up and then back down over two seconds using chained `.transition().duration()` calls. The scene is centered within a 960×500 SVG canvas using a `g` element translated to the midpoint. The code imports `select` and `arc` from D3 v5, and constructs the mouth’s arc path with the `arc()` generator, specifying inner and outer radii and angular spans.

Jul 4, 2019

Loading thumbnail…

Cars Report || SVG

This example shows a filtered list of cars priced below $2,000, displayed as plain text in an HTML `<pre>` element. The page renders a static SVG scene containing circles, rectangles, lines, and a path, with CSS styling for colors and fonts. JavaScript uses `Promise`-based data loading, `JSON.parse`, and string formatting to generate the report. The SVG markup demonstrates basic shapes, transforms, and stroke styling.

Jul 4, 2019