FBIbaby

@FBIbaby·2 public vizzes

Let's make a face

The visualization displays a simple cartoon face built from a single pink circle with a black outline. Using D3 v5’s `select` method, the example appends an SVG circle element with fixed horizontal and vertical center coordinates and a radius of 200 pixels. The code demonstrates basic SVG attribute manipulation, including fill color, stroke color, and positioning, while the accompanying styles define stroke styling for line elements. This serves as a minimal introduction to creating geometric shapes with D3’s declarative approach.

Jun 4, 2022

Loading thumbnail…

Hello VizHub

This example demonstrates the fundamental workflow of a VizHub project, showing how to create a simple text-based visualization. It imports the `select` function from D3 via an ES6 `import` statement, and also imports a local ES6 module, `myMessage.js`, which exports a string. The code then uses D3’s `select` method to target the `#message` div and set its text content to that exported string, resulting in a large, centered display of "VizHub!" styled by CSS.

Jun 4, 2022