Matt Woods

@halfbloodquince·3 public vizzes

Fork of Vega-Lite API Template

This example uses the Vega-Lite API to build an interactive scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository, sourced via a Gist. The visualization encodes miles per gallon on the x-axis, horsepower on the y-axis, and colors points by origin, while point size reflects vehicle weight. It renders as a full-window SVG using the vega-lite-api library, with tooltips generated through vega-tooltip. Custom configuration in config.js adjusts axis and label styling for readability. The code loads data asynchronously via d3.csv, applies a dark theme, and fits the chart to the viewport dimensions.

Dec 11, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows the initial stage of a smiley face, with a large yellow circle for the head and two smaller circles for eyes, all rendered as static SVG elements. The code uses React 18 from a CDN and places the SVG shapes directly in the HTML markup, with no JavaScript driving the drawing. Though the source file imports React and ReactDOM, only the core SVG structure is visible, leaving the interactive or generative behaviors implied by the project’s “Let’s Make a Face” title out of this specific fork.

Dec 8, 2022

Loading thumbnail…

Fork of Hello HTML

This visualization uses inline SVG to draw a simple, static composition on a 960x500 canvas: a large yellow circle with a black stroke, flanked by two smaller unfilled circles positioned to resemble a face or abstract figure. The code is plain HTML with embedded CSS and SVG elements, requiring no external libraries or data sources. It demonstrates basic SVG shape rendering and styling directly within an HTML page.

Dec 8, 2022