Sebastian Ruggero

@sebasruggero·3 public vizzes

Fork of Gun Deaths in Florida

This fork visualizes annual firearm-related murders in Florida from 1989 to 2016. It combines a semi-transparent red area chart with a thick black line and circle markers, using the original dataset from the Florida Department of Law Enforcement. The implementation builds the SVG using D3 v5, relying on `d3.area()`, `d3.line()`, and `d3.axisBottom` for the x-axis and `d3.axisLeft` for the y-axis. The title and subtitle are pre-defined, and the plot adds axis tick lines and a note highlighting the 2005 "Stand Your Ground" law, though the note’s drawing logic is incomplete.

Aug 10, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple, static smiley face constructed from three SVG circles on a yellow face, with two black eye circles positioned on either side of the center. The face is drawn using raw SVG elements—a yellow `<circle>` with a black stroke, and two unfilled `<circle>` elements for the eyes—all laid out on a 960-by-500 canvas. No JavaScript libraries or animation logic are present; the effect relies entirely on the SVG markup and CSS resets to remove page margins. The rendering is purely vector-based, with coordinates hard-coded into the HTML file.

Aug 10, 2023

Loading thumbnail…

Untitled

This example presents a video-based visualization embedded within a minimal HTML page. The code relies on an iframe to stream YouTube content directly, rather than generating a custom graphic. It does not employ JavaScript plotting libraries or data-processing APIs. The rendering approach is simple web embedding via the standard iframe element, with no native visualization framework. The visualization’s meaning depends entirely on the external video source, which supplies the narrative and graphical content.

Aug 9, 2023