quintonio1000

@quintonio1000·3 public vizzes

Untitled

A bar chart displays an array of six fixed scores as vertical green bars on a Canvas. Each bar’s height corresponds to the score value, with bars positioned sequentially from left to right using a set width and spacing. The example uses the Canvas API’s `fillRect` method within a `window.onload` handler. The data is a hardcoded JavaScript array, and the rendering approach is direct pixel drawing without any external libraries or frameworks.

Sep 8, 2021

Loading thumbnail…

Untitled

This example demonstrates a force-directed graph rendered as a dynamic particle system. It shows interconnected nodes and links that are simulated using `d3.forceSimulation`, with each node represented as a small circle. The visualization updates the positions of these circles in real time based on the ongoing force calculations. The scene is drawn onto an HTML canvas element, with the code iterating through the simulation's tick events to redraw the particles and their connecting lines.

Sep 8, 2021

Loading thumbnail…

Smiley Face pt 1

This example shows a simple yellow smiley face drawn on a fixed 960-by-500 SVG canvas, with two black circles serving as eyes and a larger yellow circle as the face outline. The code uses plain SVG elements (`circle` with `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width`) embedded directly in the HTML, alongside a React 17 UMD script that is imported via `index.js` but only logs the React object to the console. The rendering approach is static SVG, with no dynamic data or interaction.

Aug 31, 2021