Erico103

@Erico103·3 public vizzes

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to create an interactive scatter plot of auto MPG data, showing the relationship between miles per gallon and horsepower, with points colored by country of origin and sized by horsepower. The code calls on `vega-lite-api`, `vega`, `vega-lite`, `vega-tooltip`, and `d3` to render the plot. It loads data from the UCI Machine Learning Repository’s Auto MPG dataset via a CSV URL using `d3.csv` and applies a customized configuration for darker text and styled axes for readability.

Dec 8, 2021

Loading thumbnail…

Fork of HTML Starter

This example demonstrates how to use D3.js v7 to fetch and parse a CSV file from a GitHub Gist, then display summary statistics about the data. The page shows the file size in kilobytes, the number of rows, and the number of columns using D3’s `d3.csvParse` and the Fetch API. A large `<pre>` element with CSS styling presents the output text. The code uses `fetchText` to retrieve the remote CSV, illustrating a minimal client-side data-loading workflow.

Dec 8, 2021

Loading thumbnail…

smileyface part 1

A yellow circle with a black outline and two smaller black circles represents a smiley face, though the mouth is absent. The SVG drawing uses basic shape elements, including `<circle>` for the face and eyes, with explicit pixel coordinates for positioning. The static rendering relies on SVG attributes like `fill`, `stroke`, and `stroke-width` defined directly in the markup. No JavaScript or external libraries are used, and the page is a minimal HTML document with embedded CSS controlling the canvas size.

Dec 7, 2021