crocsman

@crocsman·3 public vizzes

Car Reports

This example demonstrates VizHub’s ability to load D3 from UNPKG and combine local ES6 modules with a simple page. It displays a static “hello world” message in two places: a `<pre>` element populated by `index.js`, and a large vertically centered `#message` div. The code imports from `"d3"` and a local `myMessage.js` module, though no D3 functions are actually invoked. The included `bundle.js` and `styles.css` show the scaffolding for bundling and styling a visualization project.

Sep 6, 2021

Loading thumbnail…

Fork of Hello HTML

This example displays a fixed, non-animated SVG composition of three circles: a large yellow circle with a thick black outline and two smaller black circles positioned inside it. The rendering is achieved directly through an inline SVG element embedded in a minimal HTML page, using standard SVG shape elements like `<circle>`, with no JavaScript libraries or interaction. The resulting image suggests a simple, static smiley-face figure, and the code resets the page margins and hides overflow to ensure the graphic appears cleanly.

Aug 29, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple, static smiley face built as a standalone SVG graphic. A large yellow circle serves as the head, outlined with a thick black stroke, while two smaller unfilled circles represent the eyes. The page uses raw SVG elements—`<svg>`, `<circle>`, and inline attributes like `cx`, `cy`, `r`, and `stroke-width`—placed directly in the HTML without any JavaScript libraries. The layout is centered via hardcoded coordinates, and the `README.md` notes the face is only half-complete, indicating a step toward a fuller drawing.

Aug 29, 2021