adamazzamroma2@gmail.com

@itsmeadamdamroma·2 public vizzes

Fork of Blank Slate with Hot Reloading

This example demonstrates a simple circuit diagram rendered as SVG using D3 v7, showing the wiring between a microcontroller, load cell with HX711 amplifier, OLED display, buzzer, buttons, and battery. The code creates rectangles and lines via `d3.select('body').append('svg')` with chained `.attr()` calls to set positions, dimensions, colors, and strokes. It serves as a blank slate template for the VizHub V3 runtime, which supports hot reloading so edits update instantly.

Nov 11, 2024

Loading thumbnail…

Fork of Circles with D3

This example demonstrates how to create and dynamically style SVG circles using D3.js. The visualization renders an array of circle objects with position, radius, and color attributes bound to SVG elements through the General Update Pattern with `selectAll`, `data`, and `join`. The code uses D3’s `select` method to manage the SVG container and updates circle attributes like `cx`, `cy`, `r`, and `fill` through method chaining. The visualization serves as a foundational tutorial for data binding and dynamic SVG manipulation with D3 v7.

Nov 11, 2024