Richard-Koeln

@Richard-Koeln·2 public vizzes

Let's make a face with D3.js!

A smiling face built from SVG primitives in D3 v5, centered with a translated group and animated with chained transitions. The code draws a yellow head, black eyes, and rectangular eyebrows that move downward in two sequential 2-second transitions, while a mouth is rendered as an arc using the `d3.arc` shape generator. The example demonstrates basic D3 selection, attribute chaining, and SVG coordinate transforms without external data, relying on hardcoded dimensions and spacing values for the facial features.

Aug 15, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates how to display a simple text message using D3.js within the VizHub framework. The page renders the phrase “Hello Wurst” in large, styled typography against a dark blue background. The code imports the `select` function from D3 v5 and local ES6 modules, then uses `select('#message').text()` to set the content of a div element. Styling relies on an external Ubuntu font and custom CSS properties.

Aug 14, 2019