busrabozkus

@busrabozkus·2 public vizzes

Fork of Fill & Stroke

Four SVG shapes demonstrate the contrast between unfilled and filled forms with optional black outlines. Two rectangles and two circles, all rendered via raw SVG elements without JavaScript, sit on a white background. The first pair has no fill or stroke, while the second pair pairs a white fill with a 12-pixel black stroke to highlight how fill and stroke attributes alter shape visibility. This example uses static, hand-authored SVG markup as a minimal exploration of basic shape styling.

Dec 7, 2022

Loading thumbnail…

Untitled

This example demonstrates a React-based interactive visualization that renders a dynamic particle system using HTML5 Canvas. The code leverages D3’s force simulation (`d3.forceSimulation`) to compute physics-based movement for multiple circular nodes, which are drawn each animation frame via the Canvas API. Each node’s position is updated continuously based on velocity and collision forces, creating a fluid, organic motion effect. The visualization is built with pure JavaScript and styled minimally through CSS, showcasing how React integrates with D3 and Canvas for real-time graphics without external charting libraries.

Dec 7, 2022