zahrus

@zahrus·2 public vizzes

Let's make a face with D3.js!

An animated smiley face built with D3.js v5 demonstrates fundamental DOM manipulation through SVG rendering. The example uses `d3.select` to append shapes—circles for the eyes, rectangles for eyebrows, and an `arc()` path for the mouth—arranged with explicit X/Y coordinates and `attr` transforms. A two-stage `transition().duration(2000)` chain moves the entire eyebrow group up and then back down, creating a subtle raising-and-lowering animation. No external data is loaded; all geometry is hand-coded, and the interaction is purely visual.

Apr 7, 2019

Loading thumbnail…

Hello VizHub

This example displays a large green page with the text “HelloX Hub!” centered in white, rendered in the Ubuntu font. It uses D3.js version 5, specifically the `select` API, to set the text content of a `div` element with the ID `message`. The text string is imported from a separate ES6 module, `myMessage.js`, demonstrating modular code organization. The page’s styling is defined in an external `styles.css` file, which also imports the Ubuntu font from Google Fonts.

Apr 7, 2019