Pietro Pollo

@pietropollo·2 public vizzes

Smiley Face Part II

A single smiley face rendered with React and SVG, assembled from modular components for the background circle, eyes, and mouth. The face is drawn with randomized numeric properties—stroke width, eye placement and radius, and mouth dimensions—generated via `Math.random()`. The mouth uses a D3 `arc()` generator to create a path, while the `FaceContainer` applies a centered translation. The example demonstrates a reusable, data-driven component structure for declarative SVG visualization.

May 4, 2023

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data in a web browser. It fetches a dataset of CSS named colors from a GitHub Gist and displays summary statistics—file size in kilobytes, row count, and column count—in large text. The primary implementation uses d3.csv to fetch and parse the data asynchronously, while commented-out alternatives show the same task using fetch with async/await and d3.csvParse, including a nested promise “pyramid of doom” pattern. The visualization itself is minimal, focusing purely on the data-loading workflow with d3.v5 in a React-free HTML page.

Apr 28, 2023