ONue_Y

@YinnSu·2 public vizzes

Basic Scene

This example demonstrates how to compose a static cartoon face using React components and D3.js v7. It shows a yellow circle with black stroke as the background, two black eyes, and a crescent-shaped mouth created with the d3.arc() path generator. The FaceContainer component renders an SVG element, positioning all features via a translated group. While the code imports Three.js and creates a Three.js scene object, that WebGL scene is not used for the visible output, which remains purely SVG-based.

Sep 14, 2022

Loading thumbnail…

Hello VizHub

This example displays a single text message, “Hello VizHub!”, on a dark blue page with large, centered Ubuntu typography. It demonstrates how to combine ES6 modules, an HTML file, and third-party styling within the VizHub environment. The code imports a car dataset from a JavaScript module, accesses the first car’s make, and renders it into a pre element using the Document Object Model API. The styling relies on a linked stylesheet and Google Fonts, while D3 v5 is loaded via a CDN script tag.

Sep 23, 2019