Jaldazabal3

@Jaldazabal3·2 public vizzes

Hello VizHub

This example presents a straightforward "Hello World!" message as a demonstration of VizHub’s capabilities. It uses D3 v5’s `select` method to set the text content of a `#message` div, which is rendered as large, centered white text against a dark blue background. The message itself is exported as an ES6 module from a separate `myMessage.js` file, and styling relies on a Google Fonts import for Ubuntu typeface. The visualization is minimal, focusing on tooling and modular code structure rather than complex graphics.

Jul 19, 2019

Loading thumbnail…

Shapes and Colors with SVG and CSS

This example shows how SVG shapes and CSS styling combine to create a static composition of circles, rectangles, lines, and paths. It demonstrates default black fills, explicit color attributes like `fill="red"` and `fill="#83cc2a"`, and grouped elements inheriting shared properties such as `fill="#adf6ff"` with a black stroke. The code uses native SVG elements—`circle`, `rect`, `line`, and `path`—with transformations via `translate` and `scale`, while external CSS classes (`.lines`) apply stroke width and rounded line caps. No JavaScript libraries are used; rendering relies entirely on SVG markup and linked stylesheets.

Jul 19, 2019