Thibault

@thibaultbabeau·2 public vizzes

test

A blank SVG canvas is displayed inside a bordered container. The visualization consists of a single static blue circle with a radius of 10 pixels, positioned near the top-left corner of the 800 by 600 pixel drawing area. The example demonstrates a minimal SVG rendering setup using d3.v5, where the `d3.select` method is used to append the SVG element and the `append` and `attr` functions define the circle’s geometry and fill color. The styles from `styles.css` define the container’s dimensions and border.

Aug 5, 2023

Loading thumbnail…

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

This example animates a yellow smiley face, shifting its eyebrows upward and back down in a looping motion. The face is constructed entirely with D3.js v5 SVG elements, including circles for the eyes and an arc-generated path for the mouth. D3’s `select`, `arc`, and `transition().duration()` APIs drive the DOM manipulation and the eyebrow movement, with the code demonstrating fundamental shape creation and chained transitions.

Aug 5, 2023