francisragasa

@francisragasa·2 public vizzes

Untitled

This example displays a simple HTML table with names and ages, alongside a large centered "Hello VizHub!" message. It demonstrates how to load D3 via UNPKG and use its `select` function to update the DOM, while also showing local ES6 module imports. The table is styled with plain CSS borders, and the message text is set programmatically from a separate JavaScript module, illustrating basic data-visualization setup and module integration in VizHub.

May 30, 2022

Loading thumbnail…

make a face with D3.js

A blue circle forms the head of a face rendered in SVG, with two dark eyes, rectangular eyebrows, and an arc-based mouth created using D3's `arc` generator. The eyebrows animate vertically via chained `transition().duration()` calls on a grouped `<g>` element. The visualization uses D3 v5 within a React framework, selecting the SVG and appending shapes with `select` and `append`, all centered by translating the group to the viewport midpoint.

May 30, 2022