KingsLanding

@KingsLandingCS·5 public vizzes

Bar chart

Four black rectangular bars stand on a white background, decreasing in height from left to right within an SVG. Each bar is a plain SVG `<rect>` element with a fixed position, and single capital letters (A, B, C, D) serve as labels for the axes. The chart uses a purely static SVG rendering with no interaction, as demonstrated by the `index.html` markup.

Aug 12, 2024

Loading thumbnail…

Scatter Plot

Despite its title, this example does not render a statistical scatter plot of data points, but instead draws a sequence of six black circles positioned diagonally across a light gray background. The visualization is hand-coded in an SVG element with a fixed viewport, directly specifying each `ellipse` element's center coordinates and radius. The layout creates a visual progression from the bottom-left to the top-right, resembling a sparse dot distribution, yet it remains a static, deterministic composition with no interactive behavior or underlying dataset.

Aug 12, 2024

Loading thumbnail…

SVG Fundamentals

This example demonstrates the basic building blocks of SVG shapes in a static 960x500 scene. It draws a black-outlined circle, a yellow rectangle with a navy border, a diagonal navy line, and a black path with two segments. The SVG is embedded directly in the HTML markup, with the file named index.html. The code uses no external JavaScript visualization libraries, though the included index.js file declares a `main` function that writes an unstyled "Hello World" text into a container, but this script is not referenced or executed by the HTML document.

Aug 12, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This blank-slate example demonstrates the VizHub V3 runtime environment’s hot-reloading workflow, where holding Alt and dragging a numeric literal in the editor updates the rendered output live. The `main` function receives a `container` DIV and renders an inline-styled “Hello World!” text using a dynamic `fontSize` value. No external libraries are imported; the code relies solely on plain JavaScript and DOM string interpolation. It serves as a minimal starting point for exploring interactive widgets and the simplified entry-point pattern of VizHub V3.

Aug 11, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 runtime environment's interactive hot reloading feature, using a simple "Hello World" text as a blank slate. The code exports a `main` function that takes a `container` DIV and sets its inner HTML, rendering the text at a fixed font size. Users can Alt-drag the `fontSize` number directly in the editor to continuously update the rendered text, showing immutable `setState` in action. It relies entirely on the VizHub V3 API with no external libraries.

Aug 11, 2024