Paul Morganthall

@slothbear·3 public vizzes

cirkloj

This example shows seven semi-transparent circles in various neon colors on a light green SVG background, with positions, sizes, and fills defined by a static array of objects. The code uses D3.js v7, specifically the `select` function, to create the SVG element sized to its container and bind data to circle elements via the `join` method. Each circle’s `cx`, `cy`, `r`, `fill`, and `opacity` attributes are set directly from the data properties, demonstrating the D3 General Update Pattern and method chaining in a simple, static visualization.

Oct 10, 2024

Loading thumbnail…

procyon

This example demonstrates the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets. It shows the simplest possible "Hello World" visualization, rendering text and an SVG circle inside a styled div element. The code exports a `main` function that receives a container, sets its inner HTML directly, and uses a hardcoded font size value, which can be adjusted interactively.

Oct 10, 2024

Loading thumbnail…

network effect

This example displays the text “network effect” in large, centered type on a blank HTML page. The page is styled with a CSS rule that sets the message font size and alignment. A single gray circle element is positioned in the page’s body but is not part of any interactive or animated network visualization. The code uses plain HTML, CSS, and JavaScript without any external libraries or frameworks.

Oct 10, 2024