dharmithila2002@gmail.com

@Mithila-Dhar·4 public vizzes

sad emoji.js!

This example draws a sad emoji face using SVG primitives in D3 v7. A yellow circle forms the face, while circles, rectangles, and an arc path construct the eyes, eyebrows, and mouth. The eyebrows repeatedly animate upward and downward via chained `transition().duration(2000)` calls, creating an expressive, looping motion. The code imports `select` and `arc` from the D3 module and loads the library via UNPKG.

Oct 1, 2023

Loading thumbnail…

sad.js

A sad-faced emoticon rendered in SVG animates its eyebrows in a repeating cycle. D3 v7 selects the SVG element and constructs the face from circles, rectangles, and an arc-generated mouth. The code loads D3 via UNPKG and uses `select` and `arc` from the library. A `transition` with a two-second duration moves the eyebrows down and back up, creating the emotional expression.

Oct 1, 2023

Loading thumbnail…

sad.js!

A sad yellow SVG face with black eyes and a frowning arc mouth animates its rectangular eyebrows up and down on a blank canvas. Built with D3 v7, the example loads the library via UNPKG and demonstrates importing `select` and `arc` from the `"d3"` module. The code creates circles, rectangles, and a path using SVG attributes, then applies chained `transition().duration(2000)` calls to move the eyebrow group’s transform.

Sep 27, 2023

Loading thumbnail…

sad

This example draws a simple sad face in SVG using D3.js v7, depicting a yellow circle with eyes, eyebrows, and a frown-shaped arc mouth. The animation shows the eyebrows moving up and down repeatedly via chained `transition()` calls with duration and `.attr()` updates. The geometry is built with D3’s `arc` generator for the mouth and basic SVG shapes like `circle` and `rect`, all centered within a 960×500 viewport.

Sep 22, 2023